ใน Dreamweaver 4.0 เราได้สัมผัสกับแนวคิดของเทมเพลตและไลบรารีแล้ว และรู้ว่าสิ่งเหล่านี้เป็นเครื่องมือที่ดีสำหรับการสร้างหน้าเว็บเป็นกลุ่มที่มีสไตล์คล้ายกัน ขณะนี้ใน Dreamweaver MX (ต่อไปนี้จะเรียกว่า DW MX) ฟังก์ชันของเทมเพลตและไลบรารีได้รับการปรับปรุงและเสริมความแข็งแกร่งเพิ่มเติม โดยเฉพาะอย่างยิ่งฟีเจอร์ในการอัปเดตหน้าเว็บที่เกี่ยวข้องโดยอัตโนมัติ ทำให้เทมเพลตและไลบรารีกลายเป็นจุดเด่นของ DW MX
1. ก่อนอื่น มาดูการใช้งานเทมเพลตกันก่อน DW MX แตกต่างจาก Dreamweaver 4.0 โดยขยายการทำงานของเทมเพลตเป็นสองเมนูคือ "แก้ไข" และ "แทรก" ในเวลาเดียวกัน คุณยังสามารถสร้างเทมเพลตได้โดยตรงในตัวเลือกย่อย "ยืนยัน" ของตัวเลือก "ไฟล์"
2. ค้นหาตัวเลือกย่อย "ยืนยัน" แล้วคลิกปุ่ม "เทมเพลต" ในแถบเครื่องมือด้านซ้าย ขณะนี้เทมเพลตว่างเปล่า เราสามารถคลิกปุ่ม "เทมเพลตใหม่" ที่มุมขวาล่างแล้วเทมเพลตเปล่าจะปรากฏขึ้น ในแผง (ดังแสดงในรูปที่ 1) ให้คลิกชื่อเทมเพลตเพื่อเข้าสู่สถานะที่แก้ไขได้ โปรดทราบว่าขณะนี้ยังไม่มีการเพิ่มองค์ประกอบลงในเทมเพลต เราสามารถเพิ่มตาราง รูปภาพ ข้อความ ฯลฯ ลงในเทมเพลตได้เหมือนกับการแก้ไขหน้าเว็บทั่วไป หลังจากเพิ่ม ให้บันทึกเทมเพลต คุณสามารถค้นหาเทมเพลตที่คุณเพิ่งสร้างได้ในโฟลเดอร์ย่อย "เทมเพลต" ของโฟลเดอร์ไซต์เริ่มต้น โดยมีนามสกุล .dwt
หากคุณพบว่าสิ่งนี้ยุ่งยาก DW MX ยังมีวิธีการที่ชัดเจนยิ่งขึ้น หลังจากแก้ไขหน้าเว็บที่จะบันทึกเป็นเทมเพลต ให้คลิก "บันทึกเป็นเทมเพลต" ในเมนู "ไฟล์" เพื่อสร้างเทมเพลต
3. หลังจากสร้างเทมเพลตแล้ว จะต้องกำหนดพื้นที่ที่แก้ไขได้เพื่อเตรียมพร้อมสำหรับการกรอกเนื้อหาเว็บต่างๆ ในอนาคต เปิดเทมเพลต คลิกเมนู "แทรก/เทมเพลตออบเจ็กต์/ภูมิภาคที่แก้ไขได้" และกล่องโต้ตอบขอบเขตที่แก้ไขได้จะปรากฏขึ้น หลังจากระบุชื่อภูมิภาคแล้ว คุณจะเห็นกล่องสีน้ำเงินปรากฏในเทมเพลต หลังจากบันทึกแล้ว จะมีการสร้างเทมเพลตของพื้นที่ที่แก้ไขได้
4. จะสร้างหน้าเว็บเป็นชุดได้อย่างไร? คลิกเมนู "ไฟล์/ใหม่" เลือกตัวเลือก "เทมเพลต" จากนั้นคุณจะเห็นเทมเพลตที่สร้างขึ้นทันที คลิกปุ่ม "สร้าง" จากนั้นเทมเพลตจะเริ่มนำไปใช้กับหน้าเว็บโดยอัตโนมัติ ในเวลานี้ เราจะเห็นว่าพื้นที่เทมเพลตดั้งเดิมเป็นสีเหลือง และองค์ประกอบต่างๆ ในนั้นได้รับการแก้ไขและไม่สามารถแก้ไขได้ ในขณะที่พื้นที่ที่แก้ไขได้ที่เราเพิ่งกำหนดไว้นั้นเป็นสีน้ำเงินและสามารถแก้ไขได้ ด้วยวิธีนี้ ไม่เพียงแต่ช่วยลดความยุ่งยากในการทำงานของเราในการสร้างหน้าเว็บที่คล้ายกันเท่านั้น แต่ยังช่วยรับประกันความสอดคล้องของรูปแบบหน้าเว็บได้อย่างมีประสิทธิภาพอีกด้วย
5. สุดท้ายนี้ มีการอัปเดตหน้าเว็บที่เกี่ยวข้องเป็นชุด นี่เป็นเทคโนโลยีที่ขาดไม่ได้สำหรับเว็บไซต์ขนาดใหญ่ในการอัปเดตหน้าเว็บ และสามารถนำไปใช้งานได้อย่างง่ายดายใน DW MX เนื่องจากหน้าเว็บทั้งหมดของเราใช้เทมเพลตเดียวกัน และหน้าเว็บเหล่านี้ถูกบันทึกไว้ในไดเร็กทอรีไซต์เดียวกัน เมื่อเราต้องการเปลี่ยนแปลงองค์ประกอบทั่วไปของหน้าเว็บทั้งหมด เราจำเป็นต้องแก้ไของค์ประกอบในเทมเพลตเท่านั้น
เปิดตัวเลือกย่อย "เทมเพลต" และดับเบิลคลิกเทมเพลตของหน้าเว็บที่เกี่ยวข้อง ในขณะนี้ เทมเพลตจะเข้าสู่สถานะที่แก้ไขได้ และพื้นที่สีเหลืองจะหายไป หลังจากเปลี่ยนเนื้อหาของเทมเพลต กล่องโต้ตอบพร้อมท์จะปรากฏขึ้น เมื่อบันทึก: "หน้าเว็บต่อไปนี้ใช้เทมเพลตปัจจุบัน คุณต้องการอัปเดตหรือไม่" (รูปที่ 2) คลิก "อัปเดต" ในขณะนี้หน้าเว็บที่เกี่ยวข้องทั้งหมดที่สร้างขึ้นตามเทมเพลตจะได้รับการอัปเดต (รูปที่ 3) .
รูปที่ 2
รูปที่ 3
เช่นเดียวกับเทมเพลต ไลบรารีของ DW MX มีความยืดหยุ่นมากกว่า คลิก "Library" บนแท็บ "Assert" เพื่อเปิดไลบรารี ขณะนี้เราไม่มีองค์ประกอบในหน้าเว็บเพื่อสร้างไลบรารี เช่น ตารางและรูปภาพ ให้ลากไปที่แผงไลบรารีโดยตรง (ดังที่แสดงด้านล่าง)
โปรดทราบว่าองค์ประกอบในไลบรารีไม่ได้เป็นเพียงรูปภาพหรือข้อความเท่านั้น แต่ยังรวมถึงโค้ดที่จัดเรียงรูปภาพเหล่านั้นในหน้าเว็บด้วย ดังนั้นเราจึงสามารถเพิ่มองค์ประกอบไลบรารีเดียวกันลงในเว็บเพจเช่นเดียวกับในเทมเพลตเพื่อสร้างหน้าเว็บที่มีสไตล์คล้ายคลึงกัน ในขณะนี้ เราเพียงต้องลากองค์ประกอบกลับไปยังหน้าเว็บใหม่ในแผงไลบรารี และโค้ดที่เกี่ยวข้องจะถูกคัดลอกไปยังหน้าเว็บใหม่โดยอัตโนมัติ
นอกจากนี้ องค์ประกอบไลบรารียังสามารถรับรู้การอัปเดตเป็นชุดของเว็บไซต์ เราคลิกองค์ประกอบไลบรารีในแผงไลบรารีเพื่อให้ไลบรารีเข้าสู่สถานะที่แก้ไขได้ (ดังแสดงในรูปที่ 5) เมื่อองค์ประกอบไลบรารีถูกเปลี่ยนแปลงและบันทึก ใช้องค์ประกอบไลบรารีหน้าเว็บจะถูกอัปเดตพร้อมกันโดยอัตโนมัติ
รูปที่ 5
สุดท้ายนี้ ยังมีการอัปเดตอัตโนมัติเพิ่มเติมอีกประการหนึ่ง: หากหน้าเว็บถูกสร้างขึ้นโดยใช้เทมเพลต แต่คุณต้องการคงไว้ดังเดิมเมื่อมีการอัปเดตอัตโนมัติ และไม่อัปเดตพร้อมกับหน้าเว็บที่เหลือของเว็บไซต์ เพียงแต่ คลิก "แก้ไข/เทมเพลต/แยกออกจากเทมเพลต" ในขณะนี้ หน้าเว็บไม่ได้ถูกจำกัดโดยเทมเพลตอีกต่อไป และจำเป็นต้องอัปเดตหน้าเว็บด้วยตนเอง