หน่วยที่ 2

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

สำรบัญ 1 4 คาชี้แจงสาหรับครู 7 คาชแ้ี จงสาหรบั นักเรียน 7 ผลการเรียนรู้ 8 จุดประสงค์การเรยี นรู้ 9 ระยะเวลาในการเรยี นรู้ 14 ใบความรู้ที่ 1 เรือ่ ง การจดั ขอ้ ความ ตอนที่ 1 16 ใบงานท่ี 1 เรื่อง การจัดขอ้ ความ ตอนท่ี 1 20 ใบความรู้ท่ี 2 เรื่อง การจดั ขอ้ ความ ตอนท่ี 2 22 ใบงานท่ี 2 เรือ่ ง การจัดขอ้ ความ ตอนที่ 2 27 ใบความรู้ที่ 3 เรอื่ ง การการตกแต่งข้อความ ตอนท่ี 1 29 ใบงานที่ 3 เร่ือง การการตกแตง่ ข้อความ ตอนที่ 1 33 ใบความรูท้ ่ี 4 เรื่อง การการตกแต่งข้อความ ตอนที่ 2 ใบงานท่ี 4 เรื่อง การการตกแต่งข้อความ ตอนท่ี 2

หน้าท่ี 1 คำชี้แจงสำหรับครู 1. ศึกษาแผนการจัดการเรียนรใู้ หเ้ ขา้ ใจ ซึ่งประกอบดว้ ยผลการเรียนรู้ สาระสาคัญ จดุ ประสงค์การเรียนรู้ สาระการเรียนรู้ กิจกรรมการเรียนรู้ สอื่ การเรียนการสอน การวดั ผล ประเมินผลการเรยี นรู้ 2. ศึกษาคู่มอื การใช้ชุดการเรียนรู้ 3. อธบิ ายและชี้แจงให้นักเรียนอ่านคาชแี้ จงสาหรับนักเรยี นอย่างละเอียด และปฏิบตั ิ ตามขน้ั ตอนจนจบในแตล่ ะหน่วย 4. แบง่ กลมุ่ นกั เรียน โดยใหภ้ ายในกลุม่ มสี มาชกิ ประมาณ 4-5 คน และช้แี จงให้นักเรยี น ทราบว่าขณะนกั เรยี นศึกษาชุดการเรียนรู้ นกั เรยี นสามารถถามเพ่ือนหรือชว่ ยเหลอื กนั ภายในกลุม่ ได้ 5. ชแี้ จงให้นักเรียนทราบว่า นักเรียนสามารถใชเ้ อกสารประกอบการเรียนเล่มนีบ้ นั ทึกสรุป ความรูค้ วบคู่ไปกบั การฝกึ ปฏิบัติได้ (เพื่อลดขั้นตอนในการจดสรุปเนอื้ หาท่เี รยี นและสามารถนาไป ทบทวนนอกห้องเรยี นได้) 6. การประเมนิ ผล จะพิจารณาจากคะแนนแบบฝึกหัดรวมกับคะแนนใบงาน โดยถา้ นักเรียน ได้ - คะแนนรอ้ ยละ 80 ข้ึนไป ผา่ นเกณฑ์อยใู่ นระดับดมี าก - คะแนนร้อยละ 70-79 ผา่ นเกณฑ์อยู่ในระดับดี - คะแนนรอ้ ยละ 60-69 ผ่านเกณฑ์อยใู่ นระดบั พอใช้ - คะแนนน้อยกวา่ ร้อยละ 60 ไม่ผ่านเกณฑ์อยูใ่ นระดับปรบั ปรุง 7. ใหน้ ักเรยี นทาตามข้นั ตอนดังนี้ ช่วั โมงที่ 1-2 7.1 ศึกษาเน้ือหาในชดุ การเรียนรู้ตามหัวข้อดังน้ี (ใบความรทู้ ี่ 1 เรอ่ื ง การจดั ขอ้ ความ ตอนที่ 1) - คาส่งั กาหนดลกั ษณะหวั เรอ่ื ง - คาส่งั การขึน้ บรรทัดใหม่ - คาสัง่ การจดั ตาแหน่งข้อความ

หน้าท่ี 2 7.2 ให้นักเรียนฝึกปฏบิ ตั ิตามใบความรู้ เม่ือพบปัญหาให้ปรึกษาและขอคาแนะนาจาก เพื่อนในกลุม่ กอ่ น แต่ถ้าไมเ่ ข้าใจสามารถปรึกษาและขอคาแนะนาจากครไู ด้ 7.3 ทาใบงานท่ี 1 ดว้ ยตนเอง 7.4 เมือ่ ทาเสร็จแลว้ ให้ประธานกลุ่มรวบรวมส่งครู ช่วั โมงท่ี 3-4 7.5 ศึกษาเน้ือหาในชดุ การเรียนรตู้ ามหวั ข้อดังนี้ (ใบความร้ทู ่ี 2 เรื่อง การจัดข้อความ ตอนที่ 2) - คาสงั่ เส้นคน่ั - คาสัง่ จดั ยอ่ หน้า - คาสั่งเว้นวรรค 7.6 ใหน้ กั เรียนฝกึ ปฏิบตั ิตามใบความรู้ เมื่อพบปัญหาให้ปรึกษาและขอคาแนะนาจาก เพื่อนในกล่มุ กอ่ น แต่ถา้ ไมเ่ ข้าใจสามารถปรึกษาและขอคาแนะนาจากครไู ด้ 7.7 ทาใบงานท่ี 2 ด้วยตนเอง 7.8 เมอ่ื ทาเสรจ็ แล้วให้ประธานกล่มุ รวบรวมส่งครู ชัว่ โมงที่ 5-6 7.9 ศึกษาเนื้อหาในชุดการเรียนรตู้ ามหัวข้อดังนี้ (ใบความรทู้ ี่ 3 เรื่อง การตกแต่ง ข้อความ ตอนที่ 1) - คาสั่งการทาอกั ษรตวั หนา - คาส่งั การทาอักษรตัวเอยี ง - คาสง่ั การทาตัวอกั ษรขดี เส้นใต้ - คาสั่งการทาอกั ษรตัวห้อย - คาส่งั การทาอกั ษรตวั ยก 7.10 ใหน้ กั เรียนฝกึ ปฏิบตั ิตามใบความรู้ เม่ือพบปญั หาให้ปรึกษาและขอคาแนะนาจาก เพ่ือนในกลุ่มกอ่ น แต่ถา้ ไม่เข้าใจสามารถปรึกษาและขอคาแนะนาจากครไู ด้ 7.11 ทาใบงานที่ 3 ด้วยตนเอง 7.12 เมือ่ ทาเสร็จแล้วให้ประธานกล่มุ รวบรวมส่งครู

