Sponsored Ads

เริ่มต้นสร้าง Layout
1. โครงร่างที่ได้ออกแบบเว็บเพจไว้บนกระดาษ
2. สร้างไฟล์ชื่อ layout.php เปิดไฟล์ขึ้นมา
3. คลิกเลือก Layout
4. คลิกปุ่ม Layout Table
5. วาดกรอบสี่เหลี่ยมแสดงขอบเขตที่จะวางเนื้อหาดังภาพ โดยชี้ลูกศรที่จุดที่มุมบนซ้าย กด ปุ่มซ้ายของเมาส์ค้างไว้ แล้วลากเป็นกรอบสี่เหลี่ยม ได้ขนาดตามต้องการแล้วก็ปล่อยเมาส์
6. คลิกปุ่ม Layout Table 1 ครั้งจะวาดได้ 1 กรอบ ถ้าจะวาดต่อเนื่องพร้อมกันมากกว่าหนึ่ง กรอบ ก็กดปุ่ม Ctrl ค้างไว้ แล้วก็วาดจนครบ ในที่นี้จะวาด Layout Table เพียงรูปเดียว

ขั้นตอนการสร้าง Layout Cell
Layout Table ที่วาดเสร็จแล้ว จะเป็นเหมือนกรอบที่เป็นตัวกำหนดขอบเขตของเนื้อหาเท่านั้น การวางข้อมูลที่เป็นข้อความหรือภาพ จะต้องวาดเป็น Layout Cell ไว้บน Layout Table ก่อน แล้วจึง วางข้อความหรือภาพลงไป สรุปแล้วต้องวาด Layout Table ก่อน แล้วจึงวาด Layout Cell ไว้ด้านบน จากนั้นจึงพิมพ์ข้อความไว้บน Layout Cell ในตัวอย่าง นี้จะวาด Layout Table ขนาดใหญ่ไว้ภาพเดียวแล้ว จึงวาด Layout Cell ย่อยๆ ไว้ด้านบนหลายๆ ภาพ
1. คลิกปุ่ม Draw Layout Cell
2. วาดกรอบสี่เหลี่ยมบนพื้นที่ของ Layout Table ที่ได้สร้างไว้ก่อนนี้แล้วที่ตำแหน่งดังภาพจะวาง โลโก้

3. พิมพ์ข้อความหรือนำภาพเข้ามาวางบน Layout Cell ไว้วางแบนเนอร์
4. ส่วนอื่นๆ ที่เหลือก็ปฏิบัติคล้ายกัน คลิกปุ่ม Draw Layout Cell แล้ววาดดังตัวอย่าง
5. พิมพ์ข้อความหรือแทรกภาพลงไป