วิธีสร้าง Template Dreamweaver MX ทำงัยนะ ??

Template ประกอบด้วย ข้อมูลในบริเวณพื้นที่ ที่สามารถแก้ไขได้ และ ข้อมูลบริเวณพื้นที่ ที่ไม่สามารถแก้ไขได้ สะดวกในการปรับปรุง หรือเปลี่ยนรูปแบบ ในเวลาอันรวดเร็ว 

ขั้นตอนการสร้าง ( ก่อนอื่นควรสร้าง SiteMap ก่อน ดูหัวข้อ สร้าง Site Map ) 
1. ออกแบบเอกสาร HTML เป็นที่เรียบร้อย เลือก Save เป็น Save As Template 
2. จะปรากฏหน้าต่าง Save As Template
    Site คือชื่อไซค์ ที่ได้ SiteMap ไว้แล้ว 
    Existing Templates ชื่อ Template ใน SiteMap 
    Save As ชื่อที่ตั้งขึ้นใหม่ 
3. เมื่อ เลือก SiteMap และตั้งชื่อFile แล้ว จะเป็น ไฟล์นามสกุล .dwt ใน Folder ชื่อ Templates 



4. สร้างพื้นที่สำหรับแก้ไขได้ โดยคลิกปุ่ม Editable Region ที่แท็บ Template 
5. จะปรากฏหน้าต่าง New Editable Region ขึ้นมา 
6. ตั้งชื่อ บริเวณที่ แก้ไขข้อมูลได้ ในช่อง Name แล้วคลิกปุ่ม OK 



7. จะปรากฏ Code เกิดขึ้น ในมุมมองทั้งส่วน Show Code และส่วน Show Design 
8. ทำซํ้าอีก ถ้าต้องการสร้างพื้นที่ส่วนที่แก้ไขได้ ตั้งแต่ข้อ 4-7 แล้ว Save 
9. เสร็จสิ้นขั้นตอนการสร้าง Templates
10. การสร้างเอกสาร HTML ใหม่ เพื่อเรียกTemplates มาใช้ เลือก File > New


11. จะปรากฏหน้าต่าง New Document ที่แท็บเลือก Templates และกดปุ่ม Create 
12. เมื่อสร้างใหม่จะเห็นพื้นที่ในส่วน แก้ไขไม่ได้้ เป็น สีเทา ( พอยน์เตอร์ จะเป็นรูปวงกลม ) 
13. พื้นที่แก้ไขได้ จะเป็นสีเขียว ในมุมมองของ Show Design View
14. ถ้าต้องการเปลี่ยน File ที่เรียกจาก Templates เป็น HTML 
เลือกเมนู Modify > Templates > Detach from Templates
ข้อมูลจาก : http://www.cannot.info/

This entry was posted in training