หน้าที่ 3 ช่ัวโมงที่ 7-8 7.13 ศกึ ษาเน้ือหาในชุดการเรียนรูต้ ามหัวขอ้ ดังนี้ (ใบความรูท้ ่ี 4 เร่อื ง การตกแต่ง ข้อความ ตอนท่ี 2) - คาส่งั กาหนดขนาดตัวอกั ษร - คาสง่ั กาหนดสีตวั อักษร - คาสง่ั กาหนดแบบอกั ษร - คาสง่ั กาหนดสีให้กบั ตัวอักษรท้ังเอกสาร - คาส่งั กาหนดตวั อักษรเคลือ่ นที่ 7.14 ให้นักเรยี นฝกึ ปฏบิ ตั ิตามใบความรู้ เม่ือพบปัญหาให้ปรกึ ษาและขอคาแนะนาจาก เพอื่ นในกล่มุ กอ่ น แต่ถ้าไม่เข้าใจสามารถปรึกษาและขอคาแนะนาจากครไู ด้ 7.15 ทาใบงานท่ี 4 ด้วยตนเอง 7.16 เมื่อทาเสรจ็ แลว้ ให้ประธานกลมุ่ รวบรวมส่งครู

หนา้ ที่ 4 คำชี้แจงสำหรับนักเรียน 1. ชุดการเรยี นรู้ได้รับการวางแผนออกแบบอยา่ งเปน็ ระบบ นกั เรยี นควรศึกษาคาแนะนา การใช้บทเรียน สาระการเรยี นรู้ สาระสาคญั ผลการเรยี นรู้ จดุ ประสงค์การเรยี นรู้จากคู่มอื การใช้ บทเรียน 2. ชุดการเรยี นรู้ประกอบด้วย ผลการเรยี นรู้ จุดประสงคก์ ารเรียนรู้ ระยะเวลาในการเรยี นรู้ เนอื้ หา ภาพประกอบ กิจกรรมระหว่างเรียน 3. นักเรยี นสามารถใช้ชดุ การเรียนรู้เลม่ นี้บันทกึ สรปุ ความรู้ได้ 4. ขณะทน่ี ักเรยี นศึกษาในชดุ การเรียนรู้ ควรศกึ ษาเน้อื เรยี งตามลาดบั เน่อื งจาก ชดุ การเรียนรไู้ ด้ออกแบบให้ศึกษาเน้ือหาในหัวข้อง่ายไปหัวขอ้ ยาก 5. หลงั จากศึกษาเนื้อหาในแต่ละหวั ข้อจบแล้ว ให้นกั เรียนฝึกปฏิบตั ติ ามในแตล่ ะหัวข้อ เมื่อพบปญั หาให้ปรึกษาและขอคาแนะนาจากเพ่ือนในกลุม่ ก่อน แต่ถา้ ไม่เข้าใจสามารถปรกึ ษาและ ขอคาแนะนาจากครไู ด้ 6. ขณะศึกษาในชดุ การเรียนรู้ให้นักเรียนปฏบิ ัตติ ามข้ันตอนดังนี้ ชัว่ โมงที่ 1-2 6.1 ศกึ ษาเน้ือหาในชุดการเรียนรู้ตามหัวข้อดังน้ี (ใบความรู้ท่ี 1 เรื่อง การจดั ขอ้ ความ ตอนที่ 1) - การใชค้ าสั่ง <Hn>…</Hn> - การใช้คาส่งั <BR> - การใชค้ าสง่ั <P>…</P> - การใช้คาสงั่ <CENTER>…</CENTER> - การใช้คาสงั่ <PRE>…</PRE> 6.2 นักเรยี นฝึกปฏบิ ตั ติ ามใบความรู้ เมอื่ พบปัญหาให้ปรึกษาและขอคาแนะนาจากเพ่ือน ภายในกลมุ่ ก่อนปรึกษาครู 6.3 บันทกึ สรปุ ความรู้ทไ่ี ดล้ งในสมดุ หรือในเอกสารประกอบการเรยี นเลม่ น้ี 6.4 ทาใบงานที่ 1 ดว้ ยตนเอง 6.5 เมื่อทาเสร็จแล้วให้ประธานกลุม่ รวบรวมส่งครู

หนา้ ที่ 5 ชัว่ โมงที่ 3-4 6.6 ศึกษาเน้ือหาในชดุ การเรียนรู้ตามหวั ขอ้ ดังน้ี (ใบความรูท้ ี่ 2 เรอื่ ง การจัดข้อความ ตอนที่ 2) - คาส่ังเส้นคั่น - คาส่งั จัดยอ่ หนา้ - คาส่งั เว้นวรรค 6.7 นักเรยี นฝกึ ปฏิบัตติ ามใบความรู้ เมอ่ื พบปัญหาใหป้ รกึ ษาและขอคาแนะนาจากเพื่อน ภายในกลมุ่ ก่อนปรึกษาครู 6.8 บนั ทกึ สรุปความรทู้ ี่ได้ลงในสมุดหรอื ในเอกสารประกอบการเรยี นเล่มน้ี 6.9 ทาใบงานท่ี 2 ด้วยตนเอง 6.10 เมอื่ ทาเสร็จแลว้ ให้ประธานกลุ่มรวบรวมส่งครู ชว่ั โมงท่ี 5-6 6.11 ศกึ ษาเนอ้ื หาในชดุ การเรียนรูต้ ามหวั ขอ้ ดังน้ี (ใบความรู้ท่ี 3 เรื่อง การตกแต่ง ข้อความ ตอนที่ 1) - คาสงั่ การทาอักษรตวั หนา - คาสงั่ การทาอักษรตวั เอียง - คาสัง่ การทาตัวอักษรขดี เสน้ ใต้ - คาสั่งการทาอกั ษรตัวหอ้ ย - คาสง่ั การทาอกั ษรตวั ยก 6.12 นักเรยี นฝกึ ปฏบิ ัติตามใบความรู้ เม่ือพบปัญหาใหป้ รึกษาและขอคาแนะนาจาก เพ่อื นภายในกลมุ่ ก่อนปรึกษาครู 6.13 บนั ทกึ สรุปความรู้ท่ไี ด้ลงในสมดุ หรอื ในเอกสารประกอบการเรยี นเล่มนี้ 6.14 ทาใบงานท่ี 3 ดว้ ยตนเอง 6.15 เม่ือทาเสรจ็ แล้วให้ประธานกลุ่มรวบรวมส่งครู

หน้าท่ี 6 ชัว่ โมงที่ 7-8 6.16 ศกึ ษาเนื้อหาในชุดการเรียนรู้ตามหวั ขอ้ ดงั น้ี (ใบความรทู้ ี่ 4 เรื่อง การตกแต่ง ข้อความ ตอนที่ 2) - คาสัง่ กาหนดขนาดตัวอกั ษร - คาส่ังกาหนดสตี ัวอักษร - คาสง่ั กาหนดแบบอักษร - คาสง่ั กาหนดสีให้กับตวั อักษรทัง้ เอกสาร - คาสั่งกาหนดตัวอักษรเคล่อื นที่ 6.8 นกั เรยี นฝึกปฏิบัตติ ามใบความรู้ เมอ่ื พบปัญหาให้ปรึกษาและขอคาแนะนาจาก เพื่อนภายในกลุ่มก่อนปรึกษาครบู ันทกึ สรุปความรู้ทไี่ ด้ลงในสมุดหรือในเอกสารประกอบการเรียนเล่ม น้ี 6.9 ทาใบงานที่ 4 ดว้ ยตนเอง 6.10 เม่อื ทาเสร็จแล้วให้ประธานกลมุ่ รวบรวมส่งครู

