การสรางตาราง

1. การสรางตาราง

ลกษณะของตารางบนเวบเพจ

ตาราง (Table) ประกอบดวยแถว (Row) และคอลมน (column) ใชส าหรบแสดงขอมลทตองการจดล าดบ

จดเรยงเนอหา และจดหมวดหม เพอความเปนระบบระเบยบ สะดวกใน การคนหา แกไขและน าไปใชงาน

การน าเสนอขอมลในรปตารางประกอบเวบเพจมประโยคอยางมากโดยเฉพาะถาเปนขอมลตวเลข สถต มลคา

และราคาสนคา ซงชวยใหผชมเจาถงแหลงขอมลไดอยางรวดเรว ตลอดจนสามารถเปรยบเทยบขอมลได

ภายในตารางนอกจากจะใสขอความแลว ยงสามารถใสรปภาพ ภาพเคลอนไหว วตถ ตารางซอนตาราง

ตกแตงตารางดวยสสนตางๆ และใสภาพพนหลงไดสวยงาม

วธสรางตารางบนเวบเพจ

1. เลอกเมน Insert >Table

2. ทกลมเครองมอ Commonหรอกลมเครองมอ Layout

3. กดทคยบอรด < Ctrl + Alt + T>

4. เลอกลกษณะของตาราง ดงน

กลมของ Table Size

Rows : ก าหนดจ านวนแถว Columns : ก าหนดจ านวนคอลมน Table width : ความกวางของตาราง มหนวยเปน พกเซล หรอเปอรเซนต Border thickness : ความหนาของตาราง Cell padding : ระยะหางระหวางขอบเซลลกบขอความภายในเซลล Cell spacing : ระยะหางระหวางเซลลแตละเซลล ทงแนวตงและแนวนอน

กลมของ Header

None: ไมมการก าหนดหวขอของขอมลในตาราง Left : ก าหนดใหคอลมนแรกเปนหวขอของเซลล Top : ก าหนดใหแถวแรกของตารางเปนหวขอของเซลล

Both : ก าหนดใหทงแถวและคอลมนแรกเปนหวขอของเซลล

กลมของ Accessibility

Caption : ก าหนดหวขอของตาราง Align caption : จดวางหวขอของตารางไวในต าแหนงทตองการ Summary ขอความสรปของตาราง

5. ก าหนดคาตาง ๆ ตามทตองการ แลวคลก OK จะไดตาราง ดงน

การใสขอมลในตาราง

ตารางทสรางเสรจแลวสามารถใสขอมลลงไปได 2 ประเภท คอ ขอมลขอความและขอมลรปภาพหรอวตถ

ขอมลขอความ

ขอมลขอความ หมายรวมถง ตวอกษรตวเลข อกษรพเศษ หรอสญลกษณตาง ๆ มวธการใสในตารางดงน

1. เลอกเซลลทจะใสขอความ

2. พมพขอความลงไป

3. ถาขอความยาวเกนใหกด Enter เพอขนบรรทดใหม หรอขยายตารางออก

4. ถาตองการพมพขอมลเพมเตมในเซลลใด กคลกทเซลลนนๆ และพทพขอมลไดทกเซลล

ขอมลรปภาพ

การใสรปภาพในเซลลมวธการเหมอนกบการใสภาพในเวบเพจ มขนตอนดงน

1. คลกเซลลทตองการใสรป 2. คลกเครองมอรปภาพ Insert > Image 3. เลอกรปภาพทตองการ แลวกด OK 4. ปรบขนาดของภาพใหเหมาะสมกบตาราง

3. การเลอกสวนของตาราง

ถาตารางหรอเซลลมขนาดใหญหรอเลกเกนไปจนท าใหขอความ หรอรปภาพไมไดสดสวนตามทตองการ

ควรปรบขนาดของตารางใหเหมาะสม ดงน

1. ปรบขนาดแถว เลอนเมาสมาตรงเสนแนวนอน เมาสจะเปลยนรปเปนรป คลกเมาสคางไวแลว

ลากยอหรอขยายแถว

2. ปรบขนาดคอลมน เลอนเมาสมาตรงเสนแนวนอน เมาสจะเปลยนเปนรป คลกคางไวแลวลาก

ยอหรอขยายคอลมน

3. การขยายทงตาราง ใหเลอนเมาสมาทปมจบดานขวามอลางสดของตาราง เมาสจะเปลยนเปนรปลกศร

สองหวเฉยง ๆ คลกและลากเพอยอหรอขยายตารางทงหมด

การปรบแตงรายละเอยดของตาราง

การปรบแตงรายละเอยดของตารางหรอคณสมบตของตาราง เพอใหเหมาะสมกบการใชงานนนท าไดโดยใช

การปรบตารางดวย Properties Inspector คลกทตารางของเรา จะปรากฏคณสมบตของตารางขนมา

