แผนการจัดการเรียนรู้สร้างเว็บเบื้องต้น

บนั ทึกหลงั การสอน หนว่ ยที่ 10 การใช้มลั ติมีเดยี บนเว็บ ผลการใชแ้ ผนการเรยี นรู้ 25. เนอ้ื หาสอดคล้องกับจดุ ประสงคเ์ ชงิ พฤติกรรม 26. สามารถนำไปใช้ปฏิบตั ิการสอนไดค้ รบตามกระบวนการเรียนการสอน 27. ส่อื การสอนเหมาะสมดี ผลการเรียนของนกั เรียน 28. นกั ศกึ ษาสว่ นใหญม่ คี วามสนใจใฝ่รู้ เขา้ ใจในบทเรียน มคี วามต้ังใจในการปฏบิ ตั ิงาน 29. นักศึกษากระตือรือร้นและรบั ผดิ ชอบในการทำงาน 1. นักศึกษาแทรก Flash ลงเว็บเพจ 2. นักศกึ ษาแทรกไฟล์ .FLV ยอดนยิ ม 3. นักศึกษาเล่นเพลงในเว็บเพจดว้ ย Plugin ผลการสอนของครู 22. สอนเนอ้ื หาได้ครบตามหลกั สูตรแตต่ อ้ งเร่งสอนในช่วงการใช้ PowerPoint 23. แผนการสอนและวธิ กี ารสอนครอบคลุมเน้อื หาการสอนทำให้ผู้สอนสอนได้อย่างม่ันใจ 24. สอนได้ทนั ตามเวลาที่กำหนด

แผนการสอน/แผนการเรียนรภู้ าคทฤษฎี แผนการสอน/การเรยี นรู้ภาคทฤษฎี หนว่ ยที่ 11 ช่อื วชิ า การสรา้ งเว็บไซต์ สอนสปั ดาหท์ ี่ 17-18 ชอ่ื หน่วย การ Upload เว็บเพจขึน้ สอู่ นิ เทอร์เนต็ คาบรวม 72 ชื่อเรื่อง การ Upload เว็บเพจขนึ้ ส่อู ินเทอรเ์ น็ต จำนวนคาบ 8 หวั ข้อเร่อื ง ด้านความรู้ 2. การอัพโหลดเวบ็ ไซต์ ดา้ นทักษะ 6. ขนาดของไฟลเ์ วบ็ เพจ 7. เวบ็ เซิร์ฟเวอรห์ ลักๆ ดา้ นจิตพสิ ยั 8. พ้ืนที่ฝากเว็บไซต์บนเซริ ฟ์ เวอร์ ดา้ นคุณธรรม จริยธรรม/บรู ณาการเศรษฐกิจพอเพยี ง 9. อพั โหลดเวบ็ เพจขน้ึ ส่อู นิ เทอรเ์ นต็ ดว้ ยความระมงั ระวงั ได้ สาระสำคญั ขั้นตอนสุดท้ายหลงั จากที่เราได้สร้างเว็บเพจเรยี บร้อยแลว้ ก็คอื การอัพโหลดเวบ็ ไซต์ขึ้นสู่อินเทอร์เน็ต เพอ่ื เผยแพรใ่ ห้คนรูจ้ กั โดยขัน้ ตอนนี้ถือวา่ มีความสำคญั อย่างมาก ซงึ่ เราครวตรวจสอบไฟล์ต่าง ๆ ให้เรียบร้อยก่อน จะอพั โหลด นอกจากนี้ยงั ได้แนะนำวธิ กี ารสมคั รขอใชพ้ ้ืนท่ฟี รเี พอ่ื ใชจ้ รงิ สมรรถนะอาชีพประจำหนว่ ย 1. อพั โหลดเว็บเพจข้ึนสอู่ นิ เทอร์เน็ต จดุ ประสงค์การสอน/การเรียนรู้

• จุดประสงค์ทั่วไป / บูรณาการเศรษฐกจิ พอเพียง 1. เพอื่ ให้มีความรู้เกีย่ วกบั การสาธิตวธิ กี ารอัพโหลดเว็บไซต์ (ด้านความรู้) 2. เพือ่ ให้มที ักษะในการตรวจสอบขนาดของไฟลเ์ ว็บเพจ (ดา้ นทักษะ) 3. เพือ่ ให้มีทกั ษะในการควบคมุ เวบ็ เซิรฟ์ เวอร์หลักๆ (ดา้ นทกั ษะ) 4. เพื่อให้มเี จตคติที่ดีตอ่ การจัดหาพ้ืนท่ฝี ากเวบ็ ไซต์บนเซิร์ฟเวอรไ์ ด้ (ดา้ นจิตพิสัย) 5. เพื่ออพั โหลดเวบ็ เพจข้ึนสูอ่ ินเทอร์เนต็ ดว้ ยความระมังระวงั ได้ (ด้านคุณธรรม จรยิ ธรรม) จุดประสงคเ์ ชิงพฤติกรรม / บรู ณาการเศรษฐกิจพอเพยี ง 1. สาธติ วธิ ีการอัพโหลดเวบ็ ไซตไ์ ด(้ ด้านความรู)้ 2. ตรวจสอบขนาดของไฟล์เวบ็ เพจได้ (ด้านทกั ษะ) 3. ควบคุมเว็บเซริ ์ฟเวอร์หลกั ๆ ได(้ ด้านทกั ษะ) 6. จดั หาพนื้ ทฝ่ี ากเว็บไซต์บนเซริ ์ฟเวอร์ได้ (ดา้ นจติ พิสัย) 7. อพั โหลดเว็บเพจขนึ้ สอู่ ินเทอร์เน็ตดว้ ยความระมงั ระวงั ได้ (ดา้ นคณุ ธรรม จรยิ ธรรม) เนอื้ หาสาระการสอน/การเรยี นรู้

• ดา้ นความรู้(ทฤษฎ)ี 1. การตรวจสอบขนาดของไฟล์เวบ็ เพจ ตรวจสอบไฟล์ใหพ้ ร้อมก่อนอพั โหลด ก่อนท่เี ราจะอพั โหลดเวบ็ ไซตท์ ส่ี รา้ งขึ้นเพอื่ เผยแพรส่ สู่ ายตาคนอื่น เราควรตรวจสอบไฟล์ต่าง ๆ ให้แนใ่ จ กอ่ นวา่ เว็บไซตไ์ มม่ ีขอ้ ผดิ พลาดใด ๆ และสามารถทำงานได้อยา่ งมปี ระสิทธิภาพ ไมว่ า่ จะเปน็ ขนาดของไฟล์เว็บ เพจ ลงิ กเ์ ชือ่ มโยงระหวา่ งเวบ็ เพจกบั ไฟล์หรือเว็บไซต์อนื่ ๆ และกำจัดแท็กสว่ นเกนิ ขนาดของไฟลเ์ ว็บเพจ ขนาดของไฟลม์ คี วามสำคญั อยา่ งยง่ิ ต่อการเปิดเว็บเพจหนา้ นนั้ หากไฟล์เวบ็ เพจมีขนาดใหญย่ ่อมทำให้ใช้ เวลาในการเปิดเว็บเพจหน้าน้นั นานข้นึ (ท้ังนข้ี ้นึ อยู่กับความเรว็ ของอนิ เทอร์เนต็ และโมเดม็ ทใ่ี ช)้ ดงั นัน้ เพ่ือให้ไฟล์ เว็บเพจของเราสามารถเปิดได้รวดเร็ว แม้จะใชค้ วามเร็วของอนิ เทอร์เนต็ และโมเดม็ ทีไ่ ม่สงู นักควรจะมีขนาดอยู่ที่ 35 - 60 K ซึ่งวิธีการตรวจสอบขนาดไฟล์ของเว็บเพจรวมถึงเวลาที่ใช้ในการเปิดเว็บเพจหน้านั้น ๆ ที่โมเด็ม ความเร็ว 56 Kbps เราสามารถดูได้ที่แถบสถานะ (Status bar) ทางด้านขวาของโปรแกรม Dreamweaver ดัง รปู ลงิ กเ์ ป็นอกี สว่ นประกอบหนึ่งท่ีสำคัญท่ชี ว่ ยทำใหแ้ ต่ละเว็บเพจสามารถเชอ่ื มโยงถงึ กันได้ และยังสามารถ เชอื่ มโยงไปยงั เวบ็ ไซตอ์ ื่นไดอ้ ีก ดงั นนั้ เราควรตรวจสอบความถูกต้องของลิงก์เหลา่ นัน้ เสยี ก่อนวา่ สามารถใช้งานได้ จริงหรือไมเ่ พราะอาจเกิดปัญหาลิงก์ขาด(broken link) เช่น ไฟล์หรือเว็บไซต์ปลายทางทีก่ ำหนดไมม่ ี เปลื่ยนชื่อ หรือถูกย้ายไปแล้ววิธีการตรวจสอบลิงก์สามารถทำได้ด้วยการเปิดเว็บเพจที่ต้องการตรวจสอบลิงก์ขึ้นมา ซึ่งวิธี ตรวจสอบมีด้วยกัน 3 รปู แบบ ดังน้ี 1. ตรวจสอบลิงกท์ ั้งเวบ็ ไซต์ ทำได้โดยคลกิ เมนู Site > Check Link Sidewide

2. ตรวจสอบลิงก์ทีเ่ ช่ือมโยงกับไฟล์ทใ่ี ชง้ านอยู่ กรณไี ฟล์ที่ใช้งานอยมู่ ีลิงก์เช่ือมโยงกับไฟล์อ่ืน สามารถ ตรวจสอบได้โดยคลิกเลือกไฟลห์ รือโฟลเดอร์บนพาเนล File จากนั้นคลิกเมาส์ขวาที่ไฟล์ แล้วเลือกคำสั่ง Check Link > Selected Files 3. ตรวจสอบลิงก์ที่เชื่อมโยงกับไฟล์ทั้งหมด การตรวจสอบวิธีนี้จะคล้ายกับวิธีแรกทำได้โดยการคลิก เลือกไฟล์หรือโฟลเดอร์บนพาเนล File จากนั้นคลิกเมาส์ขวาที่ไฟล์แล้วเลือกคำสั่ง Check Links > Selected Files จากน้นั จะแสดงหนา้ ต่าง Result ซึ่งจะแสดงสาเหตขุ องลงิ ก์ที่มขี ้อผดิ พลาดโดยเราสามารถเลอื กดูลิงก์ที่มี ปัญหาแยกตามประเภทได้ โดยเลือกทชี่ อ่ ง Slow ดงั น้ี - Broken Links ไฟลป์ ลายทางทเ่ี รยี กใช้น้นั ไมม่ ภี ายในเวบ็ ไซต์เดียวกนั - External Links โปรแกรมจะตรวจสอบเฉพาะรูปแบบการใช้ลงิ กท์ ี่เช่ือมตอ่ ภายนอกเวบ็ ไซต์ แต่ไม่ได้ ตรวจสอบว่าไฟล์นั้นมอี ยจู่ รงิ ไม - Orphaned Files แสดงไฟลใ์ นเว็บไซต์เดยี วกันทไี่ มไ่ ด้ถูกลิงกห์ รอื เรียกใชง้ านเลย 2. แกไ้ ขปญั หาลิงก์ขาด หลังจากตรวจพบว่ามีลงิ กข์ าด หรือลงิ กท์ ี่ไม่พบไฟล์ปลายทางที่เรยี กใชง้ านเราสามารถแกไ้ ขปญั หาน้ไี ด้ ดังนี้ 1. คลิกแทบ็ Link Checker บนพาเนล Result

2. คลิกปุ่มเลือกโฟลเดอร์ท้ายลิงก์ที่ต้องการแก้ไข เพื่อเลือกไฟล์ปลายทางใหม่ จากนั้นจะแสดง ไดอะลอ็ กบอ็ กซแ์ จง้ ต้องการแกไ้ ขลิงก์นี้ทกุ จุดท่มี ีการเรียกใชห้ รือไม่ 3. คลกิ ปุม่ Yes เม่อื ตอ้ งการแกไ้ ขทกุ จุดทีม่ ีการเรยี กใช้ลิงก์นั้น (ถา้ ต้องการแกไ้ ขเฉพาะจุดที่กำลังเลือก ให้คลกิ No) 3. กำจดั แท็ก HTML สว่ นเกิน ในบางครงั้ การสร้างคำสัง่ HTML โดยใชโ้ ปรแกรม Dreamweaver อาจเกดิ แท็กท่ีไม่จำเปน็ หรือแท็ก ส่วนเกินขน้ึ มาโดยอัตโนมตั ิ ดงั นั้นเราควรตรวจสอบและกำจัดแท็กสว่ นเกดิ เหล่านน้ั กอ่ นอัพโหลดไฟล์ เพ่ือลด ขนาดไฟล์เว็บเพจซึ่งทำไดด้ ังนี้ 1. เปิดเวบ็ เพจท่ตี อ้ งการตรวจสอบขึน้ มา 2. คลกิ เมนู Commands > Clean Up HTML… 3. กำหนดคุณสมบัตขิ องแทก็ ทีต่ ้องการกำจัดโดยแนะนำใหเ้ ลือก 3 หวั ขอ้ แรก คือ - Empty container tags กำจัดแท็กว่างทไี่ มม่ ีข้อมลู อยู่ในแท็ก - Redundant nested tags กำจดั แทก็ ที่ซอ้ นแท็กดว้ ยกัน - Non – Dreamweaver HTML comments กำจดั หมายเหตุคำสงั่ HTML ทไี่ มไ่ ด้มาจาก โปรแกรม Dreamweaver 4. กำหนดคุณสมบัติเสรมิ ของการกำจดั แท็ก โดยแนะนำให้เลือกทั้ง 2 หัวขอ้ คอื - Combine nested <font> Tags when possible ถา้ เปน็ ไปไดใ้ หร้ วมแทก็ ไวด้ ้วยกนั

- Show log on completion แสดงสถานการณ์กำจัด 5. คลกิ ปมุ่ OK จากน้ันโปรแกรมจะแสดงไดอะล็อกบอ็ กซส์ รุปผลการลบแทก็ HTML ทไี่ มจ่ ำเปน็ ออกไปจากเว็บเพจที่ ตรวจสอบ 6. คลกิ ปมุ่ OK 4. ตรวจสอบเวบ็ เพจกบั บราวเซอร์เป้าหมาย ดังที่กล่าวแล้วว่าการทดสอบเว็บเพจในแต่ละบราวเซอร์นั้นจะแสดงผลที่แตกต่างกันไปซึ่ง Dreamweaver จะมีคำส่ังที่ใช้ตรวจสอบเว็บเพจกบั บราวเซอร์ที่ใช้งานได้ จึงทำให้เรารู้ว่าเว็บเพจสามารถใช้งาน ไดก้ บั บราวเซอร์ใดบา้ งซงึ่ สามารถตรวจสอบได้โดยเปดิ เว็บเพจทีต่ อ้ งการตรวจสอบขึ้นมา แลว้ ทำตามข้นั ตอนดังน้ี 1. คลิกแทบ็ Browser Compatibility 2. คลิกลกู ศรแล้วเลือกคำส่ัง Check Browser Compatibility

จากนั้นจะแสดงหน้าต่าง Results ขึ้นมา เราสามารถตรวจสอบรายละเอียดปัญหาและบราวเซอร์ที่เกิด ปัญหา ตลอดจนตรวจสอบบรรทัดที่เกิดปัญหาได้ นอกจากนี้เรายังสามารถเลือกบราวเซอร์เป้าหมายที่ต้องการ ตรวจสอบโดยเลือกคำสัง่ Settings จากนัน้ เลอื กบราวเซอรแ์ ละรนุ่ เปา้ หมาย แลว้ คลกิ ปุ่ม OK 5. การหา Web Hosting สำหรับเวบ็ ไซต์ เมอื่ ตรวจสอบความถกู ต้องของไฟลเ์ รียบรอ้ ยแลว้ ขนั้ ตอนที่สำคัญก็คือการหา Web Hosting สำหรับ แสดงเวบ็ ไซตท์ สี่ ร้างขึน้ ซึ่ง Web hosting มอี ยู่ด้วยกัน 2 แบบ คอื แบบ “ฟรี” และแบบ “ไม่ฟร”ี - Web Hosting แบบไมฟ่ รี เป็นการขอเช่าพนื้ ที่ในการเก็บขอ้ มูล ซ่ึงมใี ห้เลอื กหลากหลายขนาดข้ันต่ำ ประมาณ 15 Mb ขึ้นไป โดยราคาขึ้นอยู่กับขนาดพื้นที่ที่เช่าและบริการเสริมที่มี การเช่าพื้นที่นั้นควรคำนึงถึง ขนาดของไฟล์ที่สร้างขึ้นทั้งหมด (ซึ่งอาจจะบวกเพิ่มได้) เช่น ถ้าขนาดของไฟล์ทัง้ หมดมีขนาดไม่ถึง 15 Mb แต่ เลือกเช่าพื้นที่ขนาด 50 Mb ก็อาจทำให้เสียเงินโดยเปล่าประโยชน์ เป็นต้น ดังนั้นก่อนตัดสินใจเช่าพื้นที่ควร ตรวจสอบและเปรียบเทียบข้อมูลใหด้ ี - Web Hosting แบบฟรี สำหรับ Web Hosthing ประเภทนีเ้ หมาะสำหรบั มอื ใหม่ท่ีตอ้ งการมีเว็บไซต์ ส่วนตัว หรือผู้ที่ยังไม่ต้องการเสียค่าใชจ้ ่ายในเช่าพ้ืนที่ แต่ก็มีข้อจำกัดหลายอย่าง เช่น ไม่มีอีเมลให้ใช้, อาจไม่มี บริการ FTP, ไม่สามารถใช้งานภาษาสคริปต์และฐานข้อมลู ได้ หรือมักมีแบนเนอร์ปรากฏบนเว็บเพจ เป็นต้น ซ่งึ Web Hosthing มีอยมู่ ากมายหลายราย เช่น www.tripod.lycos.com หรอื www.000webhost.com - เพื่อเป็นการทดสอบเว็บไซต์ที่สร้างขึ้น ผู้เขียนแนะนำให้ใช้ Web Hosting แบบฟรี เช่น www.tripod.lycos.com หรือ www.thport.com เป็นตน้ ในท่นี ้ผี ูเ้ ขียนขอใช้บรกิ ารเว็บไซต์www.thport.com โดยมขี ั้นตอนดังนี้ 1. เปิดเว็บไซต์ www.thport.com 2. คลิกลิงก์ Sign Up 3. กรอกข้อมลู รายละเอยี ดตา่ ง ๆ 4. คลิกป่มุ Register เพือ่ ลงทะเบียนขอใช้บริการ5. พิมพต์ วั อักษรยนื ยันตามทปี่ รากฏในชอ่ ง Type the two words

5. คลกิ ปุ่ม Register 6. หลังจากน้ันระบบจะสง่ อีเมลไปยังอีเมลแอดเดรสทรี่ ะบไุ ว้ เพือ่ ใหย้ นื ยันการใชง้ าน 7. ลอ็ กอินเขา้ สูร่ ะบบอเี มล 8. เปดิ อีเมลทส่ี ่งจาก www.thport.com 9. คลกิ ลงิ ก์เพื่อยนื ยันการใช้งาน 10. หลงั จากนั้นหนา้ ตา่ งบราวเซอร์จะปรากฏข้ึนมา 11. พิมพต์ วั อักษรยืนยนั ตามทปี่ รากฏในชอ่ ง Type the two words 12. คลกิ ปมุ่ Register เป็นอันเสร็จสิ้นขั้นตอนยืนยันการใช้งาน หลังจากนั้นทางเว็บจะแสดงรายละเอียดเก่ียวกับโฮสติ้งที่เรา จะต้องใชอ้ ัพโหลดไฟล์ตา่ ง ๆ ขนึ้ มา 6. วิธีการอัพโหลดเวบ็ ไซต์ สำหรบั การอัพโหลดไฟลต์ ่าง ๆ ของเราขึน้ ไปเกบ็ ไว้บนเซริ ์ฟเวอร์นน้ั สามารถทำได้โดยใช้Dreamweaver ซง่ึ มีขั้นตอนดงั น้ี ขัน้ ตอนท่ี 1 กำหนดค่าเว็บเซิร์ฟเวอร์ 1. คลิกลงิ ก์ Manage Sites… ในหนา้ ตา่ งพาเนล Files

2. คลกิ เลอื กไซต์ที่ต้องการอัพโหลด 3. คลิกปุม่ Edit… เพอื่ แกไ้ ขขอ้ มลู ของไซต์ จากน้นั หนา้ ตา่ ง Site Definition for… จะปรากฏขึน้ มา 4. เลอื กรายการ Servers 5. เลอื กรายการเว็บเซิรฟ์ เวอรท์ ต่ี อ้ งการแกไ้ ข 6. คลกิ ปมุ่ ดังภาพ 7. คลบิ แทบ็ Basic 8. เลือกรายการ FTP ท่ีชอ่ ง Connect using เพื่ออพั โหลดผ่านโปรโตคอล FTP 9. พิมพช์ ่อื เวบ็ เซริ ฟ์ เวอรท์ ชี่ อ่ ง FTP Address 10. พมิ พช์ อ่ื ผ้ใู ชง้ าน สำหรับเวบ็ เซริ ฟ์ เวอร์ในชอ่ ง Username

11. พิมพ์รหสั ผ่าน สำหรบั เว็บเซิร์ฟเวอรใ์ นชอ่ ง Password 12. พมิ พช์ อ่ื ไดเรกทอรบี นเวบ็ เซิร์ฟเวอรท์ ี่จะอพั โหลดข้ึนในชอ่ ง Root Directory 13. คลิกปุ่ม Save 14. คลกิ ปุม่ Save ในหน้าต่าง Site Setup for…

15. คลิกปุ่ม Done ในหนา้ ต่าง Manage Sites ขน้ั ตอนที่ 2 อัพโหลดไฟลต์ า่ ง ๆ หลังจากกำหนดค่าของเว็บเซิร์ฟเวอร์เรียบร้อยแล้ว ขั้นตอนถัดไปคือการเชื่อมต่อเวบ็ เซิร์ฟเวอรแ์ ละอพั โหลดไฟลต์ า่ ง ๆ ข้นึ ไปเกบ็ ไว้ในเวบ็ เซริ ์ฟเวอร์

1. คลิกป่มุ ดงั ภาพ ในหน้าต่างพาเนล File เพือ่ เชอ่ื มต่อเวบ็ เซริ ฟ์ เวอร์ ในระหวา่ งท่ีเช่ือมต่อจะแสดงไดอะล็อกบอ็ กซก์ ารเช่อื มต่อดงั รปู จากนนั้ เมื่อเช่ือมตอ่ เว็บเซิร์ฟเวอร์ได้จะ แสดงไอคอน (เมอื่ คลกิ ปุ่ม (1.) จะปรากฏภาพรปู นี)้ ในหนา้ ตา่ งพาเนล Files 2. คลิกเลอื กรายการ Local view เพ่ืออัพโหลดไฟล์ 3. คลิกเลือกไฟล์หรือโฟลเดอร์ที่ต้องการอัพโหลด (ถ้าต้องการเลือกหลายไฟล์ให้กดแป้น Ctrl ค้างไว้ แลว้ คลิกเลอื กไฟลน์ ้ัน ๆ จนครบ) 4. คลิกปมุ่ จากนนั้ จะแสดงไดอะลอ็ กบ็อกซ์การอัพโหลด เม่อื อัพโหลดไฟล์เสร็จเรยี บรอ้ ย เราสามารถตรวจสอบขอ้ มูลท่อี ัพโหลดไปบนเวบ็ เซิรฟ์ เวอรไ์ ดโ้ ดยคลิก รายการ Remote view 7. การจดั หาพนื้ ทฝี่ ากเว็บไซต์บนเซริ ์ฟเวอร์

หลังจากได้จดโดเมนเนมแล้ว ขั้นตอนต่อไปจะต้องจัดหาพื้นที่อินเทอร์เน็ต หรือเว็บโฮสติ้ง (Web Hosting) ผูใ้ ห้บริการเช่าพน้ื ที่อนิ เทอร์เน็ตจะจัดเตรยี มเครอ่ื งเซริ ์ฟเวอร์ที่มีประสิทธิภาพสูงไวแ้ บ่งให้บุคคลอื่นเช่า โดยจะคิดค่าบริการเป็นรายปี หรือแบบอื่น ๆ ผู้ให้บริการเว็บโฮสติ้งของไทยก็มีจำนวนมาก เช่น Thaisite.net, Siaminterhost.com, Pora.com, NetDesignhost.com, ThaiEasyHost.com ฯลฯ ผใู้ ห้บรกิ ารพื้นที่โฮสต้ิงจะคิดค่าบริการเป็นรายปี ข้นึ อย่กู ับคุณภาพเครอ่ื งเซิรฟ์ เวอร์และคุณสมบัตดิ ้าน ซอฟตแ์ วร์ที่ใหบ้ รกิ าร ทั้งน้ีข้นึ อยกู่ บั พืน้ ท่ี ถ้าพน้ื ท่ีมาก เช่น 200 Mb. 500 Mb. 1 Gb. และ 2 Gb. คา่ บริการก็ จะตอ้ งสูงตามไปด้วย อย่างไรกต็ ามสำหรับผู้เริ่มต้นมเี วบ็ ไซตข์ องตนเอง สามารถขอพ้ืนท่ีโฮสตฟ์ รี ซงึ่ มอี ยู่มากมาย เช่น www.thai.net www.tripod.lycos.com www.web.thaicool.com www.codfreehost.com www.thaitopsite.com www.freeserver.com www.thaicity.com www.geocities.com www.redthird.com www.topcities.com • ด้านทักษะ+ด้านจติ พสิ ยั (ปฏิบตั +ิ ดา้ นจิตพสิ ยั ) (จุดประสงคเ์ ชงิ พฤติกรรมข้อท่ี 3-4) 12. ใบงานหน่วยท่ี 11 13. แบบฝึกหัด หนว่ ยที่ 11 14. กิจกรรมบรู ณาการอาเซยี น 15. กจิ กรรมบูรณาการเศรษฐกิจพอเพยี ง • ดา้ นคณุ ธรรม/จรยิ ธรรม/จรรยาบรรณ/บูรณาการเศรษฐกจิ พอเพยี ง (จุดประสงคเ์ ชงิ พฤติกรรมขอ้ ทึ่ 5) 1. อัพโหลดเวบ็ เพจข้ึนสู่อนิ เทอร์เน็ตด้วยความระมงั ระวงั ได้

กิจกรรมการเรียนการสอนหรอื การเรียนรู้ ขนั้ ตอนการสอนหรอื กิจกรรมของครู ข้นั ตอนการเรยี นรหู้ รอื กิจกรรมของนกั เรยี น 1. ข้ันนำเข้าสูบ่ ทเรียน ( 15 นาที ) 1. ขน้ั นำเขา้ ส่บู ทเรียน ( 15 นาที ) 1. ผู้สอนให้ผู้เรียนอ่านสาระสำคัญของเอกสาร 1. ผู้เร ียน ศึก ษาสาร ะ สำคัญ ของ เอก สาร ประกอบการสอนวิชา การสร้างเว็บไซต์หน่วยท่ี 11 ประกอบการสอนวิชา การสร้างเว็บไซต์หน่วยที่ 11 เรื่อง การ Upload เว็บเพจข้ึนสู่อินเทอรเ์ น็ต หน้าที่ เรื่อง การ Upload เว็บเพจขึ้นสู่อินเทอร์เน็ต หน้าที่ 201 201 2. ผู้สอนแจ้งจุดประสงค์การเรียนของหน่วยที่ 2. ผู้เรียนทำความเข้าใจเกี่ยวกับจุดประสงค์การ 11 เรือ่ ง การ Upload เวบ็ เพจข้ึนสู่อินเทอรเ์ น็ต เรียนของหนว่ ยเรียนท่ี 11 เรอื่ ง การ Upload เว็บเพจ ขึ้นสูอ่ นิ เทอร์เนต็ 3. ผู้สอนให้ผู้เรียนสาธิตวิธีการอัพโหลดเว็บไซต์ 3. สาธิตวิธีการอัพโหลดเว็บไซต์พร้อมให้เหตุผล พร้อมให้เหตุผลประกอบ โดยครูเป็นผู้ให้คำแนะนำ ประกอบ พร้อมใหเ้ หตผุ ลประกอบโดยขอคำแนะนำจาก อย่างใกล้ชดิ ผู้สอนหรือศึกษาจากเอกสารประกอบการสอนวิชา การ สรา้ งเลเยอร์ 2. ขนั้ ให้ความรู้ ( 255 นาที ) 2. ขั้นใหค้ วามรู้ ( 255 นาที ) 1. ผู้สอนแนะนำวิธีการใช้เอกสารประกอบการ 1. ผู้เรียนศึกษาบทเรียนคอมพิวเตอร์ช่วยสอน สอนวิชา การสร้างเว็บไซต์ หน่วยท่ี 11 เรื่อง การ ประกอบกับเอกสารประกอบการสอนวิชา การสร้าง Upload เว็บเพจขน้ึ ส่อู ินเทอรเ์ นต็ เวบ็ ไซต์ หน่วยท่ี 11 เรือ่ ง การ Upload เว็บเพจข้ึนสู่ อนิ เทอร์เน็ต

2. ผู้สอนเปิดโอกาสให้ผู้เรียนถามปัญหา และ 2. ผูเ้ รยี นซักถามขอ้ สงสัยทเ่ี กดิ ข้ึน ข้อสงสัยจากเนื้อหา โดยครูเป็นผู้ตอบปัญหาที่เกดิ ข้นึ ระหวา่ งการเรยี นการสอน 3. ผู้สอนให้ผู้เรียนตั้งคำถามที่ได้จากการเรียน 3. ผู้เรียนตั้งคำถามคนละ 1 ข้อ พร้อมเรียก การสอนคนละ 1 ขอ้ และเรยี กเพอื่ นตอบ เพอ่ื นตอบ 3. ข้ันประยุกตใ์ ช้ ( 120 นาที ) 3. ขัน้ ประยุกต์ใช้( 120 นาที ) 1. ผู้สอนให้ผู้เรียนทำใบงานหน่วยที่ 11 เรื่อง 1. ผู้สอนให้ผู้เรียนทำใบงานหน่วยที่ 11 เรื่อง การ Upload เว็บเพจขน้ึ สู่อินเทอรเ์ น็ต หน้าท่ี 219- การ Upload เว็บเพจขึ้นสู่อินเทอร์เน็ต หน้าที่ 219- 220 220 2. ผู้สอนให้ผู้เรียนทำแบบฝึกหัดหน่วยที่ 11 หน้าท่ี 221-222 2. ผู้สอนให้ผู้เรียนทำแบบฝึกหัด หน่วยที่ 11 หน้าท่ี 221-222 กิจกรรมการเรียนการสอนหรือการเรยี นรู้ ขัน้ ตอนการสอนหรือกจิ กรรมของครู ขนั้ ตอนการเรียนรหู้ รือกจิ กรรมของนกั เรยี น 4. ผู้สอนให้ผู้เรียนสืบค้นข้อมูลจาก Web 1. ผู้เรียนสืบค้นข้อมูลจาก Web Guide หน้าท่ี Guide หน้าที่ 217 หรือหาความรู้เพิ่มเติมจาก 217 หรอื หาความรู้เพิ่มเตมิ จากอินเทอร์เน็ต อนิ เทอรเ์ น็ต 4. ข้นั สรุปและประเมินผล ( 90 นาที ) 4. ข้ันสรปุ และประเมนิ ผล( 90 นาที ) 1. ผู้สอนและผู้เรียนร่วมกันสรุปเนื้อหาที่ได้ 1. ผสู้ อนและผู้เรียนร่วมกันสรุปเน้ือหาท่ีได้เรียนให้ เรียนใหม้ ีความเข้าใจในทศิ ทางเดยี วกนั มคี วามเขา้ ใจในทศิ ทางเดยี วกัน 2. ผ้สู อนให้ผเู้ รยี นทำกจิ กรรมบูรณาการอาเซียน 2. ผู้เรียนทำกิจกรรมบูรณาการอาเซียน หน้าที่ หนา้ ท่ี 233 233 3. ผู้สอนให้ผู้เรียนทำกิจกรรมบูรณาการ 3. ผู้เรียนทำกิจกรรมบูรณาการเศรษฐกิจพอเพียง เศรษฐกจิ พอเพยี ง หนา้ 224 หน้า 224 4. ผู้สอนให้ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน 4. ผู้เรียนศึกษาเพ่มิ เตมิ นอกห้องเรยี น ด้วยบทเรียน ดว้ ยบทเรยี นคอมพวิ เตอรช์ ว่ ยสอนท่จี ัดทำขึ้น คอมพิวเตอรช์ ว่ ยสอนทจ่ี ดั ทำขน้ึ (บรรลจุ ุดประสงคเ์ ชงิ พฤติกรรมขอ้ ที่ 1-5) (บรรลุจดุ ประสงค์เชงิ พฤตกิ รรมขอ้ ที่ 1-5) (รวม 480 นาที หรอื 8 คาบเรยี น)

งานทมี่ อบหมายหรอื กิจกรรมการวดั ผลและประเมินผล กอ่ นเรยี น 1. จัดเตรยี มเอกสาร ส่ือการเรยี นการสอนหนว่ ยที่ 11 2. ทำความเข้าใจเกย่ี วกับจดุ ประสงค์การเรียนของหนว่ ยเรยี นท่ี 11 และให้ความรว่ มมอื ในการทำ กจิ กรรมต่าง ๆ ขณะเรยี น 30. ปฏบิ ัติตามใบงานท่ี 11 เรอ่ื ง การ Upload เว็บเพจขน้ึ ส่อู นิ เทอร์เนต็ 31. ปฏิบตั ิทำแบบฝึกหัดหน่วยท่ี 11 32. รว่ มกนั สรุป “การ Upload เวบ็ เพจข้ึนสู่อินเทอร์เน็ต” หลังเรยี น 1. ทำกจิ กรรมบรู ณาการอาเซยี น 2. ทำกิจกรรมบรู ณาการเศรษฐกจิ พอเพยี ง คำถาม 27. สามารถแก้ไขปญั หาลงิ ค์ขาดไดอ้ ยา่ งไร

28. จงอธบิ ายความหมายของการหา Web Hosting สำหรับเวบ็ ไซต์ 29. จัดการหาพ้ืนท่ีฝากเวบ็ ไซต์บนเซริ ฟ์ เวอร์ได้อยา่ งไร 30. อพั โหลดเว็บไซตล์ งบนเซริ ฟ์ เวอร์ได้อยา่ งไร ผลงาน/ช้ินงาน/ความสำเร็จของผ้เู รียน ใบงาน แบบฝึกหดั กิจกรรม สมรรถนะท่พี ึงประสงค์ ผเู้ รียนสรา้ งความเข้าใจเกย่ี วกับการ Upload เวบ็ เพจขึน้ สูอ่ ินเทอร์เน็ต 45. วเิ คราะห์และตีความหมาย 46. ตงั้ คำถาม 47. อภปิ รายแสดงความคิดเหน็ ระดมสมอง 48. การประยุกตค์ วามรู้สงู่ านอาชพี สมรรถนะการปฏบิ ตั ิงานอาชีพ 3. อพั โหลดเว็บเพจข้ึนสู่อนิ เทอร์เน็ต สมรรถนะการขยายผล ความสอดคลอ้ ง จากการเรียน เรื่อง การ Upload เว็บเพจขึ้นสู่อินเทอร์เน็ต ทำให้ผู้เรียนมีความรู้เพิ่มเกี่ยวกับขั้นตอน สดุ ทา้ ยหลังจากทเ่ี ราไดส้ ร้างเวบ็ เพจเรียบร้อยแล้วก็คอื การอพั โหลดเวบ็ ไซตข์ ึ้นส่อู ินเทอร์เน็ต เพือ่ เผยแพรใ่ หค้ นรูจ้ กั โดยข้นั ตอนนถี้ ือว่ามีความสำคัญอย่างมาก ซง่ึ เราครวตรวจสอบไฟล์ต่าง ๆ ใหเ้ รียบร้อยกอ่ นจะอัพโหลด นอกจากนี้ ยังไดแ้ นะนำวิธีการสมัครขอใชพ้ น้ื ทีฟ่ รเี พ่อื ใชจ้ รงิ

สื่อการเรยี นการสอน/การเรยี นรู้ สือ่ ส่ิงพมิ พ์ 56. เอกสารประกอบการสอนวชิ า การสร้างเว็บไซต์ (ใช้ประกอบการเรียนการสอนจุดประสงคเ์ ชิง พฤตกิ รรมข้อท่ี 1-5) 57. ใบความรู้ท่ี 11 เรือ่ ง การ Upload เว็บเพจขนึ้ ส่อู นิ เทอรเ์ นต็ (ใช้ประกอบการเรียนการสอนขน้ั ให้ ความรู้ เพ่ือใหบ้ รรลุจุดประสงค์เชิงพฤติกรรมข้อที่ 1-5) 58. ใบงานที่ 11 เรอ่ื ง การ Upload เวบ็ เพจข้นึ สูอ่ ินเทอร์เนต็ ขนั้ ประยกุ ต์ใช้ 1 59. แบบฝึกหัด หนว่ ยที่ 10 การ Upload เวบ็ เพจข้ึนส่อู นิ เทอรเ์ นต็ ข้ันประยุกตใ์ ช้ 2 60. กจิ กรรมบรู ณาการอาเซยี น ใช้ประกอบการสอนขั้นสรปุ และประเมินผล ข้อ 2 61. กจิ กรรมบรู ณาการเศรษฐกิจพอเพยี ง ใชป้ ระกอบการสอนข้ันสรปุ และประเมินผล ข้อ 3 62. แบบประเมนิ ผลงานตามใบงาน ใช้ประกอบการสอนขัน้ ประยุกต์ใช้ ขอ้ 1 63. แบบประเมินพฤตกิ รรมการทำงาน ใช้ประกอบการสอนขน้ั สรปุ สือ่ โสตทัศน์ (ถา้ ม)ี 10. เอกสารประกอบการสอน เรอ่ื ง การ Upload เว็บเพจขนึ้ สอู่ นิ เทอร์เนต็ สื่อของจริง การ Upload เวบ็ เพจข้นึ ส่อู ินเทอร์เนต็ (ใชป้ ระกอบการเรียนการสอนจุดประสงคเ์ ชงิ พฤติกรรมขอ้ ท่ี 1- 5)

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

การประเมินผลการเรียนรู้ • หลักการประเมินผลการเรยี นรู้ ก่อนเรียน ความร้เู บือ้ งตน้ กอ่ นการเรียนการสอน ขณะเรยี น 29. ตรวจผลงานตามใบงานท่ี 11 30. แบบฝึกหัดหน่วยที่ 11 31. สังเกตการทำงาน หลังเรยี น 1. ทำกิจกรรมบรู ณาการอาเซียน 2. ทำกิจกรรมบูรณาการเศรษฐกจิ พอเพยี ง ผลงาน/ชนิ้ งาน/ผลสำเรจ็ ของผเู้ รียน ใบงาน แบบฝึกหัด กิจกรรม

รายละเอยี ดการประเมนิ ผลการเรยี นรู้ • จุดประสงค์เชงิ พฤตกิ รรม ขอ้ ท่ี 1 สาธติ วิธีการอัพโหลดเวบ็ ไซตไ์ ด้ 34. วธิ ีการประเมิน : ทดสอบ 35. เครือ่ งมือ : แบบทดสอบ 36. เกณฑก์ ารให้คะแนน : สาธติ วิธกี ารอพั โหลดเว็บไซตไ์ ด้ จะได้ 2 คะแนน • จดุ ประสงค์เชงิ พฤติกรรม ขอ้ ท่ี 2 ตรวจสอบขนาดของไฟล์เว็บเพจได้ 34. วธิ ีการประเมนิ : ทดสอบ 35. เคร่อื งมือ : แบบทดสอบ 36. เกณฑ์การใหค้ ะแนน : ตรวจสอบขนาดของไฟลเ์ วบ็ เพจได้ จะได้ 2 คะแนน • จดุ ประสงค์เชงิ พฤตกิ รรม ข้อท่ี 3 ควบคุมเว็บเซิรฟ์ เวอรห์ ลกั ๆ ได้ 31. วธิ ีการประเมนิ : ทดสอบ 32. เคร่อื งมอื : แบบทดสอบ 33. เกณฑก์ ารให้คะแนน : ควบคมุ เว็บเซริ ์ฟเวอรห์ ลักๆ ได้ จะได้ 2 คะแนน • จดุ ประสงค์เชิงพฤติกรรม ข้อที่ 4 จดั หาพนื้ ที่ฝากเว็บไซตบ์ นเซิร์ฟเวอรไ์ ด้ 28. วิธกี ารประเมิน : ทดสอบ 29. เครือ่ งมือ : แบบทดสอบ 30. เกณฑก์ ารให้คะแนน : จัดหาพ้นื ท่ีฝากเว็บไซตบ์ นเซิรฟ์ เวอรไ์ ด้ จะได้ 2 คะแนน • จุดประสงค์เชิงพฤติกรรม ข้อที่ 5 อพั โหลดเวบ็ เพจขึ้นสอู่ ินเทอรเ์ นต็ ด้วยความระมงั ระวงั ได้ 1. วธิ ีการประเมนิ : ทดสอบ 2. เครอ่ื งมือ : แบบทดสอบ 3. เกณฑ์การใหค้ ะแนน : อัพโหลดเว็บเพจข้นึ สูอ่ นิ เทอร์เน็ตด้วยความระมังระวังได้ จะได้ 2 คะแนน ใบงานหนว่ ยที่ 11 ตอนที่ 1 ใหน้ กั เรียนตอบคำถามต่อไปน้ี

1. การตรวจสอบขนาดของไฟลเ์ ว็บเพจ มกี ว่ี ธิ ี พรอ้ มอธิบาย ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 2. การแก้ปัญหาลงิ ค์ขาดมีกีว่ ธิ ี จงอธิบาย ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 3. จงบอกความหมายของคำตอ่ ไปน้ี - Empty container tags ............................................................................................ - Redundant nested tags ........................................................................................ - Non – Dreamweaver HTML comments ..................................................................................................................................... ..................................................................................................................................... 4. Web Hosting มกี ี่แบบ จงอธบิ าย ..................................................................................................................................... .....................................................................................................................................

..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 5. จงบอกชอ่ื เว็บไซตท์ ใ่ี หบ้ ริการเนื้อทฟี่ รีในอินเทอรเ์ น็ตมา 5 เว็บไซต์ ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... แบบฝกึ หดั หน่วยที่ 11 คำชแี้ จง จงทำเครอื่ งหมาย (X) ลงหนา้ ขอ้ ท่ถี กู ต้อง 1. การตรวจสอบขนาดของไฟล์เวบ็ เพจมกี แี่ บบ i. 1 แบบ

ii. 2 แบบ iii. 3 แบบ iv. 4 แบบ 2. ขอ้ ใดคือวิธกี ารตรวจสอบขนาดของไฟล์เว็บเพจ i. Site > Check Links Sidewide ii. Site > Selected Files iii. Check Links >Links Sidewide iv. Check Links > Selected 3. ข้อใดคอื ความหมายของ Empty container tags v. กำจดั แท็กท่ซี ำ้ กัน vi. กำจัดหมายเหตคุ ำสง่ั HTML vii. กำจัดเเท็กท่ซี ้อนแทก็ ด้วยกัน viii. กำจดั เเท็กว่างที่ไมม่ ขี ้อมลู อยูใ่ นเเท็ก 4. ขอ้ ใดคอื ความหมายของ Redundant nested tags ix. กำจดั แทก็ ท่ีซ้ำกัน x. กำจดั หมายเหตุคำสัง่ HTML xi. กำจดั เเท็กที่ซ้อนแทก็ ด้วยกัน xii. กำจัดเเท็กว่างท่ไี มม่ ีขอ้ มลู อยูใ่ นเเทก็ 5. ข้อใดไม่ใช่การตรวจสอบเว็บเพจกบั เบราวเ์ ซอร์เป้าหมาย ก. คลกิ Browser Compability เลอื กคำสงั่ Check Browser Compatibility ข. คลิก Browser Compatibility เลอื กคำสั่ง Check Browser Compatibility ค. คลิก Browser Compatibilty เลือกคำสัง่ Check Browser ง. คลิก Browser Compatibility เลอื กคำส่งั Check Browser 6. การหา Web Hosting สำหรบั เว็บไซต์มกี ี่แบบ ก. 1 แบบ ข. 2 แบบ ค. 3 แบบ ง. 4 แบบ 7. ขอ้ ใดไมใ่ ช่การหา Web Hosting ก. Web Hosting แบบไมฟ่ รี

ข. Web Hosting แบบฟรี ค. ถกู ขอ้ ก. เพยี งข้อเดียว ง. ถูกข้อ ก. และข้อ ข. 8. ข้อใดท่ีไมใ่ ช่เว็บไซตท์ ่ใี หบ้ ริการพ้นื ทฟ่ี รี ก. www.thai.net ข. www.tripod.lycos.com ค. www.codfreehost.com ง. www.thailand.net 9. วธิ ีการอพั โหลดเว็บไซตม์ ีก่ีแบบ ก. 1 แบบ ข. 2 แบบ ค. 3 แบบ ง. 4 แบบ 10. ขอ้ ใดไม่ใช่ข้ันตอนการอัพโหลดของเวบ็ ไซต์ ก. จัดหาเว็บไซต์ ข. อัพโหลดไฟล์ต่าง ๆ ค. กำหนดค่าเวบ็ เซิรฟ์ เวอร์ ง. ถกู ข้อ ก. ขอ้ เดยี ว กจิ กรรมบูรณาการอาเซยี น คำสงั่ ใหน้ กั เรียนโยงเส้นความสมั พันธ์ใหถ้ ูกตอ้ ง

กิจกรรมบรู ณาการอาเซยี น คำสง่ั ใหน้ กั เรยี นโยงเสน้ ความสมั พนั ธใ์ หถ้ ูกต้อง กิจกรรม อพั โหลดเว็บไซต์ จดุ ประสงค์ สามารถอัพโหลดเว็บไซต์

ภาระงาน 1. ให้นกั เรียนสรา้ งเวบ็ ไซตข์ ึน้ มาและอัพโหลดลงเซริ ์ฟเวอร์และสง่ ใหค้ รูผสู้ อน แบบประเมนิ ผลการนำเสนอผลงาน ชอื่ กลมุ่ ……………………………………………ชนั้ ………………………ห้อง........................... รายชอื่ สมาชิก 1……………………………………เลขที่……. 2……………………………………เลขท่ี……. 3……………………………………เลขที่……. 4……………………………………เลขท่ี…….

ท่ี รายการประเมิน คะแนน ขอ้ คิดเห็น 32 1 1 เนือ้ หาสาระครอบคลุมชัดเจน (ความรู้เก่ียวกับเน้ือหา ความถกู ต้อง ปฏภิ าณในการตอบ และการแก้ไขปัญหาเฉพาะหน้า) 2 รปู แบบการนำเสนอ 3 การมสี ว่ นรว่ มของสมาชิกในกลุม่ 4 บุคลิกลักษณะ กิริยา ทา่ ทางในการพูด นำ้ เสยี ง ซ่งึ ทำให้ผู้ฟังมีความ สนใจ รวม ผู้ประเมิน………………………………………………… เกณฑ์การให้คะแนน 1. เนือ้ หาสาระครอบคลุมชัดเจนถูกต้อง 3 คะแนน = มีสาระสำคญั ครบถ้วนถกู ต้อง ตรงตามจุดประสงค์ 2 คะแนน = สาระสำคญั ไมค่ รบถ้วน แตต่ รงตามจดุ ประสงค์ 1 คะแนน = สาระสำคญั ไม่ถูกต้อง ไมต่ รงตามจุดประสงค์ 2. รปู แบบการนำเสนอ 3 คะแนน = มรี ูปแบบการนำเสนอที่เหมาะสม มกี ารใชเ้ ทคนิคท่ีแปลกใหม่ ใชส้ ่อื และเทคโนโลยี ประกอบการ นำเสนอที่นา่ สนใจ นำวสั ดใุ นท้องถ่นิ มาประยกุ ต์ใชอ้ ยา่ งคมุ้ ค่าและประหยดั 10 คะแนน = มีเทคนคิ การนำเสนอทีแ่ ปลกใหม่ ใชส้ ่อื และเทคโนโลยีประกอบการนำเสนอทนี่ า่ สน ใจ แต่ ขาดการประยกุ ต์ใช้ วสั ดุในทอ้ งถิน่ 1 คะแนน = เทคนคิ การนำเสนอไม่เหมาะสม และไมน่ ่าสนใจ 3. การมสี ว่ นร่วมของสมาชกิ ในกลุ่ม 3 คะแนน = สมาชกิ ทกุ คนมีบทบาทและมีสว่ นร่วมกจิ กรรมกลมุ่ 2 คะแนน = สมาชิกส่วนใหญม่ บี ทบาทและมสี ว่ นร่วมกจิ กรรมกลมุ่ 1 คะแนน = สมาชิกสว่ นนอ้ ยมีบทบาทและมสี ว่ นรว่ มกจิ กรรมกลุ่ม 4. ความสนใจของผู้ฟัง 3 คะแนน = ผู้ฟงั มากกวา่ ร้อยละ 90 สนใจ และใหค้ วามรว่ มมือ 2 คะแนน = ผูฟ้ งั ร้อยละ 70-90 สนใจ และใหค้ วามรว่ มมอื 1 คะแนน = ผฟู้ ังน้อยกว่าร้อยละ 70 สนใจ และใหค้ วามร่วมมอื แบบประเมนิ กระบวนการทำงาน ชอ่ื กล่มุ ……………………………………………ชัน้ ………………………ห้อง........................... รายชอ่ื สมาชกิ 2……………………………………เลขท…่ี …. ข้อคดิ เห็น 1……………………………………เลขท…ี่ …. 4……………………………………เลขท…่ี …. 3……………………………………เลขท…ี่ …. คะแนน ท่ี รายการประเมนิ 321 1 การกำหนดเป้าหมายรว่ มกนั

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

หน่วยท่ี 11 การอพั โหลดเวบ็ เพจขึ้นสูอ่ ินเทอร์เนต็ เฉลยใบงาน หน่วยที่ 11 ตอนท่ี 1 ให้นักเรียนตอบคำถามต่อไปน้ี 1. การตรวจสอบขนาดของไฟลเ์ ว็บเพจ มีกว่ี ธิ ี พรอ้ มอธิบาย ตอบ มี 3 วิธี 1. ตรวจสอบลิงค์ท้ังเว็บไซต์ ทำไดโ้ ดยคลิกเมนู Site > Check Link Sidewide 2. ตรวจสอบลิงคท์ ีเ่ ช่อื มโยงกับไฟล์ทีใ่ ช้งานอยู่ กรณีไฟลท์ ีใ่ ชง้ านอยมู่ ีลิงค์เช่ือมโยงกบั ไฟล์อ่ืน สามารถตรวจสอบได้โดยคลิกเลือกไฟลห์ รือโฟลเดอรบ์ นพาเนล File จากนน้ั คลิกเมาส์ขวาทไี่ ฟล์ แล้วเลอื กคำสัง่ Check Link > Selected Files 3. ตรวจสอบลิงค์ที่เชอ่ื มโยงกับไฟลท์ งั้ หมด การตรวจสอบวธิ นี ี้จะคล้ายกบั วิธแี รกทำไดโ้ ดยการ คลกิ เลอื กไฟลห์ รอื โฟลเดอร์บนพาเนล File จากน้ันคลิกเมาส์ขวาท่ไี ฟล์แลว้ เลือกคำส่งั Check Links > Selected 2. การแก้ปัญหาลงิ ค์ขาดมกี ี่วธิ ี จงอธิบาย ตอบ มี 3 วิธี 1. คลิกแทบ็ Link Checker บนพาเนล Result 2. คลกิ ปุม่ เลอื กโฟลเดอรท์ ้ายลิงคท์ ี่ต้องการแกไ้ ข เพ่ือเลอื กไฟล์ปลายทางใหม่จากนน้ั จะแสดง ไดอะลอ็ กบ็อกซ์แจง้ ต้องการแก้ไขลิงค์น้ีทกุ จดุ ทีม่ กี ารเรยี กใช้หรอื ไม่ 3. คลกิ ปุ่ม Yes เม่อื ต้องการแก้ไขทุกจดุ ทมี่ ีการเรยี กใช้ลิงคน์ ั้น ( ถ้าต้องการแกไ้ ขเฉพาะจุดท่ี กำลังเลือกให้คลกิ No ) 3. จงบอกความหมายของคำต่อไปนี้ ตอบ - Empty container tags กำจัดแท็กว่างท่ีไม่มขี อ้ มลู อยู่ในแท็ก - Redundant nested tags กำจัดแท็กทซ่ี ้อนแทก็ ด้วยกัน - Non – Dreamweaver HTML comments กำจัดหมายเหตุคำสง่ั HTML ทไ่ี มไ่ ดม้ าจาก โปรแกรม Dreamweaver 4. Web Hosting มกี แี่ บบ จงอธบิ าย ตอบ มี 2 แบบ - Web Hosting แบบไม่ฟรี เป็ นการขอเช่าพื้นที่ในการเก็บข้อมูล ซึ่งมีให้เลือกหลากหลาย ขนาดขั้นตํ่าประมาณ 15 Mb ขึ้นไป โดยราคาขึ้นอยู่กับขนาดพื้นที่ที่เช่าและบริการเสริมท่ีมี การเช่าพื้นที่นั้นควร คำนงึ ถึงขนาดของไฟล์ที่สร้างข้ึนทงั้ หมด (ซ่ึงอาจจะบวกเพิม่ ได้) เชน่ ถ้าขนาดของไฟล์ท้ังหมดมีขนาดไม่ถึง 15Mb แต่เลือกเช่าพื้นที่ขนาด 50 Mb ก็อาจทำให้เสียเงินโดนเปล่าประโยชน์ เป็ นต้น ดังนั้นก่อนตัดสินใจเช่าพื้นที่ควร ตรวจสอบและเปรยี บเทยี บข้อมูลให้ดี

- Web hosting แบบฟรี สำหรับ Web Hosthing ประเภทนี้เหมาะสำหรับมือใหม่ที่ต้องการมี เวบ็ ไซต์สว่ นตัว หรอื ผู้ท่ยี ังไม่ตอ้ งการเสียค่าใช้จ่ายในเช่าพื้นท่ี แตก่ ม็ ขี ้อจำกดั หลายอยา่ ง เชน่ ไม่มอี เี มล์ให้ใช้, อาจ ไม่มบี รกิ าร FTP, ไมส่ ามารถใชง้ านภาษาสคริปตแ์ ละฐานข้อมูลได้ หรือมกั มแี บนเนอรป์ รากฏบนเวบ็ เพจ เปน็ ต้น ซงึ่ Web Hosthing มอี ยู่มากมายหลายราย 5. จงบอกชื่อเวบ็ ไซต์ที่ให้บรกิ ารเน้ือท่ฟี รใี นอนิ เทอรเ์ นต็ มา 5 เว็บไซต์ ตอบ www.thai.net www.tripod.lycos.com www.web.thaicool.com www.codfreehost.com www.thaitopsite.com เฉลยแบบฝกึ หัด หน่วยท่ี 11 1. การตรวจสอบขนาดของไฟลเ์ วบ็ เพจมีก่แี บบ ตอบ ค. 3 แบบ 2. ขอ้ ใดคอื วิธีการตรวจสอบขนาดของไฟลเ์ วบ็ เพจ ตอบ ก. Site > Check Links Sidewide 3. ขอ้ ใดคอื ความหมายของ Empty container tags ตอบ ง. กำจัดเเท็กวา่ งทไ่ี มม่ ขี ้อมูลอยู่ในเเท็ก 4. ขอ้ ใดคอื ความหมายของ Redundant nested tags ตอบ ค. กำจัดเเทก็ ทซี่ ้อนแท็กดว้ ยกนั 5. ขอ้ ใดไมใ่ ช่การตรวจสอบเว็บเพจกบั บราวเซอรเ์ ป้ าหมาย ตอบ ข. คลกิ Browser Compatibility เลอื กคำส่ัง Check Browser Compatibility 6. การหา Web Hosting สำหรับเวบ็ ไซต์ มีก่แี บบ ตอบ ข. 2 แบบ 7. ขอ้ ใดไมใ่ ชก่ ารหา Web Hosting ตอบ ง. ถกู ขอ้ ก. และ ขอ้ ข. 8. ข้อใดทไ่ี มใ่ ชเ่ วบ็ ไซตท์ ใี่ ห้บริการพื้นทีฟ่ รี ตอบ ง. www.thailand.net 9. วิธีการอพั โหลดเว็บไซตม์ ีกแี่ บบ ตอบ ข. 2 แบบ 10. ขอ้ ใดไมใ่ ชข่ นั้ ตอนการอัพโหลดของเวบ็ ไซต์ ตอบ ง. ถูกขอ้ ก. ข้อเดียว

บนั ทกึ หลังการสอน หนว่ ยที่ 11 การ Upload เวบ็ เพจขน้ึ สู่อินเทอร์เนต็ ผลการใช้แผนการสอน 28. เน้อื หาสอดคลอ้ งกับจุดประสงค์เชิงพฤตกิ รรม 29. กิจกรรมการสอนเหมาะสมกบั เน้ือหาและเวลาทก่ี ำหนด 30. ส่ือการสอนเหมาะสมดี ผลการเรียนของนกั เรียน 30. นกั ศึกษาส่วนใหญม่ คี วามเข้าใจในบทเรยี นรว่ มกนั อภปิ รายตอบคำถามในกล่มุ และร่วมกนั ปฏบิ ัติใบ งานทไี่ ด้รับมอบหมาย 31. นักศึกษากระตือรอื รน้ และรบั ผดิ ชอบในการทำงานกลมุ่ เพือ่ ใหง้ านสำเรจ็ ทันเวลาทกี่ ำหนด 32. นกั ศกึ ษาตรวจสอบขนาดของไฟลเ์ ว็บเพจ 33. นกั ศึกษาควบคมุ เว็บเซิร์ฟเวอรห์ ลักๆ ผลการสอนของครู 25. สอนเนอื้ หาได้ครบตามหลกั สตู ร 26. แผนการสอนและวิธกี ารสอนครอบคลุมเนอ้ื หาการสอนทำให้ผู้สอนสอนไดอ้ ยา่ งมั่นใจ 27. สอนทนั ตามเวลาที่กำหนด