การสร้าง Template


หน้าแรก Dreamweaver CS5 การสร้าง Template
สวัสดีครับวันนี้จะมาสร้าง Template ซึ้ง Template นั้นเป็นแม่แบบในการออกแบบเว็บไซต์ช่วยทำให้เราประหยัดเวลาในการสร้างเว็บเพจอีกหน้าต่อไป โดย Template แบ่งออกเป็นสองส่วนใหญ่ๆ คือ ส่วนพื้นที่แก้ไขได้ และส่วนพื้นที่แก้ไขไม่ได้ 

ขั้นตอนแรกนั้นมาที่เมนู File > Save as Template... ตามรูปข้างล่าง

23-11-2552 13-11-31



เมื่อขึ้นหน้าจอแบบในภาพข้างล่าง ให้เลือก Save (ในวงกลมสีแดงนั้นใส่ชื่อ Template)

23-11-2552 13-12-38


จะปรากฏกล่องข้อความ Update Links? ให้เลือก Ok ตามรูปข้างล่าง

23-11-2552 13-13-54




เมื่่อเราสร้างไฟล์ Template แล้วจะเป็นนามสกุล *.dwt ตามรูปภาพข้างล่าง

23-11-2552 13-14-28


หลังจากนั้นให้เราเลือกพื้นที่ ที่แก้ไขได้ ตามรูปข้างล่างนี้เลย

23-11-2552 13-14-54

ให้เราเลือก Insert > Template Objects > Editable Region ตามรูปข้างล่าง

23-11-2552 13-16-37


ให้ใส่ชื่อพื้นที่ส่วนที่แก้ไข แล้วกด OK ตามรูปภาพข้างล่าง

23-11-2552 13-17-37



เราสร้าง Template และได้กำหนดส่วนที่แ้ไขได้แล้ว ครับ คราวหน้าเราจะมาเรียกใช้งาน Template Dreamweaver กันนะครับ

23-11-2552 13-18-07

ขึ้นไปด้านบน