วิธีสร้างตารางในหน้าเว็บ

 

1.เลือกเมนูหน้าที่ต้องการสร้างตาราง จากนั้นให้เลือกที่เมนู Inserts a new table เพื่อสร้างตาราง

 

 

2. จะปรากฎหน้าต่าง Insert/Modify table ในช่องของ Cols และ Rows ให้กรอกตัวเลขตามความต้องการว่าต้องการให้มีกี่แถว กี่คอลัมน์ นอกเหนือจากนี้ให้กรอกรายะเอียดดังภาพ จากนั้นคลิ๊กที่ Insert  

 

 

 

Cols   หมายถึง  แถวในแนวตั้ง    

           

Rows    หมายถึง  แถวในแนวนอน

 

Cellpadding   หมายถึง  ขนาดความห่างระหว่างเส้นขอบของเซลล์กับตัวหนังสือภายในเซลล์

 

Cellspacing  หมายถึง  ระยะห่างระหว่างแต่ละช่องตาราง

 

Alignment    หมายถึง  ตำแหน่งของตาราง

 

Border    หมายถึง   เส้นของตาราง

 

Width  หมายถึง   ความกว้าง ในที่นี้ให้กำหนดเป็น 100% ทุกครั้ง

 

Height  หมายถึง   ความสูงของหน้าเว็บไซต์ ในที่นี้ไม่ต้องกำหนด

 

 

3. เมื่อกรอกข้อมูลต่าง ๆ เรียบร้อยแล้วให้คลิ๊กที่ปุ่ม Insert เพื่อสร้างตารางจากนั้นเราจะได้ตาราง ดังภาพ

 

 

4. เมื่อได้ตารางแล้วให้ทำการ คลิ๊กขวาในพื้นที่ตารางด้านซ้ายมือจากนั้นทำตามขั้นตอน ดังภาพ

 

 

5. ให้กำหนดความกว้างเป็น 25% (สาเหตุที่ให้กำหนดดังนี้เนื่องจากว่า เป็นการจัดแบ่งหน้าเว็บไซต์เพื่อให้เกิดความสมดุลและสวยงาม ยกตัวอย่าง เช่น หากกำหนดคอลัมน์ด้านซ้ายมือให้เป็น 25%, 30%  สำหรับใส่รูปภาพตกแต่งเว็บไซต์ คอลัมน์ด้านขวามือให้กำหนดเป็น 75%, 70%  สำหรับใส่ข้อความต่าง ๆ ในที่นี้อาจมีมากว่า 2 คอลัมน์ และมีกฎง่าย ๆ อยู่ว่าคอลัมน์ทั้งหมดบวกกันแล้วไม่เกิน 100% นั่นเอง) และเลือก Alignment เป็น Left เพื่อให้วัตถุชิดซ้าย หรือจัดตำแหน่งตามต้องการ และเลือก Vertical alignment เป็น top เพื่อเวลาพิมพ์ข้อความจะได้อยู่ในตำแหน่งบนสุด

 

 

6. จากนั้นคลิ๊กที่ปุ่ม Update

 

7. เราสามารถ เพิ่มแถว หรือ เพิ่มคอลัมน์ เพิ่มเติมภายหลังได้

-   หากต้องการเพิ่มแถว ทำการคลิ๊กที่ Insert row before, Insert row after หรือหากต้องการลบแถวที่สร้างให้คลิ๊กที่ Delete row

 

-   หากต้องการคอลัมน์ ทำการคลิ๊กที่ Insert column before, Insert column after หรือหากต้องการลบคอมลัมน์ที่สร้างให้คลิ๊กที่ปุ่ม Delete column

 

วิธีสร้างตารางซ้อนตาราง

 

1. ทำการเลือกพื้นที่ที่ต้องการแทรกตาราง โดยการใช้เมาส์คลิ๊กที่พื้นที่นั้น ๆ

 

 

2. จากนั้นให้คลิ๊กขวาเลือก Inserts a new table

 

3. จะปรากฎหน้าต่าง Insert/Modify table ในช่องของ Cols และ Rows ให้กรอกตัวเลขตามความต้องการว่าต้องการให้มีกี่แถว กี่คอลัมน์์ นอกเหนือจากนี้ให้กรอกรายะเอียดดังภาพ จากนั้นคลิ๊กที่ Insert  

 

4. เมื่อได้ตารางที่ต้องการแล้วให้ทำการกำหนดความกว้างของแต่ละตาราง โดยคลิ๊กขวาที่พื้นที่ของตารางแต่ละคอลัมน์์ จากนั้นเลือก Cell > Table cell properties

 

 

5. ให้กำหนดความกว้างเป็น 25% (สาเหตุที่ให้กำหนดดังนี้เนื่องจากว่า เป็นการจัดแบ่งหน้าเว็บไซต์เพื่อให้เกิดความสมดุลและสวยงาม ยกตัวอย่าง เช่น หากกำหนดคอลัมน์ด้านซ้ายมือให้เป็น 25%, 30%  สำหรับใส่รูปภาพตกแต่งเว็บไซต์ คอลัมน์ด้านขวามือให้กำหนดเป็น 75%, 70%  สำหรับใส่ข้อความต่าง ๆ ในที่นี้อาจมีมากว่า 2 คอลัมน์ และมีกฎง่าย ๆ อยู่ว่าคอลัมน์ทั้งหมดบวกกันแล้วไม่เกิน 100% นั่นเอง) และเลือก Alignment เป็น Left เพื่อให้วัตถุชิดซ้าย หรือจัดตำแหน่งตามต้องการ และเลือก Vertical alignment เป็น top เพื่อเวลาพิมพ์ข้อความจะได้อยู่ในตำแหน่งบนสุด

 

 

6. เมื่อทำการกำหนดความกว้างของคอลัมภ์ต่าง ๆ เรียบร้อยแล้วให้ใส่ภาพ หรือข้อความที่ต้องการ จากนั้นคลิ๊กที่ปุ่ม บันทึก หรือ คืนค่า (หากต้องการคืนค่าการใช้งานเริ่มต้นของระบบ)

 

ตัวอย่าง การแสดงผลหน้าเว็บไซต์

 

 

 

 

 

Created with the Personal Edition of HelpNDoc: Easily create PDF Help documents