ด้วยความนิยมของอินเทอร์เน็ต หลายคนไม่พอใจกับการท่องอินเทอร์เน็ตอีกต่อไป แต่ต้องการมีส่วนร่วมในเชิงลึก ขณะนี้การมีเว็บไซต์ของคุณเองกลายเป็นกระแส แม้ว่าการสร้างเว็บเพจธรรมดาๆ ไม่ใช่เรื่องยาก แต่การสร้างเว็บไซต์ที่ไม่ธรรมดานั้นไม่ใช่เรื่องง่าย ดังนั้นเราจึงได้เตรียมชุดบทช่วยสอนพิเศษเกี่ยวกับซอฟต์แวร์ออกแบบเว็บไซต์ใหม่ล่าสุด Dreamweaver MX 2004 ไว้สำหรับคุณ เราหวังว่าจะเป็นเช่นนั้น เป็นประโยชน์กับคุณ
โดยปกติแล้ว ในเว็บไซต์จะมีหน้าเว็บหลายสิบหรือหลายร้อยหน้าที่มีรูปแบบคล้ายกัน การรีเซ็ต
โครงสร้างหน้าเว็บและแถบนำทางและไอคอนต่างๆ ใต้คอลัมน์เดียวกันทุกครั้ง
จะยุ่งยากมาก อย่างไรก็ตาม เราสามารถใช้ Dreamweaver เป็น MX ได้ฟังก์ชันเทมเพลตของปี 2004 ช่วยให้การดำเนินงานง่ายขึ้น จริงๆ แล้ว หน้าที่ของเทมเพลตคือการแยกเลย์เอาต์และเนื้อหาของเว็บเพจออกจากกัน หลังจากออกแบบเลย์เอาต์แล้ว ก็จะถูกจัดเก็บเป็นเทมเพลต ด้วยวิธีนี้ เพจที่มีเลย์เอาต์เดียวกันจึงสามารถสร้างได้ผ่านเทมเพลต สามารถปรับปรุงประสิทธิภาพการทำงานได้อย่างมาก
1. สร้างเทมเพลต
การสร้างเทมเพลตนั้นเหมือนกับการสร้างเพจทั่วไปทุกประการ ยกเว้นว่าคุณไม่จำเป็นต้องสร้างทุกส่วนของเพจ คุณเพียงสร้างส่วนทั่วไปของแต่ละเพจ เช่น แถบนำทางและ แถบหัวเรื่องและใช้พื้นที่ตรงกลางกับหน้า กรอกเนื้อหาเฉพาะ
ขั้นตอนที่ 1: ขั้นแรกให้รันคำสั่ง "File→New" ใน Dreamweaver MX 2004 จากนั้นเลือกตัวเลือก "Template page→HTML template" จากหน้าต่างที่แสดงในรูปที่ 1 และคลิกปุ่ม "Create" เพื่อสร้างเอกสารเทมเพลต
ขั้นตอนที่ 2: แทรกกรอบหน้าเว็บ แถบนำทาง ชื่อ Flash และองค์ประกอบอื่นๆ ที่ใช้ร่วมกันกับทุกหน้าในมุมมองการออกแบบหน้า (รูปที่ 2) จากนั้นเรียกใช้คำสั่ง "ไฟล์→บันทึก" เพื่อบันทึกเทมเพลต
เคล็ดลับ: ขั้นแรกคุณสามารถดาวน์โหลดหน้าเว็บที่ต้องการ จากนั้นเปิดใน Dreamweaver MX 2004 เก็บเฉพาะเฟรมและองค์ประกอบอื่นๆ จากนั้นบันทึกเป็นเทมเพลตผ่านคำสั่ง "File→Save as Template" ซึ่งสามารถบันทึกไฟล์ มีเวลามากในการทำเทมเพลต
เพื่อหลีกเลี่ยงการเปลี่ยนแปลงองค์ประกอบในเทมเพลตที่เกิดจากการทำงานผิดพลาดระหว่างการแก้ไข เนื้อหาในเทมเพลตจะไม่สามารถแก้ไขได้ตามค่าเริ่มต้น หลังจากตั้งค่าพื้นที่หรือข้อความบางอย่างให้สามารถแก้ไขได้แล้วเท่านั้นจึงจะสามารถเปลี่ยนแปลงได้ในเอกสารที่สร้างโดย แม่แบบบริเวณนี้ ขั้นแรกใช้เมาส์เพื่อเลือกขอบเขต (นั่นคือ ขอบเขตที่มีเนื้อหาต่างกันในแต่ละหน้า) จากนั้นเรียกใช้คำสั่ง "แก้ไข→เทมเพลต→ขอบเขตที่แก้ไขใหม่ได้" และตั้งชื่อสำหรับขอบเขตนี้ในกล่องโต้ตอบป๊อปอัป และคุณแก้ไขการตั้งค่าพื้นที่เสร็จแล้ว
เคล็ดลับ: หลังจากตั้งค่าพื้นที่แก้ไขแล้ว คุณต้องเรียกใช้คำสั่ง "File→Save" เพื่อบันทึกการเปลี่ยนแปลง
2. ใช้เทมเพลต
หลังจากที่คุณมีเทมเพลตแล้ว คุณต้องใช้เทมเพลตเหล่านี้เมื่อแก้ไขหน้าเว็บ ตราบใดที่คุณเรียกใช้คำสั่ง "File→New" ในหน้าต่างหลักของ Dreamweaver MX 2004 คุณจะเห็นหน้าต่างใหม่แสดงในรูปที่ 1 จากนั้นเข้าสู่แท็บ "Templates" เพื่อดูเทมเพลตที่บันทึกไว้ คุณสามารถเลือกได้เช่นกัน หนึ่งรายการทางด้านขวา ดูตัวอย่าง ในพื้นที่แสดงตัวอย่าง (รูปที่ 3) และสุดท้ายเลือกเทมเพลตที่คุณต้องการแล้วคลิกปุ่ม "สร้าง" ที่ด้านล่างเพื่อเปิดเทมเพลตนี้
ในเทมเพลตที่เปิดอยู่ พื้นที่ที่ไม่สามารถแก้ไขได้จะถูกเน้น แต่บางตำแหน่งจะถูกล็อคแต่ไม่ได้ถูกเน้น ทั้งนี้สาเหตุหลักมาจากรูปภาพเพียงครอบคลุมสีพื้นหลัง ในกรณีนี้ คุณสามารถเรียกใช้คำสั่ง "แก้ไข→การตั้งค่า" เลือกรายการ "ไฮไลต์" ในรายการ "หมวดหมู่" ของหน้าต่างป๊อปอัป จากนั้นเลือกตัวเลือก "แสดง" ถัดจาก "ภูมิภาคที่ถูกล็อก" ใน พื้นที่ด้านขวา (รูปที่ 4 ) และตั้งค่าสีไฮไลต์เป็นสีน้ำเงิน เพื่อให้คุณสามารถระบุพื้นที่ที่ถูกล็อกในเทมเพลตได้อย่างชัดเจน
เคล็ดลับ: หากคุณยังไม่เห็นเอฟเฟกต์การไฮไลต์ คุณสามารถเลือกคำสั่ง "มุมมอง → Visual Aids → องค์ประกอบที่มองไม่เห็น" ตามลำดับได้
สุดท้ายนี้ เราเพียงแค่ต้องเพิ่มเนื้อหาของหน้าเว็บในพื้นที่ที่แก้ไขได้ เช่น การเพิ่มคำอธิบายข้อความหรือการแทรกรูปภาพที่เกี่ยวข้อง และสุดท้ายให้บันทึกเพจโดยใช้คำสั่ง "File→Save"
3. แก้ไขและแทนที่เทมเพลต
หลังจากสร้างหลายหน้าผ่านเทมเพลตแล้ว หากคุณต้องการเปลี่ยนหน้าหรือเพิ่มคอลัมน์ จะยุ่งยากมากในการแก้ไขหน้าทั้งหมดด้วยตนเอง ดังนั้นเราจึงสามารถแก้ไขปัญหานี้ผ่านฟังก์ชันการแก้ไขเทมเพลตของ ดรีมวีเวอร์ MX 2004. . ตัวอย่างเช่น หลังจากที่เราแก้ไขเทมเพลตแล้ว ให้รันคำสั่ง "File→Save" เพื่อบันทึกเทมเพลต ในเวลานี้ กล่องข้อความจะปรากฏขึ้นเพื่อถามว่าจะอัปเดตเพจทั้งหมดที่ใช้เทมเพลตนั้นหรือไม่ (รูปที่ 5) หน้าเว็บที่อัปเดตจะแสดงจำนวนทั้งหมดและเวลาที่อัปเดตและข้อมูลอื่นๆ
นอกจากนี้ Dreamweaver MX 2004 ยังมีฟังก์ชันในการเปลี่ยนเทมเพลตสำหรับหน้าเว็บอีกด้วย การเปลี่ยนเทมเพลตก็เหมือนกับการเปลี่ยนเสื้อผ้าให้กับผู้คน คุณเพียงแต่สร้างเทมเพลตต่างๆ แล้วสวมใส่อะไรก็ได้ที่คุณต้องการ อย่างไรก็ตาม ไม่สามารถแทนที่เทมเพลตแบบไม่เป็นทางการได้ เงื่อนไขในการแทนที่เทมเพลตคือต้องสร้างเพจที่จะแทนที่ผ่านเทมเพลต และหมายเลขและชื่อของพื้นที่ที่แก้ไขได้บนเพจจะต้องตรงกับหมายเลขและชื่อของพื้นที่ที่แก้ไขได้ของ เทมเพลตที่จะเปลี่ยนให้สอดคล้องกัน ตัวอย่างเช่น มีพื้นที่ที่สามารถแก้ไขได้สามส่วนในหน้าเว็บ ชื่อ t1, t2 และ t3 ตามลำดับ นอกจากนี้ยังมีเทมเพลตไม่ว่าโครงสร้างของเทมเพลตนี้จะเป็นอย่างไร ตราบใดที่ยังมี 3 ส่วนที่แก้ไขได้และชื่อคือ t1, t2 และ t3 คุณสามารถใช้มันเพื่อแทนที่หน้าเว็บเดิมด้วยเทมเพลตใหม่ และส่วนที่แก้ไขได้ 3 ส่วนบนเพจได้ เนื้อหาของพื้นที่แก้ไขนั้นยังคงไม่เปลี่ยนแปลง วิธีการเปลี่ยนเทมเพลตนั้นง่ายมาก เพียงเรียกใช้คำสั่ง "Windows → Templates" เพื่อเปิดแผงเทมเพลต ในเวลานี้ คุณสามารถเลือกเทมเพลตที่เหมาะสมจากด้านบน จากนั้นคลิก "Apply To Page" ปุ่มเพื่อให้สามารถดำเนินการเปลี่ยนเทมเพลตได้อย่างรวดเร็ว
เคล็ดลับ: ใช้ฟังก์ชันนี้เพื่อสร้างหน้าแรกของเว็บไซต์เวอร์ชันฤดูร้อนและฤดูหนาว ซึ่งทำให้สะดวกมากในการเปลี่ยนเทมเพลต
จริงๆ แล้ว มีเนื้อหาที่เกี่ยวข้องมากมายเกี่ยวกับเทมเพลต แต่เนื่องจากข้อจำกัดด้านพื้นที่ ฉันจึงเลือกได้เพียงการแนะนำบางส่วนเท่านั้น ฉันหวังว่าทุกคนจะสามารถอนุมานจากตัวอย่างเดียวและเข้าใจรายละเอียดปลีกย่อยของเทมเพลตได้อย่างถ่องแท้