การออกแบบโฮมเพจ ซึ่งเป็นหน้าแรกของเว็บเพจ อาจทำเป็นหน้าเดี่ยว หรือ เฟรมก็ได้
เฟรม
การออกแบบเว็บเพจ สามารถออกแบบเป็นส่วนต่างๆ เป็นลักษณะกรอบ หรือเฟรม
ได้ตามจำนวนที่ต้องการ ซึ่งขึ้นอยู่กับความเหมาะสมของเว็บเพจ ทั้งนี้เฟรม
หรือส่วนต่างๆ จะช่วยแบ่งแยกเนื้อหาออกเป็นส่วนต่างๆ ทำให้เว็บเพจมีลักษณะน่าสนใจยิ่งขึ้น
ในเว็บเพจที่แบ่งเป็นส่วนๆ หรือเฟรม จะประกอบด้วยไฟล์ต่างๆ จำนวนเท่ากับเฟรม
รวมกับ เฟรมรวมหรือเฟรมเซต ตัวอย่างเช่นถ้าเว็บเพจมี 3 เฟรมจะประกอบด้วยไฟล์ถึง
4 ไฟล์ คือไฟล์แรกจะเป็นไฟล์เฟรมเซต ที่รวมไฟล์ต่างๆ เข้าไว้ด้วยกัน ส่วนอีก
3 ไฟล์เป็นไฟล์ของ 3 เฟรมย่อยๆ ฉะนั้นเมื่อออกแบบเฟรม จะต้องบันทึกไฟล์ให้ครบถ้วน
ด้วยคำสั่ง File> Save all 
รูปที่ 1 Frames
การออกแบบเฟรม
การออกแบบเฟรมขั้นตอนดังนี้
1. ที่หน้าต่าง Dreamweaver คลิกที่หน้าเว็บเพจที่ว่างอยู่ (เมื่อเรียกใช้โปรแกรม
จะมีหน้าเว็บเพจใหม่ให้แล้ว ถ้าไม่มีให้สร้างเว็บเพจใหม่ ด้วยเมนูคำสั่ง
File > New)
2. จากแถบเครื่องมือออบเจ็ก (Objects) ปกติจะเป็น Common ให้เลือกชนิด Frames
3. ในหน้าต่าง Frames (รูปที่ 1) คลิกเลือกรูปแบบเฟรมที่ต้องการ โปรดสังเกตชื่อประจำเฟรม
3.1 Top frame อยู่ส่วนบนของเว็บเพจใช้เป็นชื่อเรื่อง หัวข้อ หรือประเด็นหลัก
3.2 Left frame อยู่ซ้ายมือใช้เป็นรายการเลือก หรือเมนู
3.3 Main frame เป็นเนื่อที่ขนาดใหญ่ ใช้เป็นส่วนแสดงรายละเอียดของเนื้อหา
ข้อมูล ข่าวสาร
3.4 Bottom frame อยู่ด้านล่าง ใช้เป็นส่วนแสดงชื่อ ที่อยู่ของหน่วยงานหรือบุคคลที่รับผิดชอบ
ในการออกแบบเฟรม ในขั้นแรกไม่ควรเลือกรูปแบบที่มีหลายเฟรม อาจเลือกเพียง
2-3 เฟรม
4. การปรับคุณสมบัติของเฟรม
4.1 เมนู Windows > Frames คลิกที่ส่วนของเฟรมซ้ายมือ Leftframe (ตามรูปที่
2 )
4.2 ที่แถบ Properties ที่รายการ Scroll ให้ระบุเป็น Auto หรือ Yes เพื่อแสดงแถบ
Scroll bar สำหรับเลื่อนดูรายการเลือกหรือเมนู (ตามรูปที่
2 Properties )
รูปที่ 2 แถบ
Frames และ Properties