สามารถปรบเปลยนไดตามความตองการ

การปรบตารางดวย Properties Inspector

คลกทตาราง Properties Inspector จะปรากฏคณสมบตของตารางขนมา สามารถปรบเปลยนไดตามความตองการ

การปรบตารางดวยเมนค าสง

1. คลกเมน Modify แลวเลอกค าสงยอย Table

2. หรอคลกขวาทตาราง เลอกค าสง Table

5. การจดเรยงขอมลในตาราง

ขอมลในตารางโดยเฉพาะขอมลตวอกษรทพมพเขาไปในครงแรกอาจพมพลงไปในคาเซลลโดยไมเรยงล าดบ

แตถาตองการเรยงล าดบขอมล เชน เรยงล าดบตวอกษร เรยงคาจากนอยไปมาก หรอจากมากไปนอย สามารถท าไดดงน 1. คลกเลอกตาราง 2. เลอกค าสงCommands > Sort Table….

3. เลอกรปแบบการเรยงตามทตองการ เชน เรยงคาจากนอยไปมาก ตามล าดบ

จะไดหนาตาง Sort Table เพอก าหนดรายละเอยด ดงน

Sort by เรยงล าดบโดย ใหเลอกคอลมนแรกทจะน ามาเรยงล าดบ

Order ลกษณะการเรยง เชน เรยงตามตวอกษร จากนอยไปหามาก

Then by แลวเรยงล าดบตาม เลอกคอลมนทจะน ามาเรยงล าดบอนๆ

Options ตวเลอกเพมเตมการเรยง

6. การเปลยนจ านวนแถวและคอลมน

การแทรกแถว

1. คลกขวาทต าแหนงทตองการจะแทรกแถว

2. จะไดเมนลด เลอกค าสง Table > Insert Row หรอ Ctrl+M

3. จะมแถวเพมเขามา อก 1 แถว

การแทรกคอลมน 1. คลกขวาทต าแหนงทตองการจะแทรกคอลมน 2. จะไดเมนลด เลอกค าสง Table > Insert Column หรอ Ctrl+Shift+A

การแทรกหลายแถวและคอลมน

ถาตองการแทรกแถวและคอลมนจ านวนมากในครงเดยวกน มวธการท า ดงนคลกขวาทต าแหนงทตอง

การจะแทรกแถวและคอลมน

1. คลกขวาทต าแหนงทตองการแทรกแถวหรอคอลมน 2. เลอกค าสงTable > Insert Row or Column 3. จะไดหนาตาง Insert Row or Column 4. ระบจ านวนแถวหรอคอลมนทตองการแลวกด OK

การลบแถวและคอลมน

1. คลกเลอกแถวหรอคอลมนทตองการลบ

2. กดแปน Delete หรอแปน Backspace

3. หรอคลกขวาเลอกเมนลด แลวเลอกค าสง Table > Delete Row หรอ Delete Column

การผสานเซลล

1. เซลลทอยในตารางสามารถรวมกนได เรยกวา Merge Cells มวธดงน

2. เลอกเซลลทจะรวมกน

3. คลกขวาในตารางแลวเลอกค าสง Table > Merge Cells

4. เซลลทเลอกไวจะรวมเปนเซลลเดยวกน

การแบงเซลล

1. เลอกเซลลทจะรวมเขาดวยกน

2. คลกขวาในตาราง แลวเลอกค าสง Table >> Split Cells

3. จะปรากฏหนาตาง Split Cells ซงก าหนดรายละเอยดดงน

-Split Cells into Rowe

-Split Cells into Columns

7. การตกแตงตาราง

การใสสพนและเสนขอบตาราง

1. คลกเลอกตารางทตองการจะใสสพน และเสนขอบ

2. คลกเลอก จะแสดงถาดส

3. คลกเลอกสทตองการ

การใสภาพพนตาราง

1. คลกเลอกตารางทตองการจะใสภาพพนหลง 2. คลกทปม

3. จะไดหนาตาง Page Properties…คลกทปม Browse เลอกภาพทตองการแลวกด OK

การเปลยนขนาดเสนตาราง

เสนตารางทสรางไวนนหากไมตองการแสดงผลบนเบราวเซอร กสามารถเปลยนขนาดขอบเสน

ใหมขนาดใหญขนหรอเลกลงได 1. คลกเลอกตารางทตองการเปลยนขนาดเสนขอบ 2. ถาตองการใหมเสนขอบใหเปลยนเปน 0 3. แลวคลกพนทใด ๆ ของตารางจะถกซอนไวแตยงคงมตารางอย โดยจะแสดงเปนเสนประ แลวสามารถใชตารางไดปกต

4. ถาตองการใหมเสนขอบใหเปลยนตวเลขใน Border เชน 1, 2, 3