ชุดที่10

การนาเอกสารเผยแพรใ่ นระบบเครอื ข่ายอนิ เตอร์เน็ต 1 คาชแี้ จงสาหรบั ครู การจดั กิจกรรมการเรียนรู้โดยใชช้ ดุ การเรียนรกู้ ารสรา้ งเว็บเพจดว้ ยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมัธยมศึกษาปีที่ 3 กล่มุ สาระการเรยี นรู้ การงานอาชีพและเทคโนโลยี ชุดท่ี 10 เร่อื ง การนาเอกสารเผยแพรใ่ นระบบเครือขา่ ย อนิ เตอรเ์ น็ต ครคู วรเตรยี มความพรอ้ มและปฏิบตั ติ ามคาแนะนา ดังตอ่ ไปน้ี 1. ศึกษารายละเอียดเก่ยี วกับการใช้ชุดการเรียนรู้การสร้างเว็บเพจดว้ ยภาษา HTML รายวิชาเทคโนโลยี 3 รหสั วิชา ง23102 ชั้นมัธยมศึกษาปีท่ี 3 กล่มุ สาระการเรยี นรู้ การงานอาชพี และเทคโนโลยี ชุดท่ี 10 เร่อื ง การนาเอกสารเผยแพร่ในระบบเครือข่าย อินเตอรเ์ น็ต และเตรียมส่ือการเรยี นรทู้ ใี่ ช้ 2. การจัดกจิ กรรมการเรยี นรู้ ครูจะต้องจัดกจิ กรรมใหค้ รบตามทีร่ ะบไุ ว้ใน แผนการจัดการเรียนรู้ เพื่อให้กจิ กรรมเป็นไปอย่างต่อเนื่องและบรรลุตามวตั ถุประสงค์ 3. ก่อนทากิจกรรมทุกครัง้ ครูตอ้ งอธบิ าย ชีแ้ จง วธิ กี ารปฏบิ ตั ิใหช้ ัดเจน ให้นักเรียน เข้าใจตรงกัน จงึ จะทาใหก้ ารจดั การเรียนรูบ้ รรลเุ ปาาหมายและมีประสทิ ธิภาพ 4. ครูควรกระตุน้ ให้นกั เรียนทุกคนมีสว่ นร่วมในการทากิจกรรม เพื่อเป็นการฝึกให้ นกั เรยี นรจู้ ักการทางานร่วมกัน ชว่ ยเหลือซ่ึงกันและกัน รับผดิ ชอบต่อหน้าทีแ่ ละกล้าแสดงออก สังเกตพฤติกรรมขณะที่ทากิจกรรมและใหค้ วามช่วยเหลือนักเรยี นดูแลอย่างใกล้ชิด

การนาเอกสารเผยแพรใ่ นระบบเครือขา่ ยอนิ เตอรเ์ นต็ 2 บัตรคาสัง่ สาหรบั นักเรียน ชุดการเรยี นรู้การสร้างเว็บเพจด้วยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวชิ า ง23102 ช้ันมัธยมศึกษาปีท่ี 3 กลุ่มสาระการเรียนรู้การงานอาชพี และเทคโนโลยี ชดุ ท่ี 10 เรอื่ ง การนาเอกสาร เผยแพร่ในระบบเครือข่ายอนิ เตอรเ์ น็ต ใช้เวลาจานวน 2 ชั่วโมง ใหน้ กั เรยี นปฏิบตั ิดังน้ี 1. นักเรยี นแบ่งกลุม่ กลมุ่ ละ 4 – 5 คน โดยคละกันระหวา่ งเกง่ ปานกลางและอ่อน แลว้ เลือกประธานกล่มุ และเลขานกุ ารกล่มุ พร้อมต้งั ชอื่ กล่มุ 2. นกั เรยี นรับชุดการเรียนรกู้ ารสรา้ งเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหสั วิชา ง23102 ชน้ั มธั ยมศึกษาปที ่ี 3 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดที่ 10 เรอ่ื ง การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอินเตอรเ์ น็ต กล่มุ ละ 1 ชุด 3. นักเรียนศึกษาบัตรคาสง่ั ให้เข้าใจอยา่ งละเอยี ด และปฏบิ ัติตามขัน้ ตอนท่กี าหนดให้ 4. นกั เรียนอา่ นมาตรฐานการเรียนรู้ ตวั ชี้วดั สาระสาคญั และ จดุ ประสงค์การเรยี นรู้ 5. นักเรียนทาแบบทดสอบก่อนเรียนด้วยความซ่ือสตั ย์ไม่เปิดดเู ฉลยกอ่ น จานวน 10 ข้อ เวลา 15 นาที ลงในกระดาษคาตอบก่อนเรียน 6. ตรวจแบบทดสอบกอ่ นเรยี นดว้ ยตนเอง และเขียนคะแนนท่ีได้ในชอ่ งคะแนนที่ได้ใน กระดาษคาตอบก่อนเรยี น 7. นกั เรยี นศึกษาบัตรเนือ้ หา ทาบัตรกิจกรรม แล้วทาตามคาชแี้ จงตามลาดับด้วยความต้งั ใจ และความซ่ือสัตย์ไม่เปดิ ดูเฉลยก่อน 8. เมอื่ เสรจ็ ทุกข้ันตอน ให้เปดิ ดบู ัตรเฉลยกจิ กรรม และตรวจคาตอบ หากตอบผิด หรอื ไม่แน่ใจให้กลบั ไปศึกษาใหมอ่ ีกครั้ง 9. นักเรียนทาแบบทดสอบหลังเรียนด้วยความซื่อสตั ย์ไมเ่ ปิดดเู ฉลย จานวน 10 ขอ้ เวลา 15 นาที ลงในกระดาษคาตอบหลงั เรยี น 10. ตรวจแบบทดสอบหลังเรยี นด้วยตนเอง และเขียนคะแนนที่ไดใ้ นช่องคะแนนทไี่ ดใ้ น กระดาษคาตอบหลังเรยี น 11. ส่งชุดการเรยี นร้กู ารสร้างเว็บเพจดว้ ยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ชั้นมธั ยมศกึ ษาปที ่ี 3 กลุม่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ให้ครูผ้สู อนเพื่อตรวจ คาตอบอกี คร้งั และตรวจสอบคะแนนกอ่ นเรยี น ระหว่างเรียน และหลังเรยี น

