แบบฝึกหัด บทที่ 5



คำชี้แจง อธิบายขั้นตอนการใช้ตารางในเว็บเพจต่อไปนี้

                1. การเลือกทั้งตาราง

การเลือกตาราง

                การเลือกตารางเป็นการเลือกส่วนใดส่วนหนึ่งหรือทั้งหมดของตารางเพื่อปรับขนาดหรือจัดการกับตารางนั้น

                เลือกทั้งตาราง มีวิธีทำ 3 วิธี ดังนี้

                                วิธีที่ 1 การใช้เมาส์  เลื่อนเมาส์ไม่ยังขอบตาราง เมาส์จะเปลี่ยนเป็นรูปลูกศรเฉียงๆ และมีรูปตารางห้อยอยู่ด้านล่าง ให้คลิกเมาส์

                                วิธีที่ 2 การใช้คำสั่ง  คลิกเมาส์ที่ช่องเซลล์ใดๆของตาราง แล้วเลือกคำสั่ง Modify > Table > Select Table

                                วิธีที่ 3  ใช้แท็ก<Table> โดยคลิกที่แท็ก <Table> ที่แถบสถานะ

                     2. การปรับขนาดตาราง

การปรับขนาดของตาราง

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

                1.ปรับขนาดแถว เลื่อนเมาส์มาตรงแนวนอน เมาส์จะเปลี่ยนเป็นรูป  คลิกเมาส์ค้างไว้แล้วลากย่อหรือขยายแถว

 2.ปรับขนาดคอลัมน์ เลื่อนเมาส์มาตรงแนวนอน เมาส์จะเปลี่ยนเป็นรูป  คลิกเมาส์ค้างไว้แล้วลากย่อหรือขยายคอลัมน์

  3.การ ขยายทั้งตารางให้เลื่อนเมาส์มาที่ปุ่มจับด้านขวามือล่างสุดของตาราง เมาส์จะเปลี่ยนเป็นรูปลูกศรหัวเฉียง   คลิกและลากเพื่อย่อ/ขยายตารางทั้งหมด

                3. การเรียงข้อมูลในตาราง

การจัดเรียงข้อมูลในตาราง

            ข้อมูล ในตารางโดยเฉพาะข้อมูลตัวอักษรที่พิมพ์เข้าไป ในครั้งแรกอาจจะพิมพ์ลงไปในเซลล์โดยไม่ได้เรียงลำดับ แต่ถ้าต้องการเรียงลำดับข้อมูล ก็สามารถทำได้ ดังนี้

                                1.คลิกเลือกตารางที่ต้องการจะจัดเรียงข้อความ

                                2.เลือกคำสั่ง Commands > Sort Table…

                                3.จะได้หน้าต่าง Sort Table เพื่อกำหนดรายละเอียดการจัดเรียง ดังนี้

                                                - Sort by เรียงลำดับโดยให้เลือกคอลัมน์แรกที่จะนำมาเรียงลำดับ

                                                - Order                   ลักษณะการเรียง

                                                - Then by               แล้วเรียงลำดับตาม เลือกคอลัมน์ที่จะนำมาเรียง

                                                - Options               ตัวเลือกเพิ่มเติมการเรียง

             4. การลบแถวและคอลัมน์

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

                                1.คลิกเลือกแถวหรือคอลัมน์ที่ต้องการจะลบ

                                2.กดแป้น <Delete> หรือแป้น <Backspace>

                                3.หรือคลิกขวาเลือกเมนูลัด แล้วเลือกคำสั่ง Table > Delete Row หรือ Delete > Column Table > Delete Row Table Delete > Column 

               5. การนำเข้าตารางจากโปรแกรมอื่น

การนำเข้าตารางจากโปรแกรมอื่น

                ถ้ามีข้อมูลพิมพ์ไว้แล้วด้วยโปรแกรมอื่น เช่น Word , Excel ฯลฯ ก็สามารถนำมาใช้ใน Dreamweaver ได้โดยไม่ต้องพิมพ์ใหม่ ในรูปแบบเท็กซ์ไฟล์ (.txt) และสามารถแปลงไฟล์จากโปรแกรม Dreamweaver ไปใช้ในโปรแกรมอื่นได้ในรูปแบบไฟล์ .csv ดังนี้

                                1.คลิกเลือกตำแหน่งที่จะนำไฟล์จากโปรแกรมอื่นเข้ามาไว้

                                2.คลิกเลือกที่เครื่องมือ                   จากกลุ่มเครื่องมือ Layout หรือคำสั่ง Insert > Table Object > Import Tabular Data

                                3.จะได้หน้าต่าง Import Tabular Data คลิกเลือกไฟล์ที่ช่อง Browser

                                 4.กำหนดรายละเอียดที่ต้องการแล้วคลิกปุ่ม OK

                                5.ข้อมูลจะถูกนำมาแทรกไว้ทันที

ตอนที่ 2 แบบฝึกหัดภาคปฏิบัติ

คำชี้แจง  นักเรียนเข้าศึกษาบทเรียน เรื่อง การสร้างตาราง
1.  ให้นักเรียนสร้างเอกสารไฟล์ บัญชีรายชื่อนักเรียนชั้นมัธยมศึกษาปีที่ 4 ห้อง 1  เปลี่ยนข้อความให้เป็นตาราง ดังต่อไปนี้

ลำดับที่	ชื่อ -สกุล	สถานศึกษาเดิม
1	นายนพพงษ์   รักดี	โรงเรียนผาเมืองวิทยาคม
2	นายณัฐวุฒิ   ใจดี	โรงเรียนบ้านบุ่งคล้า
3	นางสาวสุนทรี  สว่างรมย์	โรงเรียนบ้านหนองไขว่
4	นายชลธิศ   ดีพร้อมเพรียง	โรงเรียนบ้านกกโอ

 2. ปรับปรุงแต่งและรูปแบบเอกสารให้เรียบร้อย

3. แสดงผลงานออกทางโปรแกรม Web Brower หรือกดแป้น F12

3. บันทึกไฟล์  เสร็จแล้วส่งให้ครูประเมิน