1. การวิเคราะห์พื้นหลัง
สำหรับผู้ผลิตหน้าเว็บมืออาชีพที่ต้องการสร้างหน้าเว็บที่ซับซ้อนในสภาพแวดล้อมที่เป็นภาพ Dreamweaver ได้ค่อยๆ กลายเป็นเครื่องมือแก้ไขหน้าเว็บ และกลายเป็นตัวเลือกที่ดีที่สุดสำหรับมืออาชีพในการเขียนหน้าเว็บ จากการสำรวจโดย Macromedia ปัจจุบัน Dreamweaver มีผู้ใช้มากกว่า 700,000 ราย ซึ่งครองอันดับหนึ่งในบรรดาเครื่องมือแก้ไขเว็บในแง่ของส่วนแบ่ง ทิ้งคู่แข่งอย่าง "Adobe GoLive" และ "NetObjects Fusion" ไว้ตามหลังอยู่มาก ดังนั้นจึงคาดว่าจำนวนผู้ใช้ Dreamweaver จะเพิ่มขึ้นอย่างต่อเนื่อง
ภายใต้อัตราความนิยมอย่างล้นหลามนี้ เป็นไปได้ว่าฟังก์ชันภายในของ Dreamweaver มีมากขึ้นเรื่อยๆ สมบูรณ์และครบถ้วน ในการแนะนำของเราในครั้งนี้ มีคุณลักษณะใหม่บางอย่างที่ช่วยให้ผู้สร้างหน้าเว็บมีการออกแบบที่รวดเร็วยิ่งขึ้น การเขียนโค้ดที่ง่ายขึ้น และฟังก์ชันที่ผสานรวมมากขึ้น เพื่อเป็นการไม่ให้เสียเวลา เราจะแนะนำวิธีการใช้งานฟังก์ชันบางอย่างใน Dreamweaver ให้เกิดประโยชน์ มีเทคนิคลับ 12 ข้อด้านล่าง ซึ่งสามารถแบ่งออกเป็น 4 หัวข้อ ได้แก่: การออกแบบหน้าเว็บ (Dreamweaver มีฟังก์ชันการออกแบบหน้าเว็บที่ยืดหยุ่น) การใช้ Dreamweaver ร่วมกับผลิตภัณฑ์ Macromedia อื่นๆ (การสร้างภาพเคลื่อนไหวและรูปภาพโดยไม่ต้องขอความช่วยเหลือ) การปรับแต่งอินเทอร์เฟซผู้ใช้ (เพลิดเพลินกับประสบการณ์ผู้ใช้ที่เป็นส่วนตัว) และในที่สุดก็เข้าร่วม Dreamweaver Extensions ( โหลดคุณสมบัติขั้นสูงเพิ่มเติมลงในหน้าเว็บ)
2. เคล็ดลับในการออกแบบหน้าเว็บ
ไม่ว่าคุณต้องการใช้ไวยากรณ์ HTML ดั้งเดิมเพื่อเขียนหน้าเว็บแบบคำต่อคำ หรือใช้หน้าต่างมาตรฐานสำหรับการออกแบบหน้าเว็บด้วยภาพ เคล็ดลับต่อไปนี้ก็มีประโยชน์
เคล็ดลับที่ 1: ทำให้ขนาดหน้าเว็บมีความยืดหยุ่นมากขึ้น
นักพัฒนาเว็บบางคนเรียกเทคนิคด้านล่างนี้ว่า "ของเหลว" แต่ในที่นี้เรียกว่า "เทคนิคการขยายแบบยืดหยุ่น" นี่เป็นเทคนิคในการปรับขนาดหน้าเว็บเมื่อขนาดของหน้าต่างเบราว์เซอร์ของผู้เยี่ยมชมเปลี่ยนไป ดังนั้น หากหน้าต่างใหญ่เกินไปก็จะไม่มีช่องว่าง หากหน้าต่างเล็กเกินไป การเลื่อนขึ้นและลง แถบจะไม่ปรากฏบนขอบ ที่จริงแล้วหน้าเว็บธรรมดาส่วนใหญ่จะปรับขนาดหน้าโดยอัตโนมัติตามขนาดของหน้าต่างเบราว์เซอร์ อย่างไรก็ตาม หากมีการใช้เฟรมและตารางที่แตกต่างกันจำนวนมากในหน้าเว็บ ก็จะเป็นการยากที่ขนาดหน้าเว็บจะปรับขนาดโดยอัตโนมัติและ ปรับได้อย่างยืดหยุ่น โดยปกติแล้ว นักออกแบบเว็บไซต์จะใช้เฟรมที่มีความกว้างคงที่และรูปภาพ GIF ผสมกันเป็นช่วงเวลาในการออกแบบหน้าเว็บ ด้วยวิธีนี้ ไม่ว่าจะใช้ Internet Explorer หรือ Netscape Navigator ขนาดหน้าจะคงที่และจะไม่หายไป ด้วย Dreamweaver 4.0 คุณสามารถออกแบบหน้าเว็บที่จะปรับเปลี่ยนได้อย่างยืดหยุ่นโดยอัตโนมัติ ทำอย่างไร
★วิธีการเฉพาะ: ใช้ปุ่มบนแผงเครื่องมือ (จานสีวัตถุ) เพื่อเปิดหน้าเว็บและสลับไปที่ "มุมมองเค้าโครง" ในขณะนี้ คุณสามารถดูความกว้างของคอลัมน์ของกล่องข้อความได้ มีลูกศรดรอปดาวน์เล็กๆ อยู่ตรงกลางของกล่องเหนือแต่ละคอลัมน์ คลิกลูกศรเล็กๆ เหนือคอลัมน์ที่คุณต้องการตั้งค่าการแสดงผลแบบยืดหยุ่น จากนั้น เลือก "ตั้งค่าคอลัมน์เป็นสร้างคอลัมน์ยืดอัตโนมัติ" (ตั้งค่าความกว้างของคอลัมน์การปรับอัตโนมัติให้จำกัดไว้ที่หนึ่งคอลัมน์) ในขณะนี้ เส้นหยักจะปรากฏขึ้นเหนือกล่องคอลัมน์ แทนที่จะเป็นตัวเลขเดิมที่ระบุความกว้างของคอลัมน์ Dreamweaver จะสร้างรูปภาพเปล่าที่มีเลย์เอาต์คงที่โดยอัตโนมัติ โดยรูปภาพว่างนี้จะแสดงด้วยตารางว่างยาว 2 ตารางที่อยู่เหนือคอลัมน์ ด้วยวิธีนี้ เลย์เอาต์จะถูกเติมโดยอัตโนมัติ และการตั้งค่าเลย์เอาต์ที่ยืดหยุ่นจะเสร็จสมบูรณ์ (เมื่อคุณเพิ่มรูปภาพเปล่าเป็นครั้งแรก กล่องโต้ตอบจะปรากฏขึ้นเพื่อถามว่าคุณต้องการใช้รูปภาพในตัวหรือไม่ เพื่อผลที่ดีที่สุด เราขอแนะนำให้คุณปล่อยให้ Dreamweaver สร้างรูปภาพขึ้นมาโดยอัตโนมัติ มิฉะนั้น คุณจะไม่ ต้องใช้รูปภาพเปล่าเพื่อเติมเค้าโครง)
เคล็ดลับที่ 2: สร้างจานสีส่วนตัว
"แผงสินทรัพย์" (แผงควบคุมคุณสมบัติ) ใหม่ของ Dreamweaver เป็นเครื่องมือใหม่ที่สามารถจัดการไฟล์ตามรูปแบบไฟล์ เช่น รูปภาพ สไตล์ ฯลฯ , เมื่อแก้ไขเว็บไซต์
★วิธีการเฉพาะ: เมื่อคุณกำหนดไซต์ใหม่ (คลิกไซต์ใหม่) ออบเจ็กต์ทุกประเภทจะถูกเพิ่มลงในกล่องตารางที่เหมาะสมใน "แผงสินทรัพย์" โดยอัตโนมัติ แผงควบคุมคุณสมบัติ "แผงสินทรัพย์" ที่เพิ่มเข้ามาใหม่นี้ยังมีกล่องสี ซึ่งจัดเก็บสีทั้งหมดที่ใช้ในเว็บไซต์ของคุณ รวมถึงสีข้อความ สีพื้นหลัง และสีไฮเปอร์ลิงก์ นี่คือชุดสีการนำทางเว็บไซต์ที่ออกแบบมาสำหรับผู้ใช้ เพียงเปิด "แผงสินทรัพย์" (เลือก "หน้าต่าง" ก่อน จากนั้นคลิก "สินทรัพย์") จากนั้นคลิกที่แถบสีเล็กๆ ทางด้านซ้าย แล้วคุณจะเห็นตัวเลือกสีที่หลากหลายสำหรับเว็บไซต์ของคุณ แน่นอนคุณสามารถดึงสีเหล่านี้ไปยังข้อความที่เลือกได้ แม้ว่าคุณจะเลือกสีใดสีหนึ่ง ค่าเลขฐานสิบหกของความหนาแน่นของสีและรหัสคอนทราสต์สีหลัก (RGB) สามรหัสก็จะปรากฏบนหน้าจอ หากคุณต้องการทำให้แถบเครื่องมือจานสีเล็กลง คุณสามารถเพิ่มเฉพาะสีบางสีลงใน "รายการโปรด" ของจานสีได้ เพียงไฮไลต์สีที่เลือกแล้วคลิกปุ่ม "เพิ่มในรายการโปรด" ในหน้าต่าง (ปุ่มขวาล่าง) เท่านี้ก็เสร็จเรียบร้อย
เคล็ดลับ 3: การสร้างระบบนำทางเมนูป๊อปอัป
เดิมทีการสร้างระบบนำทางเมนูป๊อปอัปจำเป็นต้องใช้ไวยากรณ์และเทคนิค JavaScript มากมาย แต่ถ้าคุณมี Dreamweaver และ Fireworks Studio คุณก็สามารถทำได้อย่างง่ายดายและรวดเร็ว
★วิธีการเฉพาะ: เริ่มแรกใน "ดอกไม้ไฟ" เลือกรูปภาพ จากนั้นคลิก "แทรกเมนูป๊อปอัป" ในกล่องโต้ตอบ "ตั้งค่าเมนูป๊อปอัป" คุณสามารถป้อนชื่อของรายการ (รายการ) แล้วคลิก ปุ่ม "บวก" เพื่อเพิ่มรายการ คุณสามารถดำเนินการตั้งค่าโดยละเอียดต่อไปได้ในกล่องข้อมูลที่ปรากฏขึ้น เช่น การตั้งค่าข้อความและไฮเปอร์ลิงก์ที่จะใช้สำหรับโปรเจ็กต์ แน่นอนว่า คุณยังสามารถเพิ่มเมนูย่อยและจัดเรียงการตั้งค่าใหม่สำหรับระดับถัดไปได้ เมื่อเสร็จแล้ว คลิก "ถัดไป" เพื่อตั้งค่าพารามิเตอร์ต่างๆ ต่อไป เช่น สี แบบอักษร ฯลฯ หลังจากเมนูเสร็จสิ้น คุณสามารถดูตัวอย่างทั้งไวยากรณ์ HTML และรูปภาพได้ คลิก "เสร็จสิ้น" อีกครั้ง ในเวลานี้เมื่อเลื่อนเมาส์ไปที่ภาพต้นฉบับ รายการเนื้อหาของระบบเมนูจะปรากฏขึ้น จากนั้นเมื่อคุณส่งออกไฟล์ที่สร้างขึ้น "ดอกไม้ไฟ" จะสร้างไฟล์ HTML, จาวาสคริปต์และรูปภาพทั้งหมดที่ Dreamweaver จำเป็นต้องใช้โดยอัตโนมัติ
เคล็ดลับ 4: ทำให้รูปภาพเคลื่อนไหว
หากคุณติดตั้ง Dreamweaver และ Fireworks Studio พร้อมกัน คุณจะทึ่งกับการผสมผสานที่ลงตัวของซอฟต์แวร์ทั้งสองนี้ แม้ว่าคุณจะไม่ใช่นักออกแบบรูปภาพมืออาชีพ แต่คุณอาจต้องการแก้ไขรูปภาพ GIF บางส่วนเพื่อให้รูปภาพมีสีสันมากขึ้นเมื่อออกแบบหน้าเว็บ Dreamweaver ให้คุณสร้างแอนิเมชั่นโดยไม่ต้องขอความช่วยเหลือ
★วิธีการเฉพาะ: เลือกรูปภาพที่จะแก้ไขในหน้าต่างมาตรฐาน จากนั้นคลิก "แก้ไข" ใน "ตัวตรวจสอบคุณสมบัติ" หากคุณติดตั้ง Dreamweaver โดยมี "Fireworks" รวมอยู่ด้วย "Fireworks" จะเป็นโปรแกรมแก้ไขรูปภาพเริ่มต้นของ Dreamweaver และรูปภาพจะถูกโหลดไปที่ "Fireworks" โดยอัตโนมัติ (หากสังเกตให้ดีจะพบว่าข้อความและกราฟิก เช่น "การแก้ไขจาก Dreamweaver" จะปรากฏบนหน้าจอดอกไม้ไฟ แสดงว่าคุณสามารถแก้ไขรูปภาพใน Dreamweaver ได้) เอาล่ะ ตอนนี้ให้คลิกที่รูปภาพที่คุณต้องการแก้ไขใน " ดอกไม้ไฟ" เลือก "แก้ไขภาพเคลื่อนไหว การเลือกภาพเคลื่อนไหว" จากนั้น ตั้งค่าใน "กล่องโต้ตอบภาพเคลื่อนไหว" ให้เสร็จสิ้น เลือกจำนวนเฟรมของภาพเคลื่อนไหว ทิศทางการเคลื่อนไหวของภาพเคลื่อนไหว ความโปร่งใส และการตั้งค่าอื่นๆ คุณยังสามารถคลิกเครื่องมือ "เฟรม" เพื่อตั้งค่าความเร็วในการเคลื่อนที่ และเลือกแผง "วัตถุ" เพื่อเปลี่ยนการตั้งค่า เมื่อคุณต้องการส่งออกไฟล์ เพียงคลิกที่แถบเครื่องมือ "เพิ่มประสิทธิภาพ" และเลือก "Animated GIF" ในประเภทไฟล์ หลังจากเสร็จสิ้น "ดอกไม้ไฟ" จะส่งออกรูปภาพโดยอัตโนมัติด้วยการตั้งค่าที่ปรับให้เหมาะสมที่สุด อัปเดตรูปภาพ GIF โดยอัตโนมัติ และแสดงรูปภาพที่อัปเดตใน Dreamweaver คลิก "ดูตัวอย่างไฟล์ในเบราว์เซอร์" เพื่อให้คุณสามารถดูตัวอย่างภาพน่ารักที่คุณเพิ่งสร้างขึ้นในเบราว์เซอร์ได้
เคล็ดลับ 5: ทำให้ปุ่มมีเอฟเฟกต์กะพริบ
ใน Dreamweaver คุณสามารถสร้างวัตถุปุ่ม Flash พร้อมเอฟเฟกต์กะพริบได้โดยไม่ต้องใช้ Flash Dreamweaver มีออบเจ็กต์ปุ่ม Flash ในตัวหลายรายการ ซึ่งสามารถสร้างปุ่มได้หลายรูปแบบ
★วิธีการเฉพาะ: คลิก "แทรกปุ่มแฟลชรูปภาพเชิงโต้ตอบ" เพื่อดูปุ่มในตัว คุณยังสามารถใช้เมาส์เพื่อชี้ไปที่รูปแบบปุ่มที่คุณต้องการใช้ในกล่องโต้ตอบ แล้วดูว่ามันทำงานอย่างไรในเบราว์เซอร์ ใช้ตัวชี้เมาส์เพื่อเลือกรูปแบบปุ่มที่จะใช้ จากนั้นป้อนพารามิเตอร์ตามลำดับ เช่น ข้อความ แบบอักษร สี ไฮเปอร์ลิงก์ ฯลฯ บนปุ่ม หรือชื่อไฟล์แบบกำหนดเอง กดตกลง จากนั้น ไฟล์ในรูปแบบ "SWF" จะถูกสร้างขึ้น และไฟล์ดังกล่าวจะถูกนำเข้าไปยังหน้าเว็บของคุณโดยอัตโนมัติ คลิกที่ไฟล์ที่เสร็จสมบูรณ์แล้วคุณจะเห็นคุณสมบัติของไฟล์แสดงใน "ตัวตรวจสอบคุณสมบัติ" เมื่อแสดงแอตทริบิวต์ของไฟล์ หากคุณขยายรายการแอตทริบิวต์ของไฟล์ "เล่น" จะปรากฏขึ้น หลังจากคลิก คุณสามารถดูตัวอย่างเอฟเฟกต์การกะพริบของปุ่มได้โดยไม่ต้องเปิดเบราว์เซอร์
เคล็ดลับ 6: สร้างข้อความต่อเนื่อง
การเพิ่มข้อความต่อเนื่องให้กับเว็บเพจนั้นง่ายดายพอๆ กับการเพิ่มปุ่ม Flash ที่เราเพิ่งแนะนำ ในทำนองเดียวกัน โดยไม่ต้องติดตั้ง Flash คุณก็ทำได้อย่างง่ายดายด้วยฟีเจอร์ใหม่ๆ ที่ Dreamweaver มอบให้ ผู้สร้างเว็บเพจที่มักใช้ไวยากรณ์ HTML ในการเขียนเว็บเพจและไม่มีประสบการณ์ด้านสื่อเชิงโต้ตอบสามารถสร้างข้อความที่มีขนาดกะทัดรัดในรูปแบบ Flash ได้อย่างง่ายดาย คุณสมบัติใหม่นี้สามารถเพิ่มการโต้ตอบการสืบค้นไปยังหน้าเว็บโดยไม่ต้องเพิ่มความยุ่งยากด้านความเข้ากันได้ ★วิธีการเฉพาะ: คลิก "แทรกข้อความแฟลชรูปภาพเชิงโต้ตอบ" จากนั้นกรอกการตั้งค่าพารามิเตอร์ทีละรายการ (เช่น ข้อความ รูปแบบแบบอักษร สีแบบอักษร และขนาดแบบอักษรที่คุณต้องการเปลี่ยนเอฟเฟกต์ ฯลฯ)
เคล็ดลับ 7: เปลี่ยนแป้นพิมพ์ลัด
Dreamweaver ช่วยให้ผู้ใช้ปรับแต่งอินเทอร์เฟซได้ และการออกแบบนี้มีความยืดหยุ่นมาก ตัวอย่างเช่นผู้ใช้สามารถเปลี่ยนเมนูโดยการเขียนโปรแกรมหรือเพิ่มวัตถุด้วยตนเอง คุณไม่จำเป็นต้องเป็นผู้เชี่ยวชาญในการเปลี่ยนแป้นพิมพ์ลัด เนื่องจาก Dreamweaver มีอินเทอร์เฟซแบบกราฟิกที่เรียกว่า "Keyboard Shortcut Editor"
★วิธีการเฉพาะ: เพียงคลิก "แก้ไขแป้นพิมพ์ลัด" จากนั้นกล่องโต้ตอบจะโหลดและแสดงรายการคีย์ลัดที่สามารถเปลี่ยนแปลงได้ ทำให้คุณสามารถเปลี่ยนคีย์ลัดเป็นการตั้งค่าที่คุณคุ้นเคยได้ หากต้องการเปลี่ยนคีย์ลัด เพียงใช้เมนูแบบเลื่อนลงของแถบการตั้งค่าปัจจุบันและแถบคำสั่ง ค้นหาคำสั่งที่คุณต้องการเปลี่ยนระหว่างคำสั่งที่มีอยู่ จากนั้นเลือกคีย์ลัดปัจจุบัน ซึ่งจะปรากฏในรายการคีย์ลัด ในรายการ นอกจากนี้ หากคุณต้องการเพิ่มการตั้งค่าคีย์ลัด คุณสามารถคลิก "บวก" พิมพ์คีย์ตัวแทนทางลัดใหม่ที่คุณต้องการใช้บนแป้นพิมพ์ และคลิก "เปลี่ยน" ในเวลาเดียวกัน คุณสามารถเลือกคีย์ลัดแล้วคลิก "ลบ" เพื่อลบคีย์ลัดได้
เคล็ดลับ 8: รีเซ็ตคอลัมน์หน้าต่างไซต์
★ วิธีการเฉพาะ: เพียงคลิก "ดูคอลัมน์มุมมองไฟล์" จาก "หน้าต่างไซต์" เพื่อดูขนาดและลักษณะของคอลัมน์มุมมองไซต์ เลือกชื่อฟิลด์และใช้ลูกศรขึ้นและลงเพื่อปรับขนาด หรือยกเลิกการเลือกแสดงฟิลด์เพื่อซ่อนฟิลด์ นอกจากนี้ คุณยังสามารถเพิ่มคอลัมน์และสร้างชื่อคอลัมน์ของคุณเองได้ด้วยการคลิกปุ่ม "บวก" หรือคุณสามารถเชื่อมโยงคอลัมน์กับ "บันทึกการออกแบบ" ได้โดยเลือก "บันทึกย่อ" ที่มีอยู่ในเมนูแบบเลื่อนลง
เคล็ดลับ 9: ดูโค้ดต้นฉบับของหน้าเว็บ
★ วิธีการเฉพาะ: เมื่อคุณเปิด "การอ้างอิงโค้ด Reilly" (การอ้างอิงหน้าต่าง) เพื่อตรวจสอบคุณสมบัติหรือความเข้ากันได้ของเบราว์เซอร์ หน้าต่างเริ่มต้นจะแสดง "การตั้งค่าอ้างอิง" เป็นค่าแบบอักษรขนาดเล็ก" แต่ถ้าคุณกดปุ่มขวาที่มุมขวาบนของหน้าต่าง (ใต้ปุ่มปิด) แถวของเมนูแบบเลื่อนลงจะปรากฏขึ้นโดยคุณสามารถเลือกขนาดแบบอักษรของโค้ดต้นฉบับได้ (เล็กถึงกลางและใหญ่) การเลือกแบบอักษรขนาดใหญ่จะ "ไม่เหมาะสม" ต่อสายตาน้อยลง เนื่องจากคุณไม่จำเป็นต้องถือแว่นขยายเพื่อดูหน้าจอเมื่ออ่านโค้ด HTML ต้นฉบับ
เคล็ดลับ 10: เพิ่มปุ่ม Flash
ในเคล็ดลับ 5 เราได้แนะนำวิธีใช้ปุ่มที่ตั้งไว้ล่วงหน้า 20 ประเภทเพื่อสร้างปุ่ม Flash ใน Dreamweaver นี่เป็นวิธีการที่ไม่ต้องติดตั้งไฟล์หรือโปรแกรมเพิ่มเติมใดๆ มีวิธีอื่นด้านล่างซึ่งก็คือการติดตั้ง "ปุ่มดอกไม้ไฟ" ส่วนขยายนี้มีผลเช่นเดียวกับเคล็ดลับ 5
★วิธีการเฉพาะ: ไปที่ "Exchange for Dreamweaver" (ศูนย์แลกเปลี่ยนส่วนขยาย Dreamweaver) ป้อนคำค้นหา "InstaGraphics Extensions for Dreamweaver" จากนั้นดาวน์โหลดไฟล์ประมาณ 577K นี้ สลับไปที่ Dreamweaver เลือก "คำสั่งจัดการส่วนขยาย" จากนั้นเลือก "ส่วนขยายการติดตั้งไฟล์" เพื่อเริ่มการติดตั้ง เมื่อคุณรีสตาร์ท "Dreamweaver" จะมีรูปแบบปุ่มใหม่ที่น่าสนใจ 6 รูปแบบ รวมถึง "Surfboard" และ "Bulletbar" ในเวลานี้ เพียงใช้คำสั่ง "Insert Interactive Images Fireworks Button" เพื่อสร้างปุ่มเจ๋งๆ คุณยังสามารถใช้ "คำสั่งแปลงสัญลักษณ์แสดงหัวข้อย่อยเป็นรูปภาพ" และ "คำสั่งแปลงข้อความเป็นรูปภาพ" ทั้งสองวิธีข้างต้นสามารถเรียกใช้ "ดอกไม้ไฟ" ได้โดยอัตโนมัติ
เคล็ดลับ 11: เพิ่มฟังก์ชัน "Set as Favorites" ลงในหน้าเว็บ ★ วิธีการเฉพาะ: ค้นหาใน "Exchange" และคุณจะพบฟังก์ชันเพิ่มเติมของ "Add To Favorites" ไฟล์ขนาดเล็กนี้ใช้พื้นที่เพียง 3K และเวลาในการดาวน์โหลดจะใช้เวลาไม่นานเกินไป จากนั้นทำตามขั้นตอนเดียวกันเพื่อโหลดจาก "ตัวจัดการส่วนขยาย" (คำสั่งจัดการส่วนขยาย ส่วนขยายการติดตั้งไฟล์) จากนั้นรีสตาร์ท Dreamweaver ไฟล์ส่วนขยายที่โหลดใหม่นี้จะเพิ่มคุณสมบัติใหม่ให้กับ Dreamweaver หากคุณเพิ่มฟังก์ชัน "เพิ่มลงในคอลเลกชันของฉัน" บนหน้าเว็บของคุณ เมื่อผู้ใช้เห็นเว็บไซต์ของคุณ เขาก็จะสามารถเพิ่มเว็บไซต์ของคุณลงใน "คอลเลกชันของฉัน" บนเบราว์เซอร์ของเขาได้อย่างง่ายดายเพียงคลิกเดียว (หรือบุ๊กมาร์กส่วนตัว) นอกจากนี้ ที่เจ๋งที่สุดคือคุณยังสามารถปรับแต่งชื่อ "My Favorites" และไอคอนเล็กๆ ที่จะปรากฎหน้าชื่อ "My Favorites" ได้ (โดยปกติจะเป็นไอคอนเล็กๆ หน้า "My Favorites" ใน IE เป็นค่าเริ่มต้นของ IE ถ้าคุณมีไอคอนเล็กๆ ที่ออกแบบเองจะดูตื่นตามากขึ้น) โปรดทราบว่าฟีเจอร์นี้รองรับเฉพาะเบราว์เซอร์ที่ใช้ IE 4.0 ขึ้นไปเท่านั้น เพียงเลือกแผง "พฤติกรรม" ในเมนู "Windows" จากนั้นไปที่เมนูแบบเลื่อนลงฟังก์ชั่น IE และคลิกที่ฟังก์ชั่นนี้เพื่อเปิดใช้งานคุณสมบัติสุดเจ๋งนี้ได้อย่างง่ายดาย
เคล็ดลับ 12: แผนภูมิสุดเจ๋ง
หากคุณต้องการสร้างแบบฟอร์ม คุณยังต้องใช้เวลาในการเขียนโค้ดต้นฉบับของหน้าเว็บแบบคำต่อคำหรือไม่ ไม่จำเป็น มีวิธีการ
แบบสำเร็จรูป
อยู่แล้ว!แลกเปลี่ยนและดาวน์โหลด "ส่วนขยายตัวสร้างแบบฟอร์ม" มีตารางสำเร็จรูปที่ให้คุณคัดลอกตารางได้ทันทีซึ่งประกอบด้วย: ประเทศ เพศ สถานภาพสมรส กลุ่มอายุ และหมวดหมู่อื่น ๆ ไปที่ Exchange เพื่อดาวน์โหลดไฟล์ขนาดเล็ก (11K เท่านั้น) นี้ จากนั้นติดตั้งผ่าน "ตัวจัดการส่วนขยาย" (คำสั่งจัดการส่วนขยาย ส่วนขยายการติดตั้งไฟล์) จากนั้นเพียงรีสตาร์ท Dreamweaver คลิก "Insert FormBuilder" แล้วคุณจะพบฟังก์ชันเพิ่มเติมใน (Insert FormBuilder) หลังจากคลิกกล่องโต้ตอบจะปรากฏขึ้นซึ่งจะแสดงเมนูรูปแบบที่เกี่ยวข้องทั้งหมดซึ่งสะดวกมาก