หนา้ ที่ 7 ผลกำรเรียนรู้ 1. อธบิ ายการใช้คาสั่งในภาษา HTML ได้ 2. ใช้คาส่ัง ในภาษา HTML ได้ 3. มเี จตคตทิ ี่ดีต่อการเรียนวิชาคอมพวิ เตอร์ 3 (การสรา้ งเว็บเพจดว้ ยภาษา HTML) จุดประสงค์กำรเรียนรู้ 1. อธิบายวธิ กี ารใชค้ าสง่ั กาหนดหัวเรอื่ งได้ (K) 2. อธบิ ายวิธกี ารใชค้ าสัง่ การขน้ึ บรรทัดใหม่ได้ (K) 3. อธิบายวธิ กี ารใชค้ าสัง่ การจัดตาแหน่งข้อความได้ (K) 4. อธิบายวธิ ีการใช้คาสงั่ เสน้ คั่นได้ (K) 5. อธิบายวิธีการใชค้ าสัง่ จัดย่อหนา้ ได้ (K) 6. อธิบายวธิ ีการใชค้ าสง่ั เวน้ วรรคได้ (K) 7. อธบิ ายวิธกี ารใช้คาส่ังการทาอักษรตัวหนาได้ (K) 8. อธบิ ายวธิ ีการใชค้ าส่ังการทาอักษรตัวเอยี งได้ (K) 9. อธบิ ายวธิ ีการใช้คาสัง่ การทาตัวอกั ษรขดี เสน้ ใต้ได้ (K) 10. อธบิ ายวิธีการใช้คาสง่ั การทาอักษรตัวห้อยได้ (K) 11. อธิบายวิธกี ารใชค้ าสั่งอักษรตัวยกได้ (K) 12. อธิบายวธิ ีการใช้คาสั่งกาหนดขนาดตวั อักษรได้ (K) 13. อธิบายวธิ ีการใช้คาสง่ั กาหนดสตี วั อกั ษรได้ (K) 14. อธบิ ายวิธีการใชค้ าสง่ั กาหนดสใี หก้ บั ตัวอักษรทง้ั เอกสารได้ (K) 15. อธบิ ายวธิ กี ารใช้คาสง่ั กาหนดตัวอักษรเคลื่อนที่ได้ (K) 16. ใช้คาสงั่ กาหนดหัวเรอื่ งได้ (P) 17. ใชค้ าสัง่ การขนึ้ บรรทดั ใหม่ได้ (P) 18. ใชค้ าสัง่ การจัดตาแหนง่ ข้อความได้ (P) 19. ใชค้ าสง่ั เสน้ คั่นได้ (P) 20. ใชค้ าสงั่ จดั ย่อหนา้ ได้ (P) 21. ใชค้ าสงั่ เว้นวรรคได้ (P)

หนา้ ที่ 8 22. ใชค้ าสง่ั การทาอักษรตวั หนาได้ (P) 23. ใชค้ าสงั่ การทาอักษรตวั เอยี งได้ (P) 24. ใช้คาสั่งการทาตวั อักษรขีดเส้นใต้ได้ (P) 25. ใชค้ าสงั่ การทาอักษรตวั ห้อยได้ (P) 26. ใชค้ าสง่ั การทาอักษรตวั ยกได้ (P) 27. ใช้คาสง่ั กาหนดขนาดตวั อักษรได้ (P) 28. ใช้คาสัง่ กาหนดสตี วั อักษรได้ (P) 29. ใชค้ าสง่ั กาหนดสใี หก้ ับตวั อกั ษรทัง้ เอกสารได้ (P) 30. ใช้คาสง่ั กาหนดตวั อักษรเคล่ือนท่ีได้ (P) 31. มีเจตคตทิ ดี่ ีตอ่ การเรียนวชิ าคอมพวิ เตอร์ 3 (A) ระยะเวลาในการเรยี นรู้ จานวน 8 ชว่ั โมง

หนา้ ที่ 9 ใบความรูท้ ี่ 1 เร่ือง การจัดขอ้ ความ ตอนที่ 1 หน่วยการเรยี นที่ 2 การจัดขอ้ ความ กจิ กรรมทบทวนความรเู้ ดิม ให้นกั เรยี นทบทวนความรูเ้ ดิม โดยฝึกปฏิบัติดงั น้ี 1. บนั ทึกแฟม้ ขอ้ มลู 2. เปิดโปรแกรม Notepad 3. เปิดแฟ้มข้อมูลโดยใช้โปรแกรม Notepad และใช้ โปรแกรม Explorer เปิดแฟ้มขอ้ มูล 4. เปดิ เว็บเพจโดยใชเ้ ว็บเบราว์เซอร์ Google Chrome Microsoft Edge และใช้โปรแกรม Explorer เปดิ เวบ็ เบราวเ์ ซอร์ ขณะฝกึ ปฏิบตั สิ ามารถถามเพ่ือนในกลมุ่ ได้ และเม่ือฝกึ ปฏบิ ตั จิ นเขา้ ใจ แล้ว ให้นักเรียนศกึ ษาหัวขอ้ ตอ่ ไป คาส่ังกาหนดลกั ษณะหวั เรอื่ ง รูปแบบ <Hn>ข้อความ</Hn> โดย n คอื ตวั เลขแสดงขนาดของตวั อักษรค่าของ n นนั้ จะมีคา่ อยทู่ ่ี 1-6 - n = 1 จะมีขนาดตัวอักษรใหญ่สุด - n = 6 จะมีขนาดตวั อักษรเล็กสุด - สามารถเพ่ิมขนาดโดยใช้เครอ่ื งหมาย + หรือลดขนาดโดยใชเ้ ครอ่ื งหมาย – นาหน้าตวั เลขได้ เชน่ -1 เปน็ ตน้

หนา้ ที่ 10 ตัวอย่างการใช้งาน <H1>ประวตั ิของฉัน</H1> กิจกรรมระหวา่ งเรียน ให้นักเรยี นฝึกใช้คาส่ังกาหนดลักษณะหัวข้อ ลงใน แฟม้ ขอ้ มลู history ขณะฝึกปฏบิ ตั สิ ามารถถามเพ่ือนในกลมุ่ ได้ และเมอ่ื ฝกึ ปฏิบัติจนเขา้ ใจแลว้ ใหน้ ักเรยี นศึกษาหัวข้อต่อไป คาสง่ั การข้ึนบรรทัดใหม่ รปู แบบ <BR> เม่ือต้องการข้นึ บรรทัดใหม่ ต้องใชค้ าส่งั <BR> เท่านั้น เพราะในภาษา HTML จะไมร่ บั รู้ว่า การกดปุ่ม Enter เปน็ การขน้ึ บรรทัดใหม่

