ลักษณะของตารางบนเว็บเพจ
ตาราง (Table) ประกอบด้วยแถว (Row) และคอลัมน์ (Column) ใช้สำหรับแสดงข้อมูลที่ต้องการจัดลำดับ จัดเรียงเนื้อหา และจัดหมวดหมู่ เพื่อความเป็นระบบระเบียบ สะดวกในการค้นหา แก้ไขและนำไปใช้งาน
ตาราง (Table) ประกอบด้วยแถว (Row) และคอลัมน์ (Column) ใช้สำหรับแสดงข้อมูลที่ต้องการจัดลำดับ จัดเรียงเนื้อหา และจัดหมวดหมู่ เพื่อความเป็นระบบระเบียบ สะดวกในการค้นหา แก้ไขและนำไปใช้งาน
การนำเสนอข้อมูลในรูปตารางประกอบเว็บเพจมีประโยชน์อย่างมากโดยเฉพาะถ้าเป็น
ข้อมูลตัวเลข สถิติ มูลค่า
และราคาสินค้า ซึ่งช่วยให้ผู้ชมเข้าถึงแหล่งข้อมูลได้อย่างรวดเร็วและครบถ้วน
ตลอดจนสามารถเปรียบเทียบข้อมูลที่หาได้อย่างรวดเร็ว
ภายในตารางนอกจากจะใส่ข้อความแล้ว ยังสามารถใส่รูปภาพ
ภาพกราฟิก วัตถุตารางซ้อนตาราง
ตกแต่งตารางด้วยสีสันต่าง ๆ และใส่ภาพพื้นหลังได้สวยงาม
วิธีสร้างตารางบนเว็บเพจ
การสร้างตารางบนเว็บเพจ มีขั้นตอน ดังนี้
วิธีสร้างตารางบนเว็บเพจ
การสร้างตารางบนเว็บเพจ มีขั้นตอน ดังนี้
1.
เปิดเอกสารที่ต้องการจะสร้างตาราง
2.
เลือกเมนู Insert >> Table
3.
หรือเลือกเครื่องมือ (Table)
ที่กลุ่มเครื่องมือ Common
หรือกลุ่มเครื่องมือ Layout
1.
หรือใช้แป้นพิมพ์ < Ctrl > + < T > จะได้หน้าต่าง
Table ดังรูป
1.
เลือกลักษณะของตาราง ดังนี้
กลุ่มของ Table Size กำหนดรายละเอียดดังนี้
Rows จำนวนแถว (แกนนอน)
Columns จำนวนคอลัมน์ (แกนตั้ง)
Table Width ความกว้างของตารางทั้งหมด และหน่วยวัดที่ใช้
Border Thickness ขนาดเส้นกรอบตาราง (มีหน่วยเป็นพิกเซล)
Cell Padding ระยะห่างระหว่างขอบเซลกับเนื้อหาภายในเซล
Cell Spacing ระยะห่างระหว่างเซลแต่ละเซล
กลุ่ม Header เลือกตำแหน่งของหัวเรื่องภายในตารางดังนี้
None ไม่ใช้หัวเรื่องตาราง
Left กำหนดให้มีหัวเรื่องทางด้านซ้าย
Top กำหนดให้มีหัวเรื่องทางด้านบน
Both กำหนดให้มีหัวเรื่องทั้งด้านซ้ายและด้านบน
กลุ่ม Accessibility กำหนดข้อมูลทั่วไปในตาราง ดังนี้
Caption คำอธิบายกำกับตาราง
Align caption ตำแหน่งของข้อความ caption
Summary ข้อความสรุปของตาราง
Rows จำนวนแถว (แกนนอน)
Columns จำนวนคอลัมน์ (แกนตั้ง)
Table Width ความกว้างของตารางทั้งหมด และหน่วยวัดที่ใช้
Border Thickness ขนาดเส้นกรอบตาราง (มีหน่วยเป็นพิกเซล)
Cell Padding ระยะห่างระหว่างขอบเซลกับเนื้อหาภายในเซล
Cell Spacing ระยะห่างระหว่างเซลแต่ละเซล
กลุ่ม Header เลือกตำแหน่งของหัวเรื่องภายในตารางดังนี้
None ไม่ใช้หัวเรื่องตาราง
Left กำหนดให้มีหัวเรื่องทางด้านซ้าย
Top กำหนดให้มีหัวเรื่องทางด้านบน
Both กำหนดให้มีหัวเรื่องทั้งด้านซ้ายและด้านบน
กลุ่ม Accessibility กำหนดข้อมูลทั่วไปในตาราง ดังนี้
Caption คำอธิบายกำกับตาราง
Align caption ตำแหน่งของข้อความ caption
Summary ข้อความสรุปของตาราง
1.
กำหนดค่าต่าง
ๆ ตามที่ต้องการ เช่น
สร้างตารางแบบ 3 แถว 4 คอลัมน์ เมื่อคลิกปุ่ม OK จะได้ตารางลักษณะนี้
การใส่ข้อมูลในตาราง
ตารางที่สร้างเสร็จแล้วสามารถใส่ข้อมูลลงไปได้ 2 ประเภทหลัก ๆ คือ ข้อมูลข้อความและข้อมูลรูปภาพหรือวัตถุ
ตารางที่สร้างเสร็จแล้วสามารถใส่ข้อมูลลงไปได้ 2 ประเภทหลัก ๆ คือ ข้อมูลข้อความและข้อมูลรูปภาพหรือวัตถุ
ข้อมูลข้อความ
ข้อมูลข้อความ หมายรวมถึงตัวอักษร ตัวเลข อักษรพิเศษ หรือสัญลักษณ์ต่าง ๆ มีวิธีการใส่ในตาราง ดังนี้
ข้อมูลข้อความ หมายรวมถึงตัวอักษร ตัวเลข อักษรพิเศษ หรือสัญลักษณ์ต่าง ๆ มีวิธีการใส่ในตาราง ดังนี้
1.
คลิกที่เซลล์ที่จะใส่ข้อความ
2.
เคอร์เซอร์จะปรากฏอยู่ในช่องเซลล์นั้น พิมพ์ข้อความลงไปเหมือนโปรแกรมเวิร์ด
3.
ถ้าข้อความยาวมาก
ๆ ให้กดแป้น
< Enter >
4.
ถ้าต้องการพิมพ์ข้อมูลเพิ่มเติมในเซลล์
ใด ก็คลิกที่เซลล์นั้น ๆ และพิมพ์ข้อมูลได้ทุกเซลล์
ข้อมูลรูปภาพ
การใส่รูปภาพในเซลล์มีวิธีการเหมือนกับการใส่ภาพในเว็บเพจ ซึ่งมีขั้นตอนดังนี้
การใส่รูปภาพในเซลล์มีวิธีการเหมือนกับการใส่ภาพในเว็บเพจ ซึ่งมีขั้นตอนดังนี้
1.
คลิกที่ช่องเซลล์ที่ต้องการจะใส่รูปภาพ
2.
คลิกที่เครื่องมือรูปภาพ หรือคำสั่ง Insert >>
Image
3.
จะได้หน้าต่าง Select Image Source เลือกรูปภาพที่ต้องการแล้วคลิก
OK
4.
ภาพจะแทรกในเซลล์นั้นทันที
5.
ปรับขนาดของภาพให้เหมาะสมกับตาราง
การ
ปรับขนาดของตาราง
ถ้าตารางหรือเซลล์มีขนาดใหญ่หรือเล็กเกินไปจนทำให้ข้อความ หรือรูปภาพไม่ได้สัดส่วนตามที่ต้องการ ควรปรับขนาดของตารางให้เหมาะสม ดังนี้
ถ้าตารางหรือเซลล์มีขนาดใหญ่หรือเล็กเกินไปจนทำให้ข้อความ หรือรูปภาพไม่ได้สัดส่วนตามที่ต้องการ ควรปรับขนาดของตารางให้เหมาะสม ดังนี้
1.
ปรับขนาดแถว เลื่อนเมาส์มาตรงเส้นแนวนอน
เมาส์จะเปลี่ยนรูปเป็นรูป คลิกเมาส์ค้างไว้แล้วลากย่อหรือขยายแถว
1.
ปรับขนาดคอลัมน์ เลื่อนเมาส์มาตรงเส้นแนวนอน
เมาส์จะเปลี่ยนเป็นรูป คลิกค้างไว้แล้วลากย่อหรือขยายคอลัมน์
1.
การขยายทั้งตารางให้เลื่อนเมาส์มาที่
ปุ่มจับด้านขวามือล่างสุดของตาราง
เมาส์จะเปลี่ยนเป็นรูปลูกศรสองหัวเฉียง ๆ คลิกและลากเพื่อย่อหรือขยายตารางทั้งหมด
ไม่มีความคิดเห็น:
แสดงความคิดเห็น