การสร้างตาราง


หน้าแรก Dreamweaver CS5 การสร้างตาราง

ตารางมีความสำคัญและมีประโยชน์หลายๆอย่าง และ ในเว็บไซต์มีการนำตารางมาจัดวางเลเอาท์ให้กับเว็บไซต์ เพราะว่าการนำตารางมาจัดวางเลเอาท์ มีความง่ายกว่าใช้ css เลเอาท์ และในวันนี้ผมจะมาพูดถึงเกี่ยวกับพื้นฐานตารางจนไปถึงการใช้งานจริงๆ กันนะครับ

 

 

การใส่ตารางให้กับเว็บไซต์ของเรา ทำได้ง่าย โดยทำตามรูปดังนี้นะครับ

1. คลิกเลือกเครื่องมือ Table
2. ใส่จำนวนแถว ว่าจะมีกี่แถว
3. ใส่จำนวนคอลั่ม ว่าจะมีกี่คอลั่ม
4. ใส่ความกว้างของตาราง
5. กำหนดว่า ให้หน่วยของความกว้างเป็น pixels หรือ percen
6. ใส่ขอบให้ตารางหากไม่ใส่กำหนด 0
7. กำหนดระยะห่างระหว่างสิ่งที่อยู่ในตารางกับเส้นตาราง
8. กำหนดระยะห่างระหว่างสิ่งที่อยู่นอกตารางกับเส้นตาราง

ในตัวอย่างผมใส่แบบนี้นะครับ

 

จะได้ดังรูปนี้ แล้วเราก็ กำหนดคุณสมบัติของตาราง เลยครับ

จะคล้ายๆกับรูปที่สอง แตกต่างตรงที่มีการเพิ่มในเรื่องของการจัดตำแหน่ง(วงกลมแดง) โดยจะมีว่างตำแหน่งทางซ้าย หรือทางขวา และตรงกลาง

 

การใส่สีแบล็กกาวน์ให้ตาราง

1. แดรกเมาส์คลุมบริเวณที่ต้องการใส่แบล็กกาวน์
2. เลือกสีที่ต้องการใส่แบล็กกาวน์

 

การผสานเซลล์ของตาราง

ให้ทำตามรูปนี้เลยนะครับ

1. แดรกเมาส์ที่ต้องการผสานเซลล์ตารางหรือรวมตาราง
2. คลิกเลือก

 

 

การเพิ่มเซลล์ในตาราง

ให้ทำตามรูปนี้เลยนะครับ

1. เลือกช่องเซลล์ที่ต้องการเพิ่ม
2. คลิกเลือก
3. ในกรอบสีแดงนั้นจะเป็นการกำหนดรายละเอียดต่างๆมีดังนี้
         Rows หมายถึง เพิ่มเซลล์ในแถว
         Columns หมายถึง เพิ่มเซลล์ในคอลั่ม
         Nuber of rows หมายถึง จำนวนเซลล์ที่เพิ่ม

พอกำหนดค่าเสร็จ เราก็กด OK



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