%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A3%E0%B8%A7%E0%B8%A1%E0%B9%80%E0%B8%8B%E0%B8%A5%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%95%E0%B8%B2%E0%B8%A3%E0%B8%B2%E0%B8%87 %E0%B8%AB%E0%B8%A3%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3 Merges Cells [Article ID : 108]

เรื่อง : การรวมเซลของตาราง (Merges Cells)

บางครั้งเมื่อเราสร้างตาราง (Table) ขึ้นมาซึ่งประกอบด้วยเซล (Cell) หลาย ๆ เซล เราอาจจะมีความจำเป็นที่เราต้องการให้เซลต่าง ๆ ในแต่ละแถว (Row) หรือคอลัมน์ (Column) ที่ไม่เท่ากัน เช่น แถวที่ 1 เราต้องการ 3 เซลหรือ 3 คอลัมน์ แต่ในแถวที่ 2 เราต้องการเป็น 2 เซล ดังตัวอย่าง เป็นต้น

วิธีการรวมเซลของตารางให้เป็นเซลเดียวกันโดยใช้ Dreamweaver

ก่อนที่จะไปทำการรวมเซลได้นั้น ให้สร้างตาราง (อ่านการสร้างตาราง) ขึ้นมาเสียก่อน โดยอาจจะสร้างเป็นตารางขนาดและจำนวนคอลัมน์ หรือแถวตามที่ต้องการ จากนั้น จึงมาทำการรวมเซลตามขั้นตอนต่าง ๆ ดังนี้

1. ที่ตารางที่สร้าง ให้ทำการเลือกเซลที่เราต้องการนำมารวมกัน โดยใช้วิธีการ Drag เลือก เมื่อเลือกแล้วเซลที่ถูกเลือกจะมีกรอบสีดำล้อม ดังรูป

2. เมื่อเลือกเซลได้ตามจำนวนที่ต้องการในข้อ 1 แล้ว ให้มาที่ Properties Panel เพื่อทำการรวมเซล
โดยการกดไปที่ไอคอน Merges selected cells using spans ดังรูป

3.โปรแกรมจะทำการรวมเซลที่เราเลือกไว้ให้เป็นเซลเดียวกัน ดังรูป

การประยุกติ์ใช้การรวมเซลเพื่อการจัดวางข้อมูลบนหน้าเว็บเพจ

สำหรับการประยุกติ์ใช้การ Merges Cells นี้ไปใช้ในการจัดวางข้อมูลบนเว็บเพจนั้น เราสามารถนำไปใช้ได้หลากหลาย ดังรูปตัวอย่าง

เมื่อตบแต่งและทำการพรีวิวดูผลกับ Web Browser

การใช้งาน Table หรือตาราง ถือว่าเป็นพื้นฐานที่นักพัฒนาเว็บไซต์ต้องเรียนรู้ และใช้งานกันได้เป็นอย่างดี อย่างไรก็ลองศึกษาและประยุกติ์ใช้งานกันดูครับ...

About the Author

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com

บทความอื่นที่คุณอาจสนใจ

ก้าวแรกของนักพัฒนาเว็บ : ทำความรู้จักกับโปรแกรม Dreamweaver

เรื่อง : ก้าวแรกสู่การเป็นนักพัฒนาเว็บไซต์ เริ่มทำความรู้จักกับโปรแกรม Dreamweaver Dreamweave...  

วิธีการสร้างตาราง (Table) ให้แก่เว็บเพจ

เรื่อง : การสร้างตาราง (Table) ด้วย Dreamweaver การสร้างตาราง หรือ Table สำคัญ และมีความจำเป็นอย่างมากในการสร้างเว็บเพ...  

วิธีการใช้ Properties Panel และการกำหนดคุณสมบัติให้แก่ข้อความ

เรื่อง : การใช้ Properties Panel และการกำหนดคุณสมบัติข้อความเบื้องต้น Properties Panel เป็นส่วนที่ใช้ใ...  

การแทรกวัน-เวลาเพื่อแสดงบนเว็บเพจ (Insert Date)

เรื่อง : การพิมพ์วันที่-เวลาเพื่อแสดงผลที่หน้าเว็บเพจ หลายครั้งการสร้าง Web Page ขึ้นมา เราต้องการบันทึกวัน-เวลาลงไปแสด...