หนา้ ที่ 11 ตัวอย่างการใช้งาน <BR>ดฉิ นั ชอ่ื : นางสาวนงลักษณ์ วาสะศริ ิ หมายเหตุ การกดปมุ่ Enter ภาษา HTML จะไม่รับร้วู า่ เป็นการขึ้นบรรทัดใหม่ ถ้าไมใ่ ช้คาสั่ง <BR> หน้าเวบ็ เบราว์เซอรจ์ ะแสดงดงั นี้ กจิ กรรมระหวา่ งเรียน ให้นกั เรยี นฝกึ ใชค้ าสง่ั การขึ้นบรรทดั ใหม่ ขณะฝกึ ปฏิบตั ิ สามารถถามเพื่อนในกลุ่มได้ และเม่ือฝึกปฏิบัตจิ นเขา้ ใจแล้ว ให้นกั เรียนศึกษาหัวข้อต่อไป นักเรียนดวู ดี ีโอคาส่งั การขนึ้ บรรทัดใหม่

หนา้ ที่ 12 คาสั่งการจัดตาแหนง่ ข้อความ รปู แบบ <P ALIGN=“LEFT/RIGHT/CENTER”>……</P> เปน็ คาสั่งใช้จัดตาแหนง่ ขอ้ ความเพื่อแสดงผลบนเว็บเบราว์เซอร์ ตรงตาแหนง่ ท่ตี ้องการ ตวั อยา่ งการใช้งาน <P ALIGN=“LEFT”>เกิดวนั ที่ : 25 พฤษภาคม 2520 </P> เมื่อต้องการให้ข้อความ “เกิดวนั ท่ี : 25 พฤษภาคม 2520” อย่ชู ิดซา้ ยของหนา้ จอ ซง่ึ ปกติ ถ้าไม่กาหนดตาแหน่ง เว็บเบราว์เซอร์ก็จะแสดงข้อความชิดซา้ ยอยู่แลว้ ตัวอย่างการใช้งาน <P ALIGN=“RIGHT”>ตาแหน่ง : ครโู รงเรยี นโพธสิ ัมพนั ธ์พทิ ยาคาร</P> เม่ือต้องการใหข้ ้อความ “ตาแหนง่ : ครูโรงเรยี นโพธิสมั พันธพ์ ิทยาคาร” อยชู่ ิดขวาของ หนา้ จอ ตัวอยา่ งการใชง้ าน <P ALIGN=“CENTER”>สงั กดั : สานักงานเขตพ้นื ทก่ี ารศกึ ษามัธยมศึกษา เขต 18</P> เม่อื ต้องการใหข้ ้อความ “สงั กัด : สานักงานเขตพ้ืนที่การศกึ ษามัธยมศกึ ษา เขต 18” อยู่ ก่งึ กลางของหน้าจอ ขอ้ สังเกต ไม่วา่ จะใส่ <P ALIGN=\"LEFT\"> หรอื ไม่ ข้อความกจ็ ะ อยูช่ ดิ ซา้ ย

หนา้ ท่ี 13 กิจกรรมระหว่างเรียน ให้นกั เรียนฝกึ ใชค้ าส่ังการจดั ตาแหนง่ ข้อความให้อยู่ ชิดซ้าย กึ่งกลาง ชดิ ขวา ขณะฝกึ ปฏบิ ตั สิ ามารถถามเพื่อนในกลมุ่ ได้ และเมอ่ื ฝึกปฏิบตั ิจนเข้าใจแล้ว ใหน้ ักเรียนทาใบงานท่ี 1

หนา้ ที่ 14 ใบงานท่ี 1 เรอื่ ง การจดั ข้อความ ตอนท่ี 1 หน่วยท่ี 2 การจัดขอ้ ความ ช่อื ……………………………………………………………………………ชั้นมธั ยมศึกษาปที ่ี ………….. เลขท่ี………….. คาชีแ้ จง ให้นักเรยี นสร้างเว็บเพจให้เหมือนด้านลา่ งและบันทึกแฟม้ ข้อมูลไวใ้ น Flash Drive และต้ังช่ือว่า school.html โดยบังคบั ใช้คาส่งั ดังตอ่ ไปน้ี 1. คาสง่ั หัวเรื่องเอกสารเว็บ 2. คาส่งั กาหนดลกั ษณะหวั เรือ่ งท่มี ขี นาดใหญ่ทสี่ ดุ 3. คาสง่ั การจดั ตาแหน่งขอ้ ความ 4. คาสัง่ การจดั ตาแหนง่ ขอ้ ความ 5. คาสง่ั การขน้ึ บรรทดั ใหม่ เกณฑก์ ารใหค้ ะแนน ทาถูกตอ้ ง ให้ 1 คะแนน ทาผิด ให้ 0 คะแนน เกณฑก์ ารประเมินผล นักเรียนได้คะแนน 8-9 คะแนน ผา่ นเกณฑ์ อยูใ่ นระดับดีมาก อยู่ในระดบั ดี นกั เรียนได้คะแนน 7 คะแนน ผา่ นเกณฑ์ อย่ใู นระดบั พอใช้ อยใู่ นระดับตอ้ งปรบั ปรุง นักเรียนได้คะแนน 6 คะแนน ผา่ นเกณฑ์ นกั เรยี นได้คะแนน 0-5 คะแนน ไม่ผา่ นเกณฑ์

หนา้ ที่ 15 รายการประเมนิ ผลการปฏบิ ตั ิ ทาถูกต้อง ทาผิด รายการประเมิน (1 คะแนน) (0 คะแนน) 1. กาหนดคาวา่ “ประวัติโรงเรียน” ให้เป็นหัวเร่ืองเอกสารเว็บ 2. กาหนดคาวา่ “ข้อมูลโรงเรียนโพธสิ มั พนั ธ์พทิ ยาคาร” ใหเ้ ปน็ หัวเร่ืองที่มีขนาดใหญ่ทสี่ ดุ 3. กาหนดคาวา่ “ข้อมลู โรงเรยี นโพธิสมั พนั ธพ์ ทิ ยาคาร” ให้อยู่ กึง่ กลาง 4. กาหนดคาว่า “อักษรย่อ : พ.ส.พ.” ให้อยชู่ ดิ ขวา 5. มกี ารใช้คาสง่ั การข้นึ บรรทัดใหม่ 6. บันทกึ ชน้ิ งานลงใน Flash Drive โดยตั้งชือ่ ช้ินงานวา่ “school.html” 7. กาหนดโครงสรา้ ง HTML ถกู ต้อง 8. มีการจัดระเบียบ code ในหน้า NotePad 9. ในภาพรวมการจดั หน้าเว็บเพจที่สร้างขน้ึ เหมอื นกบั ตวั อยา่ ง รวมคะแนน (คะแนนเตม็ 9 คะแนน)

หน้าที่ 16 ใบความรทู้ ่ี 2 เรอ่ื ง การจัดขอ้ ความ ตอนที่ 2 หน่วยการเรียนที่ 2 การจัดขอ้ ความ กจิ กรรมทบทวนความรเู้ ดิม ใหน้ ักเรียนทบทวนความรูเ้ ดิมเกี่ยวกับการใชค้ าส่ังกาหนดลักษณะ หวั เร่ือง คาส่ังการขน้ึ บรรทัดใหม่ คาสง่ั การจดั ตาแหนง่ ขอ้ ความชดิ ซ้าย กง่ึ กลาง และชิดขวา ขณะทบทวนสามารถถามเพื่อนในกลมุ่ ได้ และเมื่อ ทบทวนจนเขา้ ใจแล้ว ให้นักเรยี นศกึ ษาหวั ข้อต่อไป คาสงั่ เสน้ คัน่ รปู แบบ <HR ALIGN=“align type” COLOR=color SIZE=n WIDTH=n NOSHADE> เปน็ คาส่งั ใชแ้ บ่งข้อความบนจอภาพ ซง่ึ อาจใช้เป็นเสน้ คนั่ ทางแนวนอนของจอภาพ หรือเปน็ เสน้ คัน่ เพ่ือความสวยงามได้ แทก็ นี้สามารถกาหนดตาแหน่ง สี ขนาด ความหนา ความยาว หรือ กาหนดแบบเส้นทบึ ได้ ตวั อย่างการใช้งาน <HR ALIGN=center COLOR=red SIZE=2 WIDTH=70% > โดยถา้ ใชค้ าส่งั <HR> หมายถึง กาหนดให้มีเสน้ ค่นั ตามแนวนอนเต็มจอภาพ <HR ALIGN=center> หมายถงึ กาหนดให้เส้นคนั่ อยตู่ รงกลางหน้าจอ <HR COLOR=red> หมายถึง กาหนดใหเ้ สน้ ค่ันมีสแี ดง <HR SIZE=2> หมายถึง กาหนดใหเ้ สน้ คน่ั มีความหนา 2 pixel <HR ALIGN WIDTH=70% > หมายถงึ กาหนดใหเ้ ส้นคน่ั มคี วามยาว 70% ของความ ยาวหนา้ จอท้งั หมด

หนา้ ที่ 17 กิจกรรมระหว่างเรยี น ใหน้ ักเรยี นฝึกใชค้ าสง่ั เสน้ ค่นั ขณะฝึกปฏิบัติสามารถถามเพ่อื น ในกลุ่มได้ และเมื่อฝกึ ปฏิบัติจนเข้าใจแล้ว ให้นกั เรยี นศึกษาหัวข้อต่อไป คาสงั่ จดั ย่อหนา้ รปู แบบ <BLOCKQUOTE>…..</BLOCKQUOTE> เปน็ คาส่งั ใชแ้ สดงผลข้อความเยือ้ งเข้าไปทางขวาและจัดข้อความใหต้ วั อักษรตวั แรกของ บรรทดั เริ่มท่ตี าแหน่งเดยี วกนั

หน้าที่ 18 ตัวอย่างการใชง้ าน <BLOCKQUOTE>โรงเรยี นโพธสิ มั พันธ์พทยาคารของเราเป็นโรงเรยี นระดบั มัธยมศกึ ษาสงั กัดสานกั งานเขตพืน้ ทก่ี ารศกึ ษามธั ยมศกึ ษา เขต 18 ชลบุรี-ระยอง ซง่ึ ตง้ั อยู่ที่ 419 ม.5 ต.นาเกลอื ตดิ ถนนพทั ยา-นาเกลือ อ.บางละมุง จ.ชลบรุ ี โดย พระครปู ลัดบญุ มี เร่ิมแรกโรงเรียนของเรามีครูเพยี ง 2 คน และนกั เรยี นเพียง 40 คน เท่าน้นั แตภ่ ายหลงั จานวนนกั เรียนและครขู องโรงเรยี นได้เพม่ิ ข้ึนเป็นลาดับ และ ไดร้ ับอาคารเรียน อาคารโรงฝึกงาน อาคารเอนกประสงค์ รวมเน้ือท่ีท้งั หมด 29 ไร่ 9 ตารางวา </BLOCKQUOTE> กจิ กรรมระหว่างเรยี น ใหน้ กั เรียนฝกึ ใช้คาส่งั จดั ย่อหน้า ขณะฝึกปฏบิ ัติสามารถถามเพื่อน ในกลมุ่ ได้ และเม่อื ฝึกปฏิบัติจนเข้าใจแลว้ ให้นักเรยี นศกึ ษาหัวข้อต่อไป

หนา้ ท่ี 19 คาส่ังเวน้ วรรค รูปแบบ &nbsp เป็นคาสั่งใช้เว้นวรรคระหวา่ งขอ้ ความ 1 ตัวอกั ษร ถา้ ต้องการเวน้ วรรคหลายตัวอักษร กใ็ ห้ใช้ คาสัง่ เท่ากับช่องที่ต้องการเว้นวรรค เพราะปกติเวบ็ บราวเซอรจ์ ะแสดงช่องว่างจากการเคาะ Space Bar เพียงชอ่ งเดยี ว แมว้ ่าเราจะเคาะไว้หลายคร้ังก็ตาม ตัวอยา่ งการใช้งาน ปัจจบุ นั สอนวิชา&nbsp&nbsp&nbsp&nbsp&nbsp&nbspคอมพิวเตอร์ กิจกรรมระหว่างเรยี น ใหน้ กั เรียนฝกึ ใชค้ าสัง่ เวน้ วรรค ขณะฝกึ ปฏิบตั สิ ามารถถามเพอ่ื น ในกล่มุ ได้ และเม่อื ฝึกปฏิบตั ิจนเขา้ ใจแลว้ ใหน้ กั เรียนทาใบงานท่ี 2

หน้าที่ 20 ใบงานท่ี 2 เรอื่ ง การจัดข้อความ ตอนท่ี 2 หน่วยที่ 2 การจัดขอ้ ความ ช่ือ……………………………………………………………………………ชน้ั มัธยมศึกษาปีท่ี ………….. เลขที่………….. คาชีแ้ จง ใหน้ กั เรียนเปิดแฟ้มขอ้ มลู ที่ชือ่ “school.html” ทเี่ กบ็ ไวใ้ น Flash Drive ขึ้นมา และใหส้ รา้ งเว็บเพจตามตัวอย่าง โดยบังคบั ใช้คาสงั่ ดงั ต่อไปนี้ 1. คาส่ังเส้นคัน่ 2. คาสง่ั เสน้ คน่ั 3. คาส่งั เสน้ ค่นั 6. คาสั่งเว้นวรรค 4. คาส่งั จดั ย่อหน้า 5. คาสัง่ ยอ่ หนา้ ซ้อนย่อหนา้ เกณฑก์ ารใหค้ ะแนน ทาถกู ต้อง ให้ 1 คะแนน ทาผิด ให้ 0 คะแนน เกณฑ์การประเมนิ ผล นกั เรยี นได้คะแนน 8-10 คะแนน ผา่ นเกณฑ์ อยู่ในระดบั ดีมาก อยูใ่ นระดับดี นักเรยี นได้คะแนน 7 คะแนน ผ่านเกณฑ์ อยใู่ นระดบั พอใช้ อยใู่ นระดบั ต้องปรบั ปรงุ นักเรยี นได้คะแนน 6 คะแนน ผ่านเกณฑ์ นกั เรียนได้คะแนน 0-5 คะแนน ไมผ่ า่ นเกณฑ์

หนา้ ที่ 21 รายการประเมนิ ผลการปฏบิ ตั ิ ทาถูกต้อง ทาผิด รายการประเมิน (1 คะแนน) (0 คะแนน) 1. กาหนดเสน้ คั่นเป็นสีแดง มคี วามหนาน้อยท่สี ุด ความยาว ใกล้เคยี งตัวอยา่ ง 2. กาหนดเส้นคั่นเป็นสเี หลอื ง มีความหนาปานกลาง ความยาว ใกลเ้ คยี งตัวอยา่ ง 3. กาหนดเสน้ คนั่ เปน็ สีนา้ เงิน มคี วามหนามากที่สดุ ความยาว ใกลเ้ คยี งตวั อยา่ ง 4. มีการใช้คาสง่ั จัดย่อหน้าตามทกี่ าหนด 5. มกี ารใชค้ าสงั่ จดั ย่อหน้าซ้อนยอ่ หน้า 6. มกี ารใชค้ าสัง่ เวน้ วรรค 7. เปดิ ไฟล์งาน “school.html” มาสร้างเว็บเพ่มิ เติม 8. มีการจดั ระเบยี บ code ในหนา้ NotePad 9. ในภาพรวมการจดั หน้าเว็บเพจท่ีสรา้ งขึ้นเหมอื นกบั ตวั อย่าง 10. นักเรยี นส่งงานตรงเวลาที่กาหนด รวมคะแนน (คะแนนเต็ม 10 คะแนน)

หนา้ ที่ 22 ใบความรทู้ ี่ 3 เรื่อง การตกแต่งขอ้ ความ ตอนท่ี 1 หน่วยการเรียนท่ี 2 การจัดการขอ้ ความ กิจกรรมทบทวนความรู้เดมิ ใหน้ ักเรยี นทบทวนความรู้เดิมเก่ยี วกบั การใชค้ าสง่ั เสน้ ค่ัน คาส่งั จัดยอ่ หนา้ คาสัง่ เว้นวรรค ขณะทบทวนสามารถถามเพือ่ นในกลุ่ม ได้ และเม่อื ทบทวนจนเขา้ ใจแล้ว ให้นกั เรยี นศึกษาหัวข้อตอ่ ไป คาส่ังการทาอกั ษรตวั หนา รปู แบบ <B>…..</B> เป็นคาสงั่ ใช้แสดงผลเป็นอักษรตัวหนา เพื่อใช้เน้นข้อความในประโยค ตวั อยา่ งการใช้งาน <B>หวั หนา้ ระดบั ชน้ั มธั ยมศึกษาปที ่ี 2<B> เม่อื ต้องการให้คาวา่ “หัวหน้าระดบั ชั้นมัธยมศกึ ษาปีท่ี 2” เป็นตวั หนา

หนา้ ที่ 23 กจิ กรรมระหว่างเรยี น ใหน้ ักเรียนฝกึ ใช้คาส่งั การทาอักษรตัวหนา ขณะฝกึ ปฏิบตั ิสามารถถาม เพ่อื นในกลมุ่ ได้ และเมื่อฝึกปฏบิ ัติจนเขา้ ใจแลว้ ให้นกั เรียนศึกษาหัวขอ้ ต่อไป คาสัง่ การทาอกั ษรตัวเอียง รูปแบบ <I>…..</I> เป็นคาสงั่ ใช้แสดงผลเป็นอักษรตวั เอียง เพื่อใช้เนน้ ข้อความในประโยค ตัวอย่างการใช้งาน <I>หนา้ ที่ท่ไี ด้รบั มอบหมาย</I> เม่ือต้องการใหค้ าว่า “หน้าทท่ี ี่ได้รับมอบหมาย” เปน็ ตวั เอียง

หนา้ ที่ 24 กจิ กรรมระหวา่ งเรยี น ให้นักเรยี นฝึกใชค้ าสง่ั การทาอกั ษรตัวเอียง ขณะฝึกปฏิบัติ สามารถถามเพื่อนในกล่มุ ได้ และเมือ่ ฝึกปฏบิ ัติจนเข้าใจแลว้ ใหน้ กั เรยี นศึกษาหวั ข้อต่อไป คาส่งั การทาตัวอกั ษรขีดเสน้ ใต้ รูปแบบ <U>…..</U> เป็นคาส่ังใชแ้ สดงผลการขีดเส้นใตข้ ้อความ เพื่อใช้เนน้ ข้อความในประโยค ตวั อยา่ งการใช้งาน <U>ปัจจุบันสอนวิชา</U> เมอื่ ต้องการใหค้ าว่า “ปัจจบุ ันสอนวิชา” ขีดเส้นใต้

หน้าท่ี 25 กิจกรรมระหว่างเรยี น ให้นกั เรียนฝกึ ใช้คาสง่ั การทาตวั อกั ษรขดี เส้นใต้ ขณะฝกึ ปฏิบตั ิ สามารถถามเพื่อนในกลุม่ ได้ และเมือ่ ฝกึ ปฏบิ ัติจนเข้าใจแล้ว ให้นักเรียน ศกึ ษาหัวข้อต่อไป คาส่ังการทาอักษรตวั ห้อย รปู แบบ <SUB>…..</SUB> เปน็ คาสั่งใชแ้ สดงผลให้เปน็ อักษรตวั หอ้ ย เม่ือต้องการใหแ้ สดงผลท่ีระดบั ต่ากว่าระดบั ปกติ และมขี นาดเล็กกวา่ ตวั อกั ษรปกติ ตัวอย่างการใช้งาน รปู แบบ<SUB>เปน็ ตัวห้อย</SUB> เม่อื ต้องการใหค้ าวา่ “เปน็ ตัวห้อย” เปน็ ตัวห้อย

หน้าที่ 26 กิจกรรมระหว่างเรยี น ใหน้ ักเรยี นฝกึ ใชค้ าสง่ั การทาอกั ษรตัวหอ้ ย ขณะฝึกปฏบิ ัติสามารถถามเพ่ือน ในกลมุ่ ได้ และเม่ือฝกึ ปฏิบัติจนเขา้ ใจแล้ว ใหน้ ักเรียนศกึ ษาหวั ข้อต่อไป คาสั่งการทาอักษรตัวยก รูปแบบ <SUP>…..</SUP> เปน็ คาสัง่ ใช้แสดงผลให้เปน็ อักษรตวั ยก เมื่อต้องการใหแ้ สดงผลทร่ี ะดับสูงกว่าระดับปกตแิ ละ มีขนาดเล็กกวา่ ตวั อักษรปกติ ตัวอย่างการใชง้ าน รูปแบบ<SUP>เปน็ ตัวยก</SUP> เม่อื ต้องการใหค้ าว่า “เป็นตัวยก” เปน็ ตัวยก กจิ กรรมระหวา่ งเรยี น ใหน้ กั เรยี นฝึกใชค้ าสง่ั การทาตวั ยก ขณะฝกึ ปฏิบัติสามารถถามเพอื่ น ในกลุ่มได้ และเมอื่ ฝึกปฏิบตั ิจนเข้าใจแล้ว ให้นักเรยี นทาใบงานที่ 3

หน้าที่ 27 ใบงานท่ี 3 เรอ่ื ง การตกแตง่ ขอ้ ความ ตอนที่ 1 หน่วยท่ี 2 การจัดขอ้ ความ ช่อื ……………………………………………………………………………ช้นั มัธยมศกึ ษาปีที่ ………….. เลขท่ี………….. คาชแี้ จง ใหน้ กั เรยี นเปิดแฟ้มข้อมลู ท่ชี ื่อ “school.html” ทเี่ ก็บไว้ใน Flash Drive ขน้ึ มา และให้สร้างเว็บเพจตามตวั อย่าง โดยบังคบั ใช้คาสัง่ ดงั ต่อไปน้ี 1. คาส่ังทาตวั หนา 2. คาส่ังทาตัวเอยี ง 3. คาส่ังทาตวั ขดี เสน้ ใต้ 4. คาสั่งทาตวั หอ้ ย 5. คาส่งั ทาตัวยก เกณฑก์ ารใหค้ ะแนน ทาถูกต้อง ให้ 1 คะแนน ทาผิด ให้ 0 คะแนน เกณฑก์ ารประเมินผล นกั เรยี นได้คะแนน 8-10 คะแนน ผา่ นเกณฑ์ อย่ใู นระดบั ดมี าก อยใู่ นระดบั ดี นกั เรยี นได้คะแนน 7 คะแนน ผา่ นเกณฑ์ อยู่ในระดบั พอใช้ อยู่ในระดับตอ้ งปรบั ปรุง นักเรยี นได้คะแนน 6 คะแนน ผา่ นเกณฑ์ นกั เรียนได้คะแนน 0-5 คะแนน ไมผ่ ่านเกณฑ์

หนา้ ที่ 28 รายการประเมิน ผลการปฏบิ ตั ิ ทาถูกต้อง ทาผิด รายการประเมนิ (1 คะแนน) (0 คะแนน) 1. กาหนดคาวา่ “เอกลกั ษณ์โรงเรยี น” ใหเ้ ป็นตัวหนา 2. กาหนดคาวา่ “ปรชั ญาโรงเรียน” ให้เปน็ ตัวหนา 3. กาหนดคาว่า “แหลง่ สร้างคนดี” ให้เปน็ ตัวเอียง 4. กาหนดคาวา่ “ทุกคนมีคุณคา่ ต่อสงั คม” ให้เป็นตวั ขดี เส้นใต้ 5. มีการใช้คาสั่งตัวห้อยตามตวั อยา่ ง 6. มีการใชค้ าสั่งตัวยกตามตัวอยา่ ง 7. เปดิ ไฟล์งาน “school.html” มาสรา้ งเวบ็ เพ่ิมเตมิ 8. มีการจดั ระเบียบ code ในหนา้ NotePad 9. ในภาพรวมการจดั หน้าเว็บเพจทส่ี ร้างขึน้ เหมือนกับตัวอยา่ ง 10. นกั เรยี นส่งงานตรงเวลาที่กาหนด รวมคะแนน (คะแนนเตม็ 10 คะแนน)

หน้าท่ี 29 ใบความรทู้ ่ี 4 เรือ่ ง การตกแต่งขอ้ ความ ตอนที่ 2 หน่วยการเรยี นที่ 2 การจัดขอ้ ความ กิจกรรมทบทวนความรเู้ ดมิ ให้นกั เรียนทบทวนความรู้เดิมเกยี่ วกบั การใชค้ าสงั่ การทาอกั ษรตัวหนา คาสงั่ การทาอกั ษรตัวเอียง คาสง่ั การทาตวั อักษรขีดเส้นใต้ คาสัง่ การทาอกั ษรตัวห้อย คาส่ังการทาอกั ษรตัวยก ขณะทบทวนสามารถถามเพื่อนในกลมุ่ ได้ และเม่ือทบทวน จนเขา้ ใจแลว้ ใหน้ กั เรยี นศกึ ษาหวั ขอ้ ต่อไป คาส่ังกาหนดขนาดของตวั อกั ษร รูปแบบ <FONT SIZE=“ตวั เลข 1-7”>…</FONT> เปน็ คาส่งั ใชก้ าหนดขนาดตวั อักษร สามารถกาหนดขนาดตัวอักษรไดต้ ้ังแต่ 1-7 โดยตัวเลข ยิ่งมีค่ามากขนาดตวั อักษรก็จะมีขนาดใหญ่ ซึ่งขนาดมาตรฐานมคี ่าอยู่ท่ี 3 ตวั อย่างการใชง้ าน <FONT SIZE=1>ขนาดตวั อกั ษรระดับ 1</FONT> เม่อื ต้องการให้คาวา่ “ขนาดตัวอกั ษรระดับ 1” มขี นาดตัวอกั ษรเป็นระดับ 1

หนา้ ที่ 30 กิจกรรมระหว่างเรยี น ใหน้ ักเรียนฝึกใชค้ าส่ังกาหนดขนาดของตัวอกั ษร ขณะฝึกปฏิบัติสามารถ ถามเพ่ือนในกลมุ่ ได้ และเมอื่ ฝึกปฏิบัตจิ นเขา้ ใจแล้ว ใหน้ ักเรยี นศึกษาหวั ข้อต่อไป คาสั่งกาหนดสตี วั อกั ษร รปู แบบ <FONT COLOR=“”>…</FONT> เป็นคาส่ังใช้กาหนดสีตวั อกั ษร สามารถกาหนดได้โดยกาหนดลักษณะพิเศษทชี่ ่ือ color ลงไป จากน้ันตามด้วยชอ่ื สี เช่น RED YELLOW BLUE หรอื รหัสของสี #006600 #993366 ตวั อยา่ งการใช้งาน <FONT COLOR=“BLUE”>โรงเรยี น</FONT> <FONT COLOR=“#006600”>โพธสิ มั พนั ธ์พิทยาคาร</FONT> เมอ่ื ต้องการให้คาว่า “โรงเรยี น” เป็นสนี า้ เงิน และคาว่า “โพธสิ มั พันธพ์ ิทยาคาร” เป็น สเี ขียว

หน้าที่ 31 กจิ กรรมระหวา่ งเรียน ให้นกั เรยี นฝกึ ใช้คาสั่งกาหนดสตี วั อักษร ขณะฝกึ ปฏิบัตสิ ามารถถามเพื่อน ในกล่มุ ได้ และเมื่อฝกึ ปฏบิ ัติจนเขา้ ใจแล้ว ใหน้ ักเรียนศึกษาหวั ข้อต่อไป คาสัง่ กาหนดแบบอักษร รูปแบบ <FONT FACE=“”>…</FONT> เป็นคาส่งั ใชก้ าหนดแบบอักษร สามารถกาหนดได้โดยระบุลกั ษณะพิเศษ (Attribute) คือ FACE ลงไป เช่น กาหนดแบบอักษรเป็น TH Niramit AS ตัวอยา่ งการใช้งาน <FONT FACE=“TH Niramit AS”>แบบอักษร TH Niramit AS</FONT> เม่ือต้องการให้คาวา่ “แบบอักษร TH Niramit AS” เปน็ แบบอกั ษร TH Niramit AS \\\\

หนา้ ที่ 32 กิจกรรมระหวา่ งเรยี น ใหน้ ักเรียนฝกึ ใช้คาสัง่ กาหนดแบบตวั อักษร ขณะฝึกปฏิบตั สิ ามารถ ถามเพ่อื นในกลุ่มได้ และเม่อื ฝึกปฏบิ ัติจนเขา้ ใจแลว้ ให้นักเรยี นศกึ ษาหวั ข้อต่อไป คาสั่งกาหนดสใี ห้กบั ตวั อกั ษรทงั้ เอกสาร รปู แบบ <Body text=รหสั สหี รอื กาหนดชอื่ สีทีต่ ้องการ> เป็นคาสั่งการกาหนดสีให้กับตัวอกั ษรทั้งเอกสาร ตัวอยา่ งการใช้งาน <Body text=กาหนดรหสั สีหรอื ชื่อสที ตี่ ้องการ>

หน้าที่ 33 กิจกรรมระหวา่ งเรียน ใหน้ กั เรียนฝกึ ใช้คาส่งั กาหนดสีใหก้ บั ตัวอักษรท้งั เอกสาร ขณะฝกึ ปฏิบตั สิ ามารถถามเพอ่ื นในกลุ่มได้ และเมื่อฝกึ ปฏบิ ัติจน เขา้ ใจแล้ว ใหน้ กั เรียนศึกษาหัวข้อต่อไป คาสง่ั กาหนดตวั อกั ษรเคลอื่ นท่ี รปู แบบ <Marquee Attribute>…</ Marquee> เปน็ คาสั่งการกาหนดแสดงผลของขอ้ ความใหม้ ีการเคลื่อนท่ี ตัวอย่างการใชง้ าน <Marquee behavior=alternate>โรงเรยี นโพธสิ ัมพันธ์พิทยาคาร</ Marquee> <Marquee behavior=scroll>โรงเรียนโพธิสมั พนั ธพ์ ทิ ยาคาร</ Marquee> <Marquee behavior=slide>โรงเรยี นโพธิสมั พนั ธ์พิทยาคาร</ Marquee> การระบุลกั ษณะพิเศษ Attribute เชน่ Alternate เมอ่ื ต้องการให้ข้อความว่งิ จากขอบซา้ ยมาขอบขวา เม่ือถงึ ขอบขวาแลว้ กว็ งิ่ กลบั ไปทางซา้ ย ว่ิงกลับไปกลบั มา Scroll เมือ่ ต้องการใหข้ ้อความวง่ิ จากขวามาซ้าย เมื่อถงึ ขอบซา้ ยก็ให้ข้อความวงิ่ จากขวามาซ้ายใหม่ Slide เมอ่ื ต้องการให้ข้อความวงิ่ จากขวามาซา้ ย เม่ือถึงขอบซ้ายแล้วกจ็ ะหยุดวง่ิ กจิ กรรมระหวา่ งเรียน ให้นกั เรยี นฝึกใชค้ าสง่ั กาหนดตวั อกั ษรเคล่ือนที่ ขณะฝกึ ปฏบิ ัติสามารถ ถามเพ่ือนในกล่มุ ได้ และเมือ่ ฝึกปฏบิ ตั จิ นเขา้ ใจแล้ว ใหน้ ักเรยี นทาใบงานท่ี 4

หน้าที่ 34 ใบงานที่ 4 เรอ่ื ง การตกแต่งข้อความ ตอนท่ี 2 หน่วยท่ี 2 การจัดขอ้ ความ ชอื่ ……………………………………………………………………………ชน้ั มัธยมศึกษาปีท่ี ………….. เลขท่ี………….. คาชแ้ี จง ให้สรา้ งหนา้ เว็บเพจตามตวั อย่าง และบกั ทกึ แฟ้มขอ้ มูลท่ชี ือ่ “vision.html” ไว้ใน Flash Drive โดยบงั คบั ใช้คาส่งั ดงั ต่อไปน้ี 1. คาสัง่ หัวเร่อื งเอกสาร เว็บ 2. คาสัง่ ตัวอกั ษรเคลือ่ นที่ 3. คาสง่ั กาหนดขนาดตวั อักษร 4-6 คาสัง่ กาหนดสตี ัวอักษร 7. คาสง่ั กาหนด สีตวั อกั ษร ท้งั เอกสาร 8. คาสั่งกาหนดแบบตวั อักษร

หน้าที่ 35 เกณฑ์การให้คะแนน ทาถกู ตอ้ ง ให้ 1 คะแนน ทาผิด ให้ 0 คะแนน เกณฑ์การประเมินผล นักเรียนได้คะแนน 10-12 คะแนน ผา่ นเกณฑ์ อยใู่ นระดับดีมาก อยู่ในระดับดี นักเรียนได้คะแนน 8-9 คะแนน ผา่ นเกณฑ์ อยู่ในระดบั พอใช้ อยใู่ นระดบั ต้องปรบั ปรงุ นักเรียนได้คะแนน 7 คะแนน ผ่านเกณฑ์ นักเรยี นได้คะแนน 0-6 คะแนน ไม่ผ่านเกณฑ์ รายการประเมิน ผลการปฏิบตั ิ รายการประเมิน ทาถกู ต้อง ทาผิด (1 คะแนน) (0 คะแนน) 1. กาหนดหวั เรอื่ งเอกสารเป็น “วิสัยทศั น์” 2. กาหนดคาวา่ “วิสัยทศั น์ พันธกจิ โรงเรยี นโพธิสัมพันธ์พิทยา คาร” เปน็ ตวั อักษรเคลื่อนท่ี 3. กาหนดขนาดตวั อักษรคาว่า “ตราโรงเรยี นโพธิสมั พนั ธพ์ ิทยาคาร” 4. กาหนดคาว่า “คตธิ รรม” ให้เปน็ สมี ่วง 5. กาหนดคาวา่ “ปรชั ญาโรงเรยี น” ให้เปน็ สีแดง 6. กาหนดคาว่า “สปี ระจาโรงเรยี น” ให้เปน็ สีเหลือง 7. กาหนดสตี วั อักษรทงั้ เอกสารเปน็ สเี ขียว 8. กาหนดแบบอักษรให้กบั คาวา่ “เอกลกั ษณ์โรงเรยี นโพธิสมั พนั ธ์ พิทยาคาร แหล่งสรา้ งคนดี” 9. ในภาพรวมการจดั หน้าเว็บเพจทสี่ ร้างขึ้นเหมอื นกับตวั อย่าง 10. มีการจดั ระเบียบ code ในหนา้ NotePad 11. บนั ทกึ ชน้ิ งานลงใน Flash Drive โดยต้งั ช่ือชน้ิ งานวา่ “vision.html” รวมคะแนน (คะแนนเตม็ 11 คะแนน)