การนาเอกสารเผยแพรใ่ นระบบเครอื ขา่ ยอินเตอร์เน็ต 3 แผนผังแสดงขน้ั ตอนการใช้ ชดุ การเรยี นรกู้ ารสร้างเว็บเพจดว้ ยภาษา HTML มดี งั น้ี อ่านคาชแ้ี จง / บัตรคาส่งั ศกึ ษาตวั ชี้วดั และจุดประสงคก์ ารเรยี นรู้ ทาแบบทดสอบกอ่ นเรียน ศกึ ษาบัตรเนือ้ หา และทากิจกรรมตามบัตรกจิ กรรม ทาแบบทดสอบหลงั เรยี น ผ่านเกณฑ์ 80% ไมผ่ ่านเกณฑ์ ทาแบทดสอบวัดผลสมั ฤทธทิ์ างการเรยี นหลงั เรียน จานวน 40 ขอ้

การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอนิ เตอรเ์ น็ต 4 มาตรฐานการเรียนรู้ / ตัวช้ีวดั มาตรฐาน ง 3.1 เข้าใจ เหน็ คุณคา่ และใชก้ ระบวนการเทคโนโลยีสารสนเทศใน การสบื ค้นข้อมลู การเรียนรู้ การสือ่ สาร การแกป้ ญั หา การทางาน และอาชีพอย่างมี ประสิทธภิ าพ ประสิทธผิ ล มีคุณธรรม ตัวชี้วัด ง 3.1 ม.3/1 อธบิ ายหลักการทาโครงงานที่มีการใชเ้ ทคโนโลยีสารสนเทศ ง 3.1 ม.3/2 เขยี นโปรแกรมภาษาขัน้ พ้นื ฐาน ง 3.1 ม.3/3 ใช้เทคโนโลยสี ารสนเทศนาเสนองานในรปู แบบทเ่ี หมาะสมกับ ลักษณะงาน ง 3.1 ม.3/4 ใช้คอมพวิ เตอร์ช่วยสร้างชนิ้ งานจากจนิ ตนาการหรืองานทีท่ าใน ชวี ิตประจาวนั ตามหลกั การทาโครงงานอย่างมจี ิตสานึกและ ความรับผิดชอบ สาระสาคญั หลงั จากทีท่ าการสร้างเอกสารเว็บเปน็ ที่เรยี บรอ้ ยแล้ว สงิ่ ทส่ี าคญั อกี ประการหน่ึง คอื การนาเอกสาร เวบ็ เหลา่ นนั้ เข้าสู่ระบบเครือข่ายอินเทอรเ์ น็ต ซ่ึงเนอื้ หาในหนว่ ยนจ้ี ะ กลา่ วถึงเคร่ืองคอมพิวเตอร์ที่ทาหน้าทเ่ี ป็นเวบ็ เซิร์ฟเวอร์ ขั้นตอนของการติดตั้งโปรแกรม ทท่ี าหน้าทเ่ี ป็นเวบ็ เซริ ์ฟเวอร์การนาข้อมลู เข้าสู่เครอื่ งคอมพิวเตอรท์ ่ีทาหน้าท่ีเปน็ เว็บ เซริ ์ฟเวอร์ ลกั ษณะของเวบ็ ไซต์ท่ีให้บรกิ ารพ้นื ที่สาหรับนาเสนอขอ้ มูล เพ่ือเปน็ แนวทางใน การนาเสนอข้อมูล เขา้ สูร่ ะบบเครือข่ายอินเทอร์เนต็ จดุ ประสงค์การเรียนรู้ 1. อธิบายหน้าท่ีของเวบ็ เซริ ์ฟเวอร์ ขนั้ ตอนของการตดิ ตงั้ โปรแกรมทท่ี าหนา้ ที่เป็น เวบ็ เซิร์ฟเวอร์ และวธิ กี ารนาขอ้ มูลเข้าสเู่ ครื่องคอมพวิ เตอร์ทีท่ าหนา้ ที่เป็นเว็บเซริ ์ฟเวอร์ได้ 2. บอกลกั ษณะของเวบ็ ไซตท์ ี่ให้บริการพนื้ ทส่ี าหรับนาเสนอข้อมลู ได้ 3. ปฏิบัตทิ ักษะในการนาเสนอข้อมลู เขา้ สรู่ ะบบเครอื ข่ายอนิ เทอรเ์ น็ตได้ 4. มคี วามซอ่ื สัตย์ ความใฝร่ ใู้ ฝเ่ รียน มคี วามรับผิดชอบ ความมีระเบยี บวินัย

การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอนิ เตอรเ์ นต็ 5 แบบทดสอบกอ่ นเรียน เรอ่ื ง การสร้างเว็บเพจดว้ ยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ชัน้ มัธยมศกึ ษาปที ี่ 3 กลมุ่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ชดุ ที่ 10 เรือ่ ง การนาเอกสารเผยแพร่ในระบบเครอื ขา่ ยอินเตอรเ์ นต็ คาชแ้ี จง นักเรยี นเลอื กคาตอบท่ีถูกต้องทีส่ ุดเพยี งคาตอบเดียว แล้วทาเครือ่ งหมาย  ลงในกระดาษคาตอบ (10 คะแนน) 1. เคร่อื งคอมพวิ เตอร์ที่ทาหน้าทใ่ี หบ้ ริการสาหรบั เกบ็ เอกสารเว็บเพจและนาเสนอข้อมลู เอกสาร เวบ็ เพจมชี ่ือเรียกวา่ อะไร ก. ไฟลเ์ ซริ ฟ์ เวอร์ ข. เว็บบราวเซอร์ ค. เว็บเซริ ์ฟเวอร์ ง. เครือ่ งเซริ ์ฟเวอร์ 2. ข้อใดคือชอื่ เรยี กพืน้ ท่ีที่ใหบ้ ริการสาหรับการเก็บแฟามข้อมูลเว็บไซต์ ก. เว็บโฮสต้ิง ข. เวบ็ เซริ ฟ์ เวอร์ ค. เวบ็ บราวเซอร์ ง. เคร่อื งเซิรฟ์ เวอร์ 3. ข้นั ตอนการขอใชบ้ รกิ ารพนื้ ที่ฟรีของ Web Sever ทีเ่ ปดิ บรกิ ารส่งิ แรกเราต้องทาคืออะไร ก. การสมคั รเป็นสมาชิก ข. วิธีการ Upload ขอ้ มูลข้ึน ค. เง่ือนไข และข้อตกลงต่างๆ ง. เครือ่ งบรกิ าร Web Server บริการอยทู่ ่ีใด

การนาเอกสารเผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต 6 4. เว็บไซตท์ ใี่ หบ้ รกิ ารฟรีทางด้านให้พน้ื ที่ในการเกบ็ ข้อมลู มีชื่อเรียกตรงกบั ข้อใด ก. Free Host ข. Free Web site ค. Free Host Services ง. Free Web Hosting 5. ข้อใดกลา่ วไม่ถกู ต้องเก่ยี วกบั เวบ็ ไซต์ที่ใหบ้ ริการทางด้านพ้ืนทสี่ าหรับการเก็บเอกสารเว็บฟรี ก. เน้ือท่ใี นการเก็บขอ้ มูลเอกสารเว็บนั้น มีค่อนขา้ งจากัด ข. ไมต่ อ้ งเสยี คา่ ใช้จ่ายใดๆ ทงั้ สิ้นสาหรับการเก็บข้อมูล ค. มกี ารบรกิ ารให้คาแนะและช่วยเหลือปัญหาท่ีเกดิ ขึ้นตา่ งๆ เปน็ อย่างดี ง. เว็บไซต์นัน้ อาจทาการเพิม่ ข้อความโฆษณา ลงไปในเอกสารเวบ็ ท่ีนาไปเกบ็ ไว้ 6. โปรแกรมทใ่ี ชใ้ นการ upload ข้อมูลข้ึน website ก. HTML / Firefox ข. HTML / FileZilla ค. WS_FTP / Firefox ง. WS_FTP / FileZilla 7. การนาแฟมา ข้อมลู จากเครื่องคอมพิวเตอรเ์ ข้าไปสู่ระบบเครือขา่ ยอินเตอร์เนต็ เรียกว่าอะไร ก. การอพั โหลด (Upload) ข. การอัพดาต้า (Up Data) ค. การดาวน์โหลด (Download) ง. การทรานเฟอร์ไฟล์ (Tranfer File) 8. การนาแฟมา ข้อมูลจากระบบเครอื ข่ายอนิ เตอร์เน็ตเขา้ มาเกบ็ ไวย้ ังเครื่องคอมพิวเตอร์เรยี กว่าอะไร ก. การอัพโหลด (Upload) ข. การอัพดาตา้ (Up Data) ค. การดาวน์โหลด (Download) ง. การทรานเฟอร์ไฟล์ (Tranfer File)

การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอนิ เตอร์เน็ต 7 9. การถา่ ยโอน หรือ Upload ขอ้ มลู ไปยัง File Serverโดยใช้โปรแกรม เรียกวา่ ก. STP ข. FTP ค. UTP ง. FPT 10. ขอ้ ใดกล่าวไมถ่ ูกต้อง ก. การนาเสนอข้อมูลในระบบเครือข่ายอินเทอร์เน็ต จาเป็นต้องมีเคร่ืองคอมพวิ เตอร์ทที่ าหนา้ ที่ เป็นเวบ็ เซริ ์ฟเวอร์ ข. การนาข้อมูลเขา้ สรู่ ะบบเครือขา่ ยอนิ เทอรเ์ นต็ ขอ้ มูลทั้งหมดต้องถูกเก็บไวท้ ี่เคร่ืองท่ที าหนา้ ท่ี เปน็ คอมพิวเตอร์แมข่ ่ายเสมอ ค. เมือ่ นาข้อมลู เข้าสู่เคร่ืองเว็บเซิร์ฟเวอร์ แลว้ ไม่จาเป็นตอ้ งตดิ ต่อผูบ้ รหิ ารเครื่องคอมพวิ เตอร์ แม่ข่ายเพราะเครื่องจะทาให้โดยอัตโนมตั ิ ง. มหี น่วยงานที่ใหบ้ รกิ ารเกยี่ วกับการให้พ้นื ทีเ่ ก็บข้อมูลสาหรบั นาเสนอสูร่ ะบบเครือขา่ ย อินเทอรเ์ นต็ ฟรีและเกบ็ ค่าบรกิ ารรายเดือน

การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอินเตอรเ์ นต็ 8 กระดาษคาตอบแบบทดสอบก่อนเรียน เร่อื ง การสรา้ งเว็บเพจดว้ ยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมธั ยมศกึ ษาปีท่ี 3 กลมุ่ สาระการเรียนรู้การงานอาชพี และเทคโนโลยี ชุดที่ 10 เรอื่ ง การนาเอกสารเผยแพร่ในระบบเครือข่ายอินเตอรเ์ น็ต ช่ือ – นามสกุล ........................................................................ช้ันมัธยมศึกษาปที ี่ 3 เลขที่ ........ ขอ้ ก ข ค ง คะแนนเต็ม 10 1 คะแนนได้ 2 3 ผลการประเมนิ 4  ดมี าก 5  ดี 6  ปานกลาง 7  ปรบั ปรุง 8 9 (ลงชือ่ ).....................................ผูป้ ระเมนิ 10 (นายณัฐวฒุ ิ ณรงคเ์ ดชา) วันท่ี ........เดอื น.....................พ.ศ.......... เกณฑ์การประเมิน อยู่ในเกณฑ์ ดีมาก คะแนนระหวา่ ง 9 - 10 อยใู่ นเกณฑ์ ดี คะแนนระหวา่ ง 7 - 8 อยใู่ นเกณฑ์ ปานกลาง คะแนนระหว่าง 5 - 6 อยใู่ นเกณฑ์ ปรับปรุง คะแนนระหว่าง 0 - 4

การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอนิ เตอร์เนต็ 9 บตั รเนอ้ื หา การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอนิ เตอร์เน็ต วธิ กี ารอัพโหลดเว็บไซต์ สาหรับวธิ ีการอพั โหลดไฟล์ผ่านพอรต์ Ftp น้ัน ก่อนอื่นถ้าจะตอ้ งมโี ปรแกรม ประเภท Ftp กอ่ น โดยการดาวนโ์ หลด โปรแกรมทช่ี ่ือว่า FileZilla ซึ่สามารถ ดาวน์โหลดมา ใชไ้ ดฟ้ รีๆ ท่ี http://filezilla-project.org การดาวนโ์ หลดและติดต้ังโปรแกรม FileZilla เปน็ ที่เรยี บรอ้ ยแล้ว จะตอ้ งเริม่ ทดลองอพั โหลดไฟล์ข้นึ ไปยงั Hosting ของเราได้เลย การเปดิ โปรแกรม FileZilla ข้นึ มา ซงึ่ ลักษณะของโปรแกรมเป็นดงั นี้ 1. ใส่ชอื่ Ftp Host ลงไปในชอ่ ง โฮสต์ 2. ใส่ชื่อ Username ลงไปในชอ่ ง ชอ่ื ผใู้ ช้งาน 3. ใส่ Password ลงไปในชอ่ ง รหัสผ่าน 4. ใสพ่ อรต์ 21 ลงไปในช่อง พอรต์ 5. คลิกทปี่ ุ่ม เช่อื มต่อด่วน เพ่ือทาการตดิ ต่อไปยังโฮสของเรา

10 การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอินเตอรเ์ น็ต หากการเชอื่ มต่อไปยัง Ftp Host ของเราสาเรจ็ จะสังเกตเห็นว่าจะมรี ายการโฟลเดอร์ปรากฏ ขึน้ มาในช่อง B ดังตอ่ ไปน้ี ช่อง A หมายถึง พืน้ ทีๆ่ อยู่ภายในเคร่อื งคอมพวิ เตอรข์ องเรา ช่อง B หมายถึง พน้ื ทีๆ่ อยู่บน Ftp Host น่นั เอง สามารถอัพโหลดไฟลจ์ ากเครื่องของเราไปยงั Ftp Host ไดง้ า่ ยๆ เพยี งแคเ่ ลือกไฟลท์ ี่อยู่ ในชอ่ ง A (เครื่องของเรา) แล้วลากไปวางในโฟลเดอร์ public_html ที่อยู่ใน ชอ่ ง B (Ftp Host) ก็ เรยี บร้อย แตถ่ า้ ยังไม่เข้าใจ หรือนึกภาพไม่ออกแลว้ ก็ลองมาทาตามตัวอยา่ งข้างล่างนี้เพื่อจะไดเ้ ข้าใจ มากยง่ิ ขึ้น ดังต่อไปน้ี

11 การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอนิ เตอรเ์ นต็ 1. เขา้ ไปยังโฟลเดอรท์ เ่ี ก็บเว็บไซตภ์ ายในเคร่ืองของเรา ในตวั อย่างเลอื กไฟล์ทชี่ ือ่ index.php 2. คลิกเมาส์คา้ งไวแ้ ล้วลากมาวางท่โี ฟลเดอร์ public_html ซงึ่ เป็นโฟลเดอร์หลกั บน Ftp Host เท่าน้นั กเ็ ปน็ อันเรียบรอ้ ยแล้วเสร็จส้ิน

12 การนาเอกสารเผยแพร่ในระบบเครือข่ายอินเตอรเ์ น็ต รจู้ ัก กับ Ws ftp Ws_ftp เป็นโปรแกรมทไี่ ว้ใชส้ าหรับ Download หรอื Upload ขอ้ มูลไปยังที่ต่างใน Server ftp ต่างๆ สามารถหา Download ไดท้ ่ัวไปมี ซ้งึ ไฟลม์ ีขนาดเล็กใชง้ านง่ายไมซ่ ับซอ้ น สามารถ download ได้ จาก http://www.ipswitch.com ลักษณะหน้าตาของโปรแกรมเป็น ดงั ต่อไปนี้ หนา้ ตาของ Ws_ftp ขณะที่เป็น Icon วธิ กี าร login เม่ือเขา้ สู่โปรแกรม Ws_ftp จะปรากฎรายชื่อ FTP SERVER ตา่ งๆ ดังรปู

13 การนาเอกสารเผยแพร่ในระบบเครอื ขา่ ยอนิ เตอรเ์ นต็ เราสามารถเลอื ก Server ทีเ่ ราตอ้ งการได้เลยหรือจะเพิม่ เข้าไปอีกก็ได้โดยการกดปมุ่ New แล้วกรอกรายละเอียดต่างๆ ดังต่อไปน้ี โดยจะมี ICON ซง่ึ ลักษณะของโปรแกรม ซง่ึ ถ้ามีพน้ื ฐานความรูด้ า้ น COMPUTER กไ็ ม่ยาก แคเ่ หน็ โปรแกรม กส็ ามารถรู้ถงึ วธิ กี ารใช้งานแลว้ แต่กม็ ีอีกหลายคนที่ใช้โปรแกรมนยี้ ังไม่เป็น ก็สามารถจัดทาเว็บเพจเป็นของตนเองได้ดังนี้

14 การนาเอกสารเผยแพรใ่ นระบบเครอื ข่ายอนิ เตอร์เน็ต รจู้ ักปมุ่ ในโปรแกรม ปุ่มนมี้ ไี วส้ าหรับสรา้ ง Directory ตา่ งๆ ทเี่ ราต้องการหลักการใช้งานไมย่ าก แคก่ ดตรงปุ่ม Mkdir จะปรากกฎช่องวา่ ง สาหรบั พมิ พช์ อ่ื Directory ทเี่ รา ตอ้ งการจะสรา้ งเมือ่ พิมพ์เสรจ็ กก็ ดปุ่ม Enter ก็เรียบร้อย ปุ่มนม้ี ีไวส้ าหรบั ใสช่ ื่อ Directory ทเ่ี ราต้องการจะไปหน้าหลักที่ใชง้ าน เหมอื นกบั ปมุ่ Mkdir คือกดตรงปุม่ ChgDir แล้วจะปรากฏ ช่องวา่ งสาหรับ ใหเ้ ราพิมพ์ชอื่ Directory ทเ่ี ราตอ้ งการจะไป เมื่อพิมพ์เสร็จก็กดปุ่ม Enter ก็ เรียบร้อย มไี ว้สาหรับลบ File ทเี่ ราตอ้ งการลบ หลกั การใชง้ านกไ็ ม่ยาก แค่เลือก File ที่ ต้องการแล้วกดปุ่ม Delete แล้วโปรแกรมจะมกี ารยนื ยนั ว่าต้องการลบแน่ หรือไม่ ถ้าตอ้ งการกก็ ดปุ่ม Yes ถ้าไมก่ ต็ อบก็กดป่มุ No แตถ่ า้ เลอื กไวห้ ลาย File โปรแกรมจะถามว่าต้องการลบทงั่ หมดหรือไม่ ถา้ ใชก่ ็กดปุ่ม Yes all ถ้าไม่ ก็กดปมุ่ No ไวส้ าหรบั เปลีย่ นชอ่ื File หลกั การใช้งานกเ็ ลือก File ทตี่ อ้ งการจะเปล่ยี นชื่อ แลว้ กดปุ่ม Rename แลว้ จะปรากฏชอ่ งวา่ งทีม่ ีช่ือ File ท่ีเราเลอื ก ใหเ้ ราพิมพช์ ือ่ ใหมใ่ สไ่ ปเลย ปุ่มนี้มไี ว้สาหรับดูเน้ือในของ File ในรูปแบบของ Notepad ว่าใน File นัน้ มี อะไรบา้ ง รปู แบบการใชง้ านก็ เลือก File ทเ่ี ราตอ้ งการ แล้วกดปุ่ม View โปรแกรมกจ็ ะไป Run Notepad ขึ้นมาเพื่อดเู นื้อใน File เท่าน้นั เอง ปมุ่ น้ีมไี ว้สาหรับกาหนดตัวเปิด File ว่าจะให้ File นก้ี ับโปรแกรมอะไร ต่างกับ ปุ่ม View เพราะปุ่ม View จะเปดิ กับ Notepad อย่างเดียว หลกั การใชง้ านก็ เลอื ก File ทเ่ี ราตอ้ งการแลว้ กด Exec แล้วเลือกโปรแกรมท่ีจะใช้เปดิ File ที่เราเลือกกเ็ สรจ็ สิ้น

15 การนาเอกสารเผยแพรใ่ นระบบเครือขา่ ยอนิ เตอรเ์ นต็ ป่มุ นี้ไว้ดวู า่ ใน Directory ทเ่ี ราเลือกมี File อะไรอยบู่ า้ ง ขนาดเท่าไร วธิ ีใชก้ ็ แค่เลือกปุ่ม Directory ทต่ี ้องการ แลว้ กดปุ่ม DirInfo โปรแกรมก็จะปรากฏ รายละเอยี ดของ Directory ทเี่ ราเลอื กในรูปแบบของ notepad ปุม่ นี้ไว้สาหรับเปลีย่ นชื่อ Directory ต่างๆ หลกั การใชง้ านก็เหมือนกับปุ่ม Rename ปุ่มน้ีเหมอื นปุ่ม Reload ในโปรแกรม Netscape คือไว้สาหรบั ดชู ่ือ File ล่าสดุ ใน Directory ทเี่ ราอยู่ หลักการใช้งานก็แค่กดปมุ่ Refresh โปรแกรมก็ จะทาการ List ชื่อ File ล่าสดุ ทม่ี ใี ห้เราดู 2 ปมุ่ นมี้ ีไว้สาหรับ Download หรอื Upload จาก Server ftp ต่างๆ เป็นเลือกลูกศรตามทตี่ ้องการ ลกั ษณะของการ Upload หรือการ Download File ลกั ษณะของการ Upload ขอ้ มูลเสร็จสมบรู ณ์

16 การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอินเตอร์เนต็ ลกั ษณะของโปรแกรมน้ี คือใช้งานไดง้ า่ ยและเปน็ โปรแกรมที่มชี ือ่ อีกโปรแกรมหน่งึ ทใ่ี ช้ใน การ Download หรอื การ Upload ข้อมลู ตา่ งๆ ไปยงั ทตี่ า่ งใน Server ftp ต่างๆ และมีความนา่ สนใจใน การท่จี ะนาโปรแกรมนี้มาใช้ในชวี ิตประจาวนั สามารถนามาใช้ในการทางานในการถา่ ยโอนข้อมลู ท่ีมี ประโยชนใ์ นการทางานตอ่ ไป

17 การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอินเตอรเ์ นต็ บตั รกจิ กรรมท่ี 1 คาชี้แจง ให้นกั เรียนสืบคน้ หาเว็บไซตต์ ามที่โจทย์กาหนดแลว้ บนั ทึก URL ลงในชอ่ งวา่ ง (10 คะแนน) 1. จงบอกเวบ็ ไซต์ท่ีให้บรกิ ารพนื้ ท่ีสาหรบั โฮมเพจฟรี จานวน 5 เว็บไซต์ (5 คะแนน) ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. 2. จงบอกเวบ็ ไซต์ทีใ่ ห้บรกิ ารเชา่ พน้ื ทสี่ าหรับฝากโฮมเพจ จานวน 5 เวบ็ ไซต์ (5 คะแนน) ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. ……………………………………………………………………………………………………………………. …………………………………………………………………………………………………………………….

18 การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอินเตอร์เน็ต บตั รกจิ กรรมที่ 2 คาส่งั ใหน้ ักเรยี นแบ่งกล่มุ กลมุ่ ละ 4-5 คน ใหท้ าเว็บไซด์ เก่ียวกบั เนอื้ หาวิชาทเี่ รียน เช่นวชิ าภาษาไทย คณิตศาสตร์ วิทยาศาสตร์ ฯลฯ ท้ังหมดขน้ั ต่า 6 หน้า ประกอบดว้ ยเน้ือหา 5 หนา้ และหนา้ ผจู้ ดั ทา 1 หน้า แลว้ นาไฟลเ์ ว็บเชื่อมโยง เอกสารเขา้ หากนั สง่ ครูในรูปแบบรายงาน (รปู เล่ม 20 คะแนน)รูปแบบไฟล์ ตวั โปรแกรม Write CD และสง่ มาที่ Classroom (30 คะแนน) บันทกึ ชือ่ ไฟล์ : ช่ือเรือ่ ง.html (web.html) ส่งงานมาท่ี E-mail: : https://classroom.google.com สง่ หอ้ งเรียนของตนเอง พมิ พ์หวั ข้อ ส่งงาน Project HTML ชื่อนักเรียน ชนั้ .. เลขท.่ี .....

19 การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอนิ เตอรเ์ น็ต แบบทดสอบหลังเรียน เรอ่ื ง การสร้างเว็บเพจดว้ ยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้นั มัธยมศกึ ษาปีที่ 3 กลุ่มสาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ชดุ ที่ 10 เร่ือง การนาเอกสารเผยแพรใ่ นระบบเครอื ข่ายอินเตอร์เน็ต คาชี้แจง นักเรียนเลือกคาตอบท่ีถกู ต้องทส่ี ุดเพยี งคาตอบเดยี ว แล้วทาเครือ่ งหมาย  ลงในกระดาษคาตอบ (10 คะแนน) 1. ข้ันตอนการขอใชบ้ ริการพน้ื ทฟ่ี รีของ Web Sever ทีเ่ ปดิ บรกิ ารส่งิ แรกเราตอ้ งทาคืออะไร ก. การสมคั รเป็นสมาชกิ ข. วธิ กี าร Upload ขอ้ มูลข้นึ ค. เง่อื นไข และข้อตกลงต่างๆ ง. เคร่อื งบริการ Web Server บรกิ ารอยทู่ ี่ใด 2. การนาแฟมา ข้อมูลจากเคร่ืองคอมพิวเตอร์เขา้ ไปสู่ระบบเครือข่ายอนิ เตอรเ์ นต็ เรียกว่าอะไร ก. การอพั โหลด (Upload) ข. การอพั ดาต้า (Up Data) ค. การดาวนโ์ หลด (Download) ง. การทรานเฟอร์ไฟล์ (Tranfer File) 3. การถา่ ยโอน หรือ Upload ขอ้ มูลไปยงั File Server โดยใช้โปรแกรม เรยี กวา่ ก. STP ข. FTP ค. UTP ง. FPT

20 การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอินเตอรเ์ น็ต 4. เวบ็ ไซตท์ ี่ให้บริการฟรที างดา้ นให้พน้ื ทใ่ี นการเก็บข้อมลู มชี ื่อเรียกตรงกบั ข้อใด ก. Free Host ข. Free Web site ค. Free Host Services ง. Free Web Hosting 5. ข้อใดกล่าวไม่ถูกต้องเก่ียวกบั เวบ็ ไซต์ท่ใี ห้บริการทางด้านพ้ืนทีส่ าหรบั การเกบ็ เอกสารเวบ็ ฟรี ก. เนือ้ ท่ีในการเกบ็ ขอ้ มูลเอกสารเวบ็ น้นั มีค่อนข้างจากัด ข. ไมต่ อ้ งเสยี คา่ ใช้จ่ายใดๆ ทงั้ ส้ินสาหรบั การเก็บข้อมูล ค. มกี ารบรกิ ารใหค้ าแนะและช่วยเหลอื ปัญหาท่ีเกิดข้ึนต่างๆ เปน็ อยา่ งดี ง. เวบ็ ไซตน์ ้นั อาจทาการเพิ่มข้อความโฆษณา ลงไปในเอกสารเว็บทน่ี าไปเกบ็ ไว้ 6. ขอ้ ใดคือช่ือเรยี กพนื้ ที่ทใี่ ห้บรกิ ารสาหรับการเกบ็ แฟมา ข้อมลู เวบ็ ไซต์ ก. เว็บโฮสติ้ง ข. เวบ็ เซิรฟ์ เวอร์ ค. เวบ็ บราวเซอร์ ง. เครอื่ งเซิร์ฟเวอร์ 7. โปรแกรมทีใ่ ชใ้ นการ upload ข้อมลู ขึ้น website ก. HTML / Firefox ข. HTML / FileZilla ค. WS_FTP / Firefox ง. WS_FTP / FileZilla 8. การนาแฟมา ข้อมลู จากระบบเครอื ข่ายอินเตอรเ์ น็ตเข้ามาเก็บไวย้ งั เครอ่ื งคอมพิวเตอรเ์ รยี กวา่ อะไร ก. การอพั โหลด (Upload) ข. การอัพดาต้า (Up Data) ค. การดาวนโ์ หลด (Download) ง. การทรานเฟอร์ไฟล์ (Tranfer File)

21 การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอนิ เตอร์เนต็ 9. เครื่องคอมพิวเตอร์ทท่ี าหน้าทีใ่ ห้บริการสาหรบั เกบ็ เอกสารเว็บเพจและนาเสนอข้อมลู เอกสาร เว็บเพจมีชอ่ื เรยี กว่าอะไร ก. ไฟล์เซริ ฟ์ เวอร์ ข. เวบ็ บราวเซอร์ ค. เว็บเซิร์ฟเวอร์ ง. เครื่องเซิร์ฟเวอร์ 10. ข้อใดกล่าวไม่ถูกต้อง ก. การนาเสนอข้อมลู ในระบบเครือข่ายอนิ เทอรเ์ นต็ จาเป็นตอ้ งมเี คร่ืองคอมพวิ เตอร์ท่ที าหนา้ ที่ เปน็ เวบ็ เซิรฟ์ เวอร์ ข. การนาขอ้ มลู เขา้ สูร่ ะบบเครือข่ายอนิ เทอรเ์ นต็ ขอ้ มลู ท้งั หมดต้องถูกเก็บไวท้ เ่ี คร่อื งท่ีทาหน้าท่ี เป็นคอมพิวเตอร์แมข่ ่ายเสมอ ค. เมือ่ นาข้อมูลเข้าสู่เคร่ืองเวบ็ เซริ ์ฟเวอร์ แลว้ ไมจ่ าเป็นตอ้ งติดต่อผบู้ รหิ ารเครื่องคอมพวิ เตอร์ แม่ขา่ ยเพราะเครื่องจะทาใหโ้ ดยอัตโนมัติ ง. มีหน่วยงานทใ่ี หบ้ รกิ ารเกีย่ วกับการให้พืน้ ทเี่ ก็บข้อมูลสาหรับนาเสนอสู่ระบบเครือข่าย อนิ เทอร์เนต็ ฟรแี ละเก็บค่าบรกิ ารรายเดือน

22 การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอนิ เตอร์เนต็ กระดาษคาตอบแบบทดสอบหลังเรยี น เรอ่ื ง การสร้างเว็บเพจดว้ ยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมธั ยมศกึ ษาปที ี่ 3 กลมุ่ สาระการเรียนรู้การงานอาชพี และเทคโนโลยี ชดุ ท่ี 10 เรอื่ ง การนาเอกสารเผยแพรใ่ นระบบเครือขา่ ยอนิ เตอรเ์ นต็ ชื่อ – นามสกุล ........................................................................ชัน้ มธั ยมศกึ ษาปีที่ 3 เลขที่ ........ ข้อ ก ข ค ง คะแนนเต็ม 10 1 คะแนนได้ 2 3 ผลการประเมิน 4  ดีมาก 5  ดี 6  ปานกลาง 7  ปรับปรงุ 8 9 (ลงช่ือ).....................................ผปู้ ระเมนิ 10 (นายณัฐวุฒิ ณรงคเ์ ดชา) วนั ที่ ........เดอื น.....................พ.ศ.......... เกณฑก์ ารประเมิน อย่ใู นเกณฑ์ ดีมาก คะแนนระหวา่ ง 9 - 10 อยใู่ นเกณฑ์ ดี คะแนนระหวา่ ง 7 - 8 อยใู่ นเกณฑ์ ปานกลาง คะแนนระหวา่ ง 5 - 6 อยู่ในเกณฑ์ ปรับปรุง คะแนนระหว่าง 0 - 4

23 การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอินเตอร์เน็ต เฉลยแบบทดสอบก่อนเรยี น เรือ่ ง การสรา้ งเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ชน้ั มธั ยมศกึ ษาปีท่ี 3 กลมุ่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ชุดท่ี 10 เร่ือง การนาเอกสารเผยแพรใ่ นระบบเครอื ข่ายอินเตอรเ์ นต็ 1. ค 2. ก 3. ก 4. ง 5. ค 6. ง 7. ก 8. ค 9. ข 10. ค

24 การนาเอกสารเผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต เฉลยแบบทดสอบหลังเรียน เรอื่ ง การสรา้ งเว็บเพจดว้ ยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมัธยมศึกษาปีท่ี 3 กล่มุ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดท่ี 10 เร่อื ง การนาเอกสารเผยแพรใ่ นระบบเครอื ข่ายอินเตอรเ์ นต็ 1. ก 2. ก 3. ข 4. ง 5. ค 6. ก 7. ง 8. ค 9. ค 10. ค

25 การนาเอกสารเผยแพรใ่ นระบบเครือขา่ ยอินเตอรเ์ น็ต

26 การนาเอกสารเผยแพร่ในระบบเครือขา่ ยอนิ เตอรเ์ นต็ บัตรเฉลยกิจกรรมท่ี 1 คาชี้แจง ให้นักเรยี นสืบคน้ หาเวบ็ ไซต์ตามท่ีโจทย์กาหนดแล้วบนั ทึก URL ลงในช่องวา่ ง (10 คะแนน) 1. จงบอกเว็บไซต์ที่ใหบ้ ริการพื้นที่สาหรบั โฮมเพจฟรี จานวน 5 เวบ็ ไซต์ (5 คะแนน) 1) http://geocities.yahoo.com 2) http://www.xoasis.com 3) http://www.fortunecity.com 4) http://www.netfirms.com 5) http://www.freeservers.com 2. จงบอกเวบ็ ไซต์ท่ีใหบ้ ริการเช่าพน้ื ท่ีสาหรับฝากโฮมเพจ จานวน 5 เวบ็ ไซต์ (5 คะแนน) 1) http://www.hostsearch.com 2) http://www.thaiat.com 3) http://www.yourconnect.com 4) http://www.ksc.net 5) http://www.truerack.com

27 การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอินเตอร์เน็ต บตั รกิจกรรมท่ี 2 คาสั่ง ให้นกั เรยี นแบ่งกลุ่ม กลุ่มละ 4-5 คน ให้ทาเว็บไซด์ เกย่ี วกับเนื้อหาวชิ าที่เรียน เช่นวชิ าภาษาไทย คณิตศาสตร์ วิทยาศาสตร์ ฯลฯ ทงั้ หมดขน้ั ต่า 6 หนา้ ประกอบดว้ ยเนื้อหา 5 หนา้ และหน้าผู้จดั ทา 1 หน้า แล้วนาไฟล์เวบ็ เชอ่ื มโยง เอกสารเข้าหากัน สง่ ครูในรปู แบบรายงาน (รปู เล่ม 20 คะแนน)รูปแบบไฟล์ ตัวโปรแกรม Write CD และสง่ มาที่ Classroom (30 คะแนน) บนั ทกึ ชอื่ ไฟล์ : ชื่อเร่อื ง.html (web.html) สง่ งานมาที่ E-mail: : https://classroom.google.com ส่งหอ้ งเรยี นของตนเอง พมิ พ์หัวข้อ ส่งงาน Project HTML ชือ่ นกั เรยี น ชน้ั .. เลขท่ี...... แนวคำตอบ บตั รเฉลยกิจกรรมที่ 2 (ตัวอย่ำงผลงำนนกั เรยี น) –

28 การนาเอกสารเผยแพร่ในระบบเครอื ข่ายอนิ เตอรเ์ น็ต บรรณานกุ รม กระทรวงศึกษาธกิ าร,สานกั งานคณะกรรมการการศึกษาข้นั พ้นื ฐาน. (2551). ตัวชีว้ ัดและ สาระการเรยี นรู้แกนกลาง กลมุ่ สาระการเรยี นรูก้ ารงานอาชีพและเทคโนโลยี ตามหลกั สูตรแกนกลางการศกึ ษาขัน้ พ้นื ฐาน พทุ ธศกั ราช 2551. สานกั วิชาการ และมาตรฐานการศึกษา กรุงเทพฯ จนั ทรเ์ พ็ญ เชอื้ พานชิ . (2549). “นวตั กรรมการศกึ ษาไทย :รปู แบบการเรียนการสอน” นวัตกรรม การจดั การเรียนรู้ตามแนวปฏริ ูปการศกึ ษา. ศูนย์ตาราและเอกสารทาง วชิ าการ คณะศกึ ษาศาสตร์ จฬุ าลงกรณ์มหาวิทยาลัย. ชัยวฒั น์ สทุ ธิรัตน์ . (2552). 80 นวัตกรรมการจัดการเรยี นรทู้ เี่ นน้ ผู้เรียนเปน็ สาคญั . กรงุ เทพฯ: บรษิ ัท แดเน็กซ์ อนิ เตอร์คอรป์ ปอเรชัน่ . สุวทิ ย์ มลู คา และ อรทัย มลู คา (2545). 19 วิธีจัดการเรียนรู้ : เพื่อพัฒนาความร้ทู ักษะ. พิมพค์ รง้ั ที่ 3. กรุงเทพฯ : โรงพมิ พ์ภาพพิมพ์ ศูนยส์ ง่ เสริมวชิ าการ. 231/4 ซอยวัดกระสังข์กระจาย เขตบางกอกใหญ่ กรุงเทพ. เว็บครูณัฐวุฒิออนไลน์ web : https://sites.google.com/a/snr.ac.th/nattawut/home

29 การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอินเตอรเ์ นต็ คานา ชุดการเรียนรู้การสร้างเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมัธยมศึกษาปีที่ 3 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดที่ 10 เร่ือง การนาเอกสารเผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต เป็นเคร่ืองมือสาคัญในกระบวนการจัดการเรียน การสอน ซงึ่ จะช่วยกระตุน้ กระบวน การเรียนรแู้ ละตรวจสอบคณุ ภาพการเรยี นรู้ของนักเรียน ผู้จัดทาได้ ศึกษาวิเคราะห์ หลักสูตรแกนกลางการศึกษาขั้นพ้ืนฐาน พุทธศักราช 2551 อีกท้ังได้ศึกษาค้นคว้า หาความรู้ ทักษะการปฏิบัติ ทักษะด้านการคิด เพื่อนาข้อมูลมาประกอบการจัดทาชุดการเรียนรู้ การสร้างเว็บเพจดว้ ยภาษา HTML ให้สอดคล้องกับมาตรฐานการเรียนรู้ ที่มุ่งให้นักเรียนได้รับการพัฒนา ทั้งดา้ นความรู้ คุณธรรม คา่ นิยมที่ถูกต้องเหมาะสม ชุดการเรียนรู้การสร้างเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ชั้นมัธยมศึกษาปีท่ี 3 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดที่ 10 เรื่อง การนาเอกสารเผยแพร่ในระบบเครือข่ายอินเตอร์เน็ต มีจุดประสงค์การเรียนรู้ คือ อธิบายหน้าที่ ของเว็บเซิร์ฟเวอร์ ขั้นตอนของการติดต้ังโปรแกรมท่ีทาหน้าที่เป็นเว็บเซิร์ฟเวอร์ และวิธีการนาข้อมูล เขา้ สูเ่ ครอื่ งคอมพิวเตอรท์ ีท่ าหนา้ ทเี่ ป็นเว็บเซิรฟ์ เวอร์ได้ บอกลักษณะของเว็บไซต์ที่ให้บริการพ้ืนที่สาหรับ นาเสนอข้อมูลได้ ปฏิบัติทักษะในการนาเสนอข้อมูลเข้าสู่ระบบเครือข่ายอินเทอร์เน็ตได้ มีความซ่ือสัตย์ ความใฝ่รใู้ ฝ่เรียน มีความรบั ผิดชอบ ความมรี ะเบียบวินัย ผูจ้ ัดทาหวังเปน็ อยา่ งยง่ิ ว่าชุดการเรียนรู้การสร้างเว็บเพจด้วยภาษา HTML รายวชิ าเทคโนโลยี 3 รหสั วชิ า ง23102 ชนั้ มัธยมศึกษาปีท่ี 3 กลุม่ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชดุ ท่ี 10 เรอื่ ง การนาเอกสารเผยแพรใ่ นระบบเครือข่ายอนิ เตอร์เนต็ เล่มนจ้ี ะเป็นประโยชนต์ ่อผ้เู รียนในการเรยี นรู้ อยา่ งมีประสิทธิภาพ มคี วามเข้าใจ ผลสัมฤทธิ์ทางการเรียนสงู ข้ึน ขอบคุณผู้ให้ข้อเสนอแนะตลอดจน ใหก้ ารสนับสนนุ ทุกทา่ นไว้ ณ โอกาสน้ี ณฐั วฒุ ิ ณรงค์เดชา

30 การนาเอกสารเผยแพรใ่ นระบบเครือขา่ ยอินเตอร์เน็ต สารบัญ เร่อื ง หน้า คาชแ้ี จงสาหรับคร.ู .................................................................................................................. 1 บตั รคาสง่ั สาหรบั นักเรียน..................................................................................................... 2 แผนผังแสดงขัน้ ตอนการใช้ชุดการเรียนรู้การสร้างเว็บเพจด้วยภาษา HTML........................ 3 มาตรฐานการเรียนรู้ / ตัวชว้ี ัด. ............................................................................................. 4 สาระสาคัญ / จุดประสงค์การเรียนร้.ู ..................................................................................... 4 แบบทดสอบกอ่ นเรียน............................................................................................................ 5 กระดาษคาตอบแบบทดสอบก่อนเรียน.................................................................................. 8 บัตรเน้อื หา ........................................................................................................................... 9 บตั รกิจกรรมท่ี 1 .................................................................................................................. 17 บตั รกจิ กรรมที่ 2 .................................................................................................................. 18 แบบทดสอบหลงั เรียน............................................................................................................. 19 กระดาษคาตอบแบบทดสอบหลงั เรยี น................................................................................... 22 เฉลยแบบทดสอบก่อนเรยี น.................................................................................................... 23 เฉลยแบบทดสอบหลังเรยี น.................................................................................................... 24 ภาคผนวก............................................................................................................................... 25 บรรณานุกรม.......................................................................................................................... 28