NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by Macromedia Dreamweaver

ตาราง (Table)

ตารางเป็นส่วนสำคัญมากในการสร้างเว็บ เพราะการพิมพ์งาน และควบคุมวัตถุต่างๆ เช่น รูปภาพในเอกสารเว็บ มีข้อจำกัดหลายประการ เช่น การวางภาพให้มีข้อความล้อมรอบ, การสร้างเอกสารแบบคอลัมน์ ซึ่งข้อจำกัดดังกล่าว จะต้องอาศัย "ตาราง" เป็นเครื่องมือช่วยทั้งหมด

วิธีการสร้างและแก้ไขตารางด้วย Macromedia Dreamweaver จะมีส่วนการทำงานคล้ายคลึงกับโปรแกรม Microsoft Word ซึ่งช่วยให้ผู้พัฒนาสามารถเข้าใจขั้นตอนการสร้าง และแก้ไขตารางได้ง่ายขึ้น

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

  • คลิกเมาส์ ณ ตำแหน่งที่ต้องการวางตาราง
  • คลิกที่ปุ่มเครื่องมือสร้างตาราง Insert Table ในแถบ Object
  • ปรากฏกรอบทำงาน ดังนี้
    Insert Table
  • กำหนดรายละเอียดของตาราง คือ
    • Rows จำนวนแถวของตาราง
    • Columns จำนวนคอลัมน์ของตาราง
    • Width ความกว้างของตาราง กำหนดหน่วยได้ทั้งระบบ % และ Pixel
    • Border ความหนาของเส้นขอบรอบตาราง
    • Cell Padding ระยะห่างจากขอบข้างในของเซลล์เข้ามาในเซลล์ มีหน่วยเป็น pixel
    • Cell Spacing ความหนาของเส้นคั่นระหว่างเซลล์

Table Properties

  • เมื่อกำหนดค่าต่างๆ แล้วก็คลิกปุ่ม OK จะปรากฏตาราง ณ ตำแหน่งเซลล์