| [กิจกรรมฝึกทักษะที่ 3.1] | [กิจกรรมฝึกทักษะที่ 3.2] | [กิจกรรมฝึกทักษะที่ 3.3] | [กิจกรรมฝึกทักษะที่ 3.4] | [กิจกรรมฝึกทักษะที่ 3.5] |
จดประสงค์การเรียนรู้
1. เพิ่ม ลด แถวและคอลัมน์ของตารางได้
2. รวมและแบ่งเซลล์ในตารางได้
3. ซ้อนและปรับความกว้างของตารางได้
4. ใส่สีและภาพพื้นหลังของตารางได้
คำชี้แจง
ให้นักเรียนเปิดไฟล์งานเดิม คือ ไฟล์ insert_table.html ขึ้นมา แล้วดำเนินการดังนี้ (10 คะแนน)
1. ทำการเพิ่มแถวของตารางให้อยู่แถวบนสุดแล้วทำการผสานเซลล์ ทำเป็นหัวตารางและใส่ข้อความเป็นหัวตารางที่มีความเหมาะสมกับข้อมูลในตาราง
2. ทำการเพิ่ิมแถวอีก 5 แถว แต่ให้ทำการเพิ่มแบบสลับแถวกับข้อมูลเดิม จากนั้นใส่ข้อมูลลงในตารางที่เพิ่มในลักษณะเดิม
3. ทำการเพิ่มคอลัมน์ 1 คอลัมน์ ให้อยู่ระหว่างคอลัมน์ที่ 1 และ 2 ของตารางเดิม จากนั้นในข้อมูลเป็นชื่อของรูปภาพที่แทรกไว้
4. ให้เลือกเซลล์ใดเซลล์หนึ่งของคอลัมน์ที่ 4 เพื่อทำการซ้อนตารางพร้อมทั้งปรับความกว้างของตารางและใส่ข้อมูลในตารางนั้นๆ ตามความเหมาะสม
5. ทำการใส่สีหรือใส่ภาพพื้นหลังให้กับตารางที่สร้างไว้อย่างเหมาะสมและสวยงาม
6. เมื่อเสร็จแล้วบันทึกไฟล์งาน ส่งครู
