About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

วิธีการสร้างตาราง (Table) ให้แก่เว็บเพจ [Article ID : 106]


เรื่อง : การสร้างตาราง (Table) ด้วย Dreamweaver

การสร้างตาราง หรือ Table สำคัญ และมีความจำเป็นอย่างมากในการสร้างเว็บเพจ เพราะข้อมูลหลายอย่างที่ต้องนำเสนอบนหน้าเว็บนั้น ต้องมีการใช้ตารางเป็นส่วนช่วยในการนำเสนอ เช่น รายการสินค้า, รายชื่อพนักงาน เป็นต้น ครั้งนี้เราจะมาเรียนรู้พื้นฐานการสร้างตารางโดยใช้โปรแกรม Dreamweaver กัน...

วิธีการสร้างตารางด้วยโปรแกรม Dreamweaver

โปรแกรม Dreamweaver สามารถช่วยสร้างตารางกับเว็บเพจของเราได้ ซึ่งมีขั้นตอนต่าง ๆ ดังนี้

1. นำ Cursor ไปวางไว้ยังตำแหน่งที่ต้องการใส่แสดงตาราง
2. จากนั้นให้ทำการไปที่หน้าต่าง Insert -> Common -> Table ดังรูป
3. เมื่อเลือกไปที่ไอคอน Table ดังข้อ 2 แล้ว โปรแกรมจะทำการเปิดหน้าต่าง Table ขึ้นมาให้เรากำหนดค่า ดังรูป ทำการกำหนดคุณสมบัติเบื้องต้นของตารางที่หน้าต่าง Table นี้
- Rows : กำหนดจำนวนแถวของตาราง (เซลตารางตามแนวนอน)
- Columns : กำหนดจำนวนคอลัมน์ของตาราง (เซลตารางตามแนวตั้ง)
- Width : กำหนดความกว้างของตาราง ตรงนี้เราสามารถกำหนดได้เป็น 2 แบบคือแบบ Pixels กับแบบ Percent (%)
- Border thickness : กำหนดค่าความหนาของกรอบตาราง
- Cell padding : กำหนดระยะห่างระหว่างกรอบของตาราง กับสิ่งที่อยู่ภายในเซล
- Cell spacing : กำหนดระยะห่างระหว่าง Cell ของตาราง

6. เมื่อกำหนดเสร็จแล้วก็ทำการ Click ที่ OK เท่านี้ก็จะได้ตารางตามที่ต้องการ
ถ้าตารางที่สร้างขึ้นมาแล้วต้องการเปลี่ยนแปลงแก้ไข ให้ทำการ Click เลือกที่ตารางนั้น แล้วทำการแก้ไข หรือกำหนดคุณสมบัติให้แก่ตารางใหม่ได้ที่หน้าต่าง Properties Panel ของตาราง ซึ่ง DwThai.Com จะนำเสนอการใช้งาน Properties Panel กับ Table ต่อไปในบทความหน้า.
About the Author
Mr.Sittichai Raksasuk

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



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

การใส่สัญลักษณ์พิเศษให้กับข้อความบนหน้าเว็บเพจ

เรื่อง : การใส่สัญลักษณ์พิเศษเพื่อแสดงยังหน้าเว็บเพจ สำหรับการใส่สัญลักษณ์พิเศษ เช่น © ¥ ™ ƒ ÷...  

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

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

การใส่เสียงเพลงประกอบเว็บเพจ หรือไฟล์ Audio ให้กับเว็บ (HTML5)

เรื่อง : วิธีการใส่เสียงเพลง (Audio) ประกอบหน้าเว็บด้วยโปรแกรม Dreamweaver CC บางครั้งเราอาจจะมีความต้องการดึงดูดผู้ที่เข้...  

การ Insert ไฟล์ Flash อนิเมชั่นมาใช้งานกับเว็บ (SWF)

เรื่อง : การ Insert ไฟล์ Flash Animation มาใช้งานกับเว็บด้วย Dreamweaver Flash เป็นเทคโนโลยีที่ใช้จัดท...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*