การสร้างเว็บด้วยภาษา HTML: ใบงาน

คำสั่งที่ 1
จงใส่เครื่องหมาย ถูก หน้าข้อความที่ถูกและใส่เครื่องหมาย ผิด หน้าข้อความที่ผิด

.........1.เว็บเพจ คือ เอกสารที่ใช้ในการเผยแพร่ข้อมูลข่าวสารซึ่งประกอบด้วยข้อความ ภาพ เสียง และ
ภาพยนตร์ ผ่านทางเครือข่ายอินเทอร์เน็ต
.........2.เราใช้เว็บบราวเซอร์ในการเข้าสู่โลกของ World Wide Web
.........3.โดเมนเนมเป็นการนำตัวอักษรที่จำง่ายมาใช้แทนไอพีแอดเดรส
.........4.เราจะเรียกกลุ่มของหน้าเว็บ หรือเว็บหลาย ๆ หน้ารวมกัน ว่า โฮมเพจ โดยจะมีการกำหนดหน้า
เว็บเพจหน้าหนึ่งไว้เป็นหน้าแรก เว็บเพจนี้มีชื่อเรียกว่า เว็บไซต์
.........5.HTTP ย่อมาจาก HyperText Transfer Process
.........6.โดเมนเนมมักถูกตั้งให้สอดคล้องกับชื่อบริษัท หรือองค์กรผู้เป็นเจ้าของ
.........7.เว็บไซต์แต่ละเว็บไซต์จะมีโดเมนเนมเฉพาะที่ไม่เหมือนใคร
.........8.success.co.th เป็นโดเมนเนมแบบ 2 ระดับ
.........9. .com เป็นโดเมนเนมของบริษัทหรือองค์กรพาณิชย์ และองค์กรรัฐบาล
........10. เว็บเซิร์ฟเวอร์ คือช่องทางในการเข้าเว็บไซต์

คำสั่งที่ 2
1. ให้นักเรียนแบ่งกลุ่มให้ได้ทั้งหมด 7 กลุ่ม
2. ส่งตัวแทนจับฉลาก หมายเลขกลุ่ม ดังนี้
หมายเลข 1 ข่าวและเหตุการณ์ในปัจจุบัน
  หมายเลข 2 ข้อมูลความรู้และห้องสมุด
  หมายเลข 3 บริการติดต่อสื่อสาร
  หมายเลข 4 ความบันเทิง

หมายเลข 5 การเงิน การลงทุน
หมายเลข 6 ซื้อ - ขายสินค้า และบริการ

หมายเลข 7 ดาวน์โหลดข้อมูล
3. ให้แต่ละกลุ่มช่วยกันศึกษาประเภทของเว็บเพจตามกลุ่มที่ได้รับมอบหมาย ดังนี้

3.1 ความหมาย
3.2 ตัวอย่างหน้าเว็บ อย่างน้อย 5 เว็บ

4. นำเสนอผ่าน Powerpoint ไม่เกิน 3 นาที

ให้นักเรียนสร้างเว็บเพจประวัติส่วนตัวของนักเรียน

บันทึกไฟล์เป็นไฟล์ Html
ตั้งชื่อ ห้องเลขที่ ชื่อ เช่น 101 Wilailuck.html

---------------------------------------------------------------------------------------------------------------------------------

ให้นักเรียนปฏิบัติกิจกรรมกลุ่ม ดังนี้
1. ให้แบ่งกลุ่ม 7 กลุ่ม

2. ส่งตัวแทนจับฉลากหัวข้อ ดังนี้
กลุ่มที่ 1 คำสั่งในการจัดหน้าด้วยภาษา HTML
กลุ่มที่ 2 คำสั่งในการกำหนดลักษณะตัวอักษร และแสดงสัญลักษณ์ต่าง ๆ
กลุ่มที่ 3 list จัดข้อมูลในเว็บเพจ
กลุ่มที่ 4 เชื่อมต่อเอกสารด้วย hyperlink
กลุ่มที่ 5 การใส่รูปภาพ
กลุ่มที่ 6 การใส่พื้นหลัง
กลุ่มที่ 7 การใส่ table ตาราง

3. ให้ศึกษาตามหัวข้อกลุ่มของตนเองพร้อมทั้งปฏิบัติดังนี้
3.1 ให้สร้างหน้าเว็บเพจแสดงผลลัพธ์ในรูปแบบต่าง ๆ ตามหัวข้อย่อยตามหัวข้อกลุ่ม
3.2 บันทึกในโฟล์เดอร์กลุ่มของตนเอง โดยตั้งชื่อตามหมายเลขกลุ่ม เช่น กลุ่มที่ 1
3.3 นำเสนอรูปแบบคำสั่ง พร้อมผลลัพธ์ และอธิบาย โดยนำเสนอผ่านสื่อนำเสนอ PowerPoint
3.4 ออกมานำเสนอให้กลุ่มอื่นฟัง

4. รวมไฟล์เว็บเพจ และ PowerPoint ในโฟล์เดอร์กลุ่ม และส่งที่ผ่านเครือข่าย ที่ \\apple : ม.5 : เลขห้อง

-----------------------------------------------------

ให้นักเรียนสร้างเว็บเพจให้แสดงผลตามที่กำหนดให้

-กำหนดสีพื้นหลังตามความเหมาะสม

-จัดรูปแบบให้เหมือนต้นฉบับ

-บันทึกไฟล์html ตั้งชื่อ ห้องเลขที่ ชื่อภาษาอังกฤษ เช่น ห้อง 4 เลขที่ 22 ชื่อ Nutthanan ตั้ง 422 Nutthanan

-ส่งที่ผ่านเครือข่ายที่ เครื่อง \\apple : ม.5 : เลขห้อง

------------------------------------------------------

ให้นักเรียนหาคำตอบเติมให้ถูกต้อง (ทำลงสมุด) โดยเขียนในรูปคำสั่ง

1.เตรียมอุดมศึกษาพัฒนาการ นนทบุรี เป็นตัวหนา.............................................................................

2.Tpn.ac.th เป็นตัวเอน ........................................................................................................................

3.<S>google.co.th</S> .......................................................................................................................

4.kapook.com......................................................................................................................

5.youtube.com..........................................................................................................

6.ให้นักเรียนวาดผลลัพธ์ที่ได้

<UL>

<LH> หัวข้อแบบไม่มีลำดับ </LH>

<LI type="disc"> ข้อมูล 1 </LI>

<LI type="circle"> ข้อมูล 2 </LI>

<LI type="square"> ข้อมูล 2 </LI>

</UL>

7.สัญลักษณ์ต่อไปนี้ใช้คำสั่งใด

7.1 < คำสั่ง .................

7.2 ก๊อฟปี้ไรด์ คำสั่ง.....................

7.3 เว้นวรรค คำสั่ง......................

7.4 รีจิสเตอร์ คำสั่ง ...........................

7.5 cent คำสั่ง...............................
8.ให้นักเรียนเขียนคำสั่งที่แสดงผลลัพธ์เหมือนกัน
8.1 แสดงผลลัพธ์เหมือนกับ ....................
8.2 แสดงผลลัพธ์เหมือนกับ ....................
8.3 แสดงผลลัพธ์เหมือนกับ ....................
8.4 <address> แสดงผลลัพธ์เหมือนกับ ....................
8.5 <s> แสดงผลลัพธ์เหมือนกับ ....................
9. ให้นักเรียนสร้างหน้าเว็บเพจ โดยแสดงผลดังรูปข้างนี้
บันทึกเป็นชื่อ : จิตสำนึกห้องเลขที่ ชื่อ.html ส่งที่เครื่อง \\apple โฟล์เดอร์ ห้อง

------------------------------------------------------------------------------------------------------------

ให้นักเรียนสร้างเว็บอาเซียน 10 ประเทศ ดังนี้

1.ให้สร้างโฟล์เดอร์ ตั้งชื่อ : ห้องเลขที่ ชื่อภาษาอักกฤษ

2. รูปทุกรูปจะต้องมีคำบรรยายภาพ

3.ภายในโฟล์เดอร์ประกอบด้วย

หน้าที่ 1 : index.html : เป็นหน้าหลัก ประกอบด้วย รูป 10 ประเทศอาเซียน ,ข้อมูลเกี่ยวกับอาเซียน, ลิงค์ ไปหน้าหน้าเพจของประเทศต่าง ๆ 10 ประเทศ

หน้าที่ 2-11 : P1.html - P11.html (เปลี่ยนชื่อได้) : เป็นส่วนของเนื้อหาแต่ละประเทศ โดยมีส่วนประกอบดังนี้ 1.รูปธงชาติ , 2.ชื่อประเทศ , 3.ข้อมูลทั่วไป , 4.การแต่งกายประจำชาติ , 5.อาหารประจำชาติ , 6.ข้อควรรู้ (ข้อ 3-6 ทำลิงค์ภายใน หน้า) ด้านล่างสุดให้นักเรียนทำลิงค์ Top เพื่อกลับด้านบนสุด และ ลิงค์ Home เพื่อกลับไปหน้า index.html โดย Top และ Home จะต้องเป็นลิงค์จากรูปภาพ

รูปธงชาติ
(ทำลิ้งค์ตามหัวข้อ) ข้อมูลทั่วไป การแต่งกาย อาหารประจำชาติ ข้อควรรู้

ส่วนข้อมูลทั่วไป ประกอบด้วย

หัวข้อ ข้อมูลทั่วไป

รูปแผนที่ หรือ ประเทศ

เมืองหลวง : ...........................................
ภาษา : ...........................................
ประชากร : ...........................................
นับถือศาสนา : ...........................................
ระบบการปกครอง : ...........................................

หัวข้อ การแต่งกายประจำชาติ

ปุ่ม Top

รูปการแต่งกาย

คำบรรยาย............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................

ปุ่ม Top

หัวข้อ อาหารประจำชาติ

รูปอาหาร

ปุ่ม Top

หัวข้อ ข้อควรรู้

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

รูปhome รูป top

-----------------------------------------------------------------------------------------------

คำสั่ง ให้นักเรียนสร้างตารางตามโจทย์ที่ได้รับ ดังนี้

1. ให้นักเรียนดึงไฟล์โจทย์ที่เครื่อง \\apple ตามห้องของตนเอง หรือ download ไฟล์ โดยดึงไฟล์ตามเลขที่ของตนเอง
2. สร้างตารางด้วยภาษา HTML และส่งงานที่เครื่อง \\apple

คำสั่ง ให้นักเรียนสร้างตารางตามโจทย์ที่ได้รับ ดังนี้
1. ให้นักเรียนดึงไฟล์โจทย์ที่เครื่อง \\apple ตามห้องของตนเอง หรือdownload ไฟล์ โดยดึงไฟล์ตามเลขที่ของตนเอง
2. สร้างตารางด้วยภาษา HTML และส่งงานที่เครื่อง \\apple