การเพิ่มตาราง / การสร้างตาราง


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

วิธีการเพิ่ม / สร้างตาราง

1. กำหนดตำแหน่งที่จะเพิ่มตาราง โดย

  • คลิ๊กเมาส์ ยังตำแหน่งที่ต้องการ จะเพิ่มตาราง ให้ mouse pointer กระพริบ (เลข1)

2. จากนั้นจึง คลิ๊กที่ไอคอนเพิ่มตาราง (เลข2)

3. หน้าต่าง การเพิ่มตาราง

rows (เลข3) : จำนวนแถว แนวนอน ที่ต้องการสร้าง
columns (เลข4) : จำนวนคอลัมภ์ แนวตั้ง ที่ต้องการสร้าง
width (เลข5) : ความกว้าง
ของตาราง
% ความกว้างจะขึ้นอยู่กับขนาดจอ ผู้เข้าชมเว็บ
px ความกว้างจะคงที่ ไม่ว่าจอภาพจะกว้างเท่าใด
height (เลข6) : ความสูง
ของตาราง
% ปกติมักไม่กำหนด เพราะความสูงจะตามขนาดข้อมูลที่อยู่ภายในตาราง
px
border : ขอบตาราง หากปล่อยไว้เป็นช่องว่าง หรือ 0 จะเห็นเป็นเส้นประ สำหรับดีไซต์เท่านั้น
หากกำหนดเป็น 1 ขึ้นไป จึงจะมีเส้นขอบตาราง
cellpadding : ช่องว่างภายในระหว่างวัตถุ หรือตัวอักษร กับขอบตาราง เพื่อไม่ให้ชิดกันเกินไป
cellspacing : ระยะหว่างระหว่างเซลล์ (เหมือนตารางนี้ ที่แต่ละเซลล์ มีสีขาวขั้นอยู่)

ภาพพื้นหลัง

: กำหนดภาพพื้นหลัง ทั้งตาราง
สีพื้นหลัง : กำหนดสีพื้นหลัง ทั้งตาราง ทุกช่องเหมือนกันหมด

ตามตัวอย่าง ภาพในบทความ กำหนด rows 1 columns 3 width 50% height ไม่ได้กำหนด border ไม่ได้กำหนด

เมื่อกำหนดค่าต่างๆ เรียบร้อยแล้ว กดปุ่ม ออกมา

4. เมื่อกลับมาหน้าดีไซต์ จะได้ตาราง ตามที่กำหนดไว้ ในตำแหน่งที่คุณระบุไว้จากข้อ 1

5. ใส่ข้อความ หรือรูปภาพ ลงในตารางที่ได้เตรียมไว้ได้เลย

ข้อดีในการใช้ตาราง

  • แยกข้อความ หรือรูปภาพ ในแต่ละช่อง ให้เป็นอิสระต่อกัน
  • การจัดรูปแบบ ข้อความ หรือรูปภาพ ทำได้ง่าย
  • สามารถย้ายตารางไปยังตำแหน่งอื่น ได้ทั้งชิ้น
  • กำหนดภาพ หรือสีพื้นทั้งตาราง หรือภาพพื้นภายในแต่ละช่องได้
  • และ อื่นๆ


สำหรับการแก้ไข ตาราง เช่น ความกว้าง ความสูง หรือตำแหน่งภายในเซลล์ (ช่อง)

เริ่มต้นโดย

  1. คลิ๊กเมาส์ ที่ขอบตาราง สังเกตุว่า mouse pointer จะเปลี่ยนเป็นรูป
  2. จากนั้นการแก้ไข สามารถทำได้ 2 วิธี
    วิธีแรก : คลิ๊กที่ไอคอนคุณสมบัติของตาราง เพื่อเข้าไปแก้ไขค่าต่างๆ
    วิธีสอง : คลิ๊กขวา บนขอบตาราง จากนั้นจะมีเมนูลัด แสดงขึ้นมา เลือกTable properties เพื่อเข้าไปแก้ไขค่าต่างๆ

3. ทำการแก้ไข ค่าต่างๆ ตามต้องการ ( สังเกตุว่า จะแก้ไขได้เฉพาะบริเวณ กรอบสีแดง )

เสร็จแล้ว กดปุ่ม ออกมา เป็นอันเสร็จ


Play แล้วกด ปุ่ม Pause เพื่อรอให้โหลดหมดก่อน จะได้ไม่สะดุด


คลิ๊กนี้มีความหมาย
  

 
 
 

 

Main menu

Service Menu

ข้อมูลน่ารู้



Customer Support
สอบถามข้อมูลเพิ่มเติม แจ้งชำระเงิน เปิดเว็บไซต์ ต่ออายุเว็บ
อีเมล์ : [email protected]

จันทร์-เสาร์ เวลา 09.00-18.00 น.

ปรึกษาปัญหาเกี่ยวกับการใช้งานเว็บไซต์
โทร. 089-887-8972
จันทร์-ศุกร์ 09.00 - 16.00 น.
E-mail: [email protected]

เพิ่มฝ่ายบริการลูกค้าใน LINE ด้วยคิวอาร์โค้ด
Term & conditions | Privacy Policy
THTWEB. Copyright @ 2007 by Sknetcenter.tht.in All rights Reserved