หน้าแรก บริการของ dwthai.com เกี่ยวกับ dwthai.com ติดต่อ dwthai.com
พื้นฐานการใช้งาน การใช้งานที่มากกว่างาน Design ขยายความสามารถให้ DW เรื่องของ Script บทความน่ารู้
มุม Download
พูดคุยสนทนาตามประสาคนทำเว็บ
หาเพื่อนคุยคอเดียวกันกับ MSN
ติ-ชมเราบ้าง

 

:: ติดต่อเรา ::
webmaster_dwthai@yahoo.com
webmaster@dwthai.com

08 - 9495 - 7296
-------
-----------------------------------

เรื่อง :: การสร้างตาราง 1

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

................................................................................................................................................................................

วิธีการสร้างตาราง

1. ให้คุณนำ cursor ไปวางไว้ยังตำแหน่งที่คุณต้องการสร้างตาราง
2. จากนั้นให้คุณทำการเปิด หรือไปที่หน้าต่าง Insert -> Common ในกรณี MX หรือที่ Object ในกรณี version.4 นะครับ
3. จากนั้นที่หน้าต่างนี้ให้ไปที่เมนู
Common Object ที่เมนูนี้เราจะเห็น Icon เป็นรูปตารางอยู่ ที่ชื่อว่า Insert Table ให้เราทำการ Click ที่ icon นี้ (Pic.1)

Pic.1
Insert Table

4. เมื่อท่านได้ทำการ Click ที่ Icon นี้แล้วจะปรากฏหน้าต่างใหม่ขึ้นมาให้เรากำหนดค่าคุณสมบัติต่าง ๆ ของตารางที่เราจะทำการสร้าง

Pic.2
Insert Table Properties

5. การกำหนดคุณสมบัติของตาราง

5.1 Row -> กำหนดจำนวนแถวของตาราง (เซลตารางตามแนวนอน)
5.2 Columns -> กำหนดจำนวนคอลัมน์ของตาราง (เซลตารางตามแนวตั้ง)
5.3 Width -> กำหนดความกว้างของตาราง ตรงนี้เราสามารถกำหนดได้เป็น 2 แบบคือแบบ Pixels กับแบบ Percent (%)
5.4 Border -> กำหนดค่าความหนาของกรอบตาราง
5.5 Cell Padding -> กำหนดระยะห่างระหว่างกรอบขอข้อความกับตัวอักษรภายในเซล
5.5 Cell Spacing -> กำหนดระยะห่างระหว่าง Cell ของตาราง

6. เมื่อกำหนดเสร็จแล้วก็ทำการ Click ที่ OK ได้เลยครับ เท่านี้ก็จะได้ตารางตามที่คุณต้องการแล้วครับ
7. ถ้าตารางที่สร้างขึ้นเราต้องการเปลี่ยนแปลงแก้ไข ให้เรา Click เลือกที่ตารางนั้น แล้วทำการแก้ไขหรือกำหนดคุณสมบัติตารางใหม่ได้ที่หน้าต่าง Properties ของตารางครับ

ตัวอย่างของตารางที่สร้างขึ้น
โดยมีการกำหนดคุณสมบัติดังข้อความในตาราง
Row = 4 Columns=3 Width=400 pixel
Border=3 Cell padding =10 Cell Spacing=20
     

ครั้งหน้ามาว่ากันเรื่องของการกำหนดคุณสมบัติของตารางโดยละเอียดครับ

................................................................................................................................................................................

Trick...Icon Insert Table จะใช้การไม่ได้ ถ้าคุณเปิด Mode ของ View อยู่ใน Layout View ให้ทำการเปลี่ยน View เป็น Standard View

BACK TOP


สงวนลิขสิทธิ์ © 2546-2552 โดย dwthai.com ห้ามการ copy ส่วนใดส่วนหนึ่งของเว็บไซต์แห่งนี้.
Copyright ©2003-2009 dwthai.com. All rights reserved. This website was created by : S.raksasuk.