บทที่ 5 เขียนบทความใน WordPress

แผนการจัดการเรียนรู้ รายวิชา 20901-2003 การสร้างเว็บเบื้องต้น หน่วยที่ 5 เขียนบทความใน WordPress นางสาวสุชาดา ถึกสถิตย์ สาขาวิชาเทคโนโลยีสารสนเทศ วิทยาลัยเทคนิคเวียงป่าเป้า สังกัดสำนักงานคณะกรรมการการอาชีวศึกษา กระทรวงศึกษาธิการ

แผนการจดั การเรยี นรู้ หนว่ ยท่ี 5 จานวน 3 ชว่ั โมง สัปดาหท์ ่ี 6-7 ชอ่ื วชิ า การสรา้ งเวบ็ เบื้องตน้ ชื่อหนว่ ย เขยี นบทความใน WordPress ชอื่ เรอื่ ง เขยี นบทความใน WordPress 1. สาระสาคญั การเขียนบทความใน WordPress มีขั้นตอนท่ีง่าย ไม่ยุ่งยาก เหมือนกับโปรแกรมเอกสารทั่วไป มี เคร่อื งมอื ตกแต่งอักษรที่คุ้นเคยอยู่แลว้ เชน่ ตัวหนา ตวั เอียง ตัวเอน ขีดฆ่า นอกจากนี้ยงั สามารถแทรกส่ือ มีเดยี ต่างๆ เชน่ ภาพ เสียง วิดโี อ ไดอ้ กี ด้วย 2. สมรรถนะและเกณฑก์ ารปฏบิ ตั งิ านประจาหนว่ ย 2.1 สมรรถนะประจาหนว่ ย 2.1.1 แสดงความรเู้ กี่ยวกบั เขียนบทความใน WordPress 2.1.2 สามารถสร้างแคเทอกอรีให้บทความ 2.1.3 สามารถสรา้ งแท็กใหบ้ ทความได้ 2.1.4 สามารถแทรกส่อื มลั ติมีเดยี ลงในบทความได้ 2.1.5 สามารถสรา้ งลงิ กใ์ น WordPress ได้ 2.2 เกณฑก์ ารปฏบิ ตั งิ านประจาหนว่ ย (ถ้ามี) 3. จุดประสงคก์ ารเรยี นรปู้ ระจาหนว่ ย 3.1 จดุ ประสงคท์ ว่ั ไป 3.1.1 เพื่อใหม้ คี วามรพู้ ื้นฐานเก่ียวเขยี นบทความใน WordPress และมที ศั นคตทิ ดี่ ี (ด้านความรู้) 3.1.2 เพือ่ ใหม้ ที กั ษะสร้างแคเทอกอรีใหบ้ ทความ(ด้านทักษะ) 3.1.3 เพื่อให้มีทักษะสามารถสรา้ งแท็กให้บทความ(ดา้ นทกั ษะ) 3.1.4 เพอ่ื ใหม้ ที กั ษะสามารถแทรกสือ่ มัลติมีเดยี ลงในบทความ(ด้านทกั ษะ) 3.1.5 เพอ่ื ใหม้ ที กั ษะสามารถสรา้ งลิงก์ใน WordPress (ดา้ นทักษะ) 3.1.6 เพอ่ื ใหม้ เี จตคตทิ ี่ดตี ่อการเตรียมความพร้อมด้าน วสั ดุ อุปกรณ์ และการปฏิบัตงิ านอย่าง ถูกตอ้ ง สาเรจ็ ภายในเวลาที่กาหนด มเี หตุและผลตามหลกั ปรชั ญาของเศรษฐกิจพอเพยี ง (ดา้ นคุณธรรม จริยธรรม) 3.2 จดุ ประสงคเ์ ชงิ พฤตกิ รรม 3.2.1 เพื่อให้นักเรียนแสดงความรูเ้ ก่ยี วกับเขยี นบทความใน WordPress ได้ 3.2.2 เพอื่ ให้นักเรียนสามารถสร้างแคเทอกอรีให้บทความได้ 3.2.3 เพือ่ ให้นกั เรยี นสามารถสรา้ งแท็กใหบ้ ทความได้ 3.2.4 เพอ่ื ให้นกั เรียนสามารถแทรกส่ือมัลติมเี ดยี ลงในบทความได้ 3.2.5 เพอื่ ให้นักเรยี นสามารถสร้างลงิ ก์ใน WordPress ได้

2 3.2.6 การเตรียมความพร้อมดา้ นการเตรยี มวสั ดุ อุปกรณ์ ผเู้ รียนจะต้องกระจายงานไดท้ ั่วถงึ และตรงตามความสามารถของสมาชิกทกุ คน มีการจัดเตรยี มสถานท่ี สอ่ื วสั ดุ อุปกรณ์ไว้อยา่ งพรอ้ มเพรยี ง (ด้านคุณธรรม จริยธรรม/บูรณาการเศรษฐกิจพอเพียง) 3.2.7 ความมเี หตมุ ีผลในการปฏิบตั ิงาน ตามหลกั ปรัชญาของเศรษฐกิจพอเพยี ง ผ้เู รยี นจะตอ้ งมี การใช้หลักการเรียนเพ่ือให้ร้แู ละเวลาที่เหมาะสมกบั การเรยี นรู้ (ด้านคณุ ธรรม จรยิ ธรรม/บูรณาการ เศรษฐกิจพอเพยี ง) 4. สาระการเรยี นรู้ เวลาโดยประมาณ 4.1 เขยี นบทความได้ 30 นาที 4.2 สรา้ งแคเทอกอรใี ห้บทความ 4.3 สรา้ งแท็กใหบ้ ทความได้ 30 นาที 4.4 แทรกสือ่ มลั ติมีเดียลงในบทความได้ 4.5 สร้างลิงก์ใน WordPress ได้ 80 นาที 5. กจิ กรรมการเรยี นรู้ การจดั การเรยี นการสอนแบบ Active Learning กจิ กรรม 1. ขนั้ เตรยี มการ 1.1 ผู้สอนจดั เตรียมเอกสาร 1.2 ผู้สอนแจ้งจุดประสงคก์ ารเรียนของหนว่ ยเรียนท่ี 5 และขอให้ผูเ้ รยี น ร่วมกนั ทากจิ กรรมการเรยี นการสอน 1.3 ผูส้ อนให้ผ้เู รยี นแสดงความรู้ โดยตัง้ คาถามวา่ เขียนบทความใน WordPressมหี ลักการอย่างไรพรอ้ มใหเ้ หตุผลประกอบ 2. ขนั้ เขา้ สู่บทเรยี น 2.1 ผูส้ อนจัดเตรียมเอกสาร พร้อมกบั แนะนารายวิชา วิธีการให้คะแนนและ วธิ ีการเรยี นเรื่อง เขยี นบทความใน WordPress สร้างแคเทอกอรีใหบ้ ทความ สร้าง แท็กใหบ้ ทความได้ แทรกสือ่ มัลตมิ เี ดียลงในบทความได้ แทรกสือ่ มลั ตมิ เี ดยี ลงใน บทความได้ 2.2 ผู้สอนแจง้ จดุ ประสงคก์ ารเรยี นของหนว่ ยเรียนท่ี 5 และขอให้ผู้เรียน ร่วมกันทากิจกรรมการเรยี นการสอน 3. ขน้ั สอน 3.1 ผู้สอนทดสอบความรูค้ วามเขา้ ใจเกยี่ วกบั เขยี นบทความใน WordPress โดย ใหผ้ เู้ รยี นทาแบบทดสอบก่อนเรียน 3.2 ผ้สู อนอธิบายเนอื้ หาเก่ียวกบั บทเรยี นวิชา การสรา้ งเว็บไซต์ หน่วยที่ 5 เรื่อง เขียนบทความใน WordPress และใหผ้ ูเ้ รียนศกึ ษาเอกสารประกอบการสอน วทิ ยาลยั เทคนิคเวยี งป่าเป้า สานกั งานคณะกรรมการการอาชวี ศกึ ษา

3 กจิ กรรม เวลาโดยประมาณ 3.3 ผู้สอนและผู้เรียนร่วมกันอธิบายพร้อมยกตัวอย่างถึงเขียนบทความใน 30 นาที WordPress ตามทไี่ ดศ้ กึ ษาจากบทเรียนคอมพิวเตอร์ชว่ ยสอน 4. ข้นั สรปุ 30 นาที 4.1 ผสู้ อนให้ผูเ้ รยี นทาแบบฝึกหดั ท้ายบทที่ 5 180 นาที 4.2 ให้ผู้เรียนเขียนเว็บเพจด้วย WORDPRESS ตามตัวอย่างท่ีกาหนด แล้ว แสดงผลจากคาสงั่ 4.3 ผู้สอนและผู้เรยี นรว่ มกันสรปุ เนื้อหาท่ไี ด้เรียนให้มีความเข้าใจในทิศทาง เดียวกัน 5. ขน้ั ประเมนิ ผล 5.1 ให้ผเู้ รียนทาแบบทดสอบหลงั เรยี น 5.2 ผู้สอนและผเู้ รยี นรว่ มกนั สรปุ เน้อื หาท่ีได้เรยี นให้มีความเขา้ ใจในทิศทาง เดียวกัน และผูส้ อนให้ผู้เรียนศกึ ษาเพม่ิ เตมิ นอกห้องเรยี น รวม 6. สอื่ และแหลง่ การเรยี นรู้ 6.1 หนังสือเรยี นวิชาการสรา้ งเวบ็ เบ้ืองตน้ 6.2 ใบงานและใบความรใู้ น Google Classroom 6.3 หอ้ งสมุดวิทยาลยั 7. หลกั ฐานการเรียนรู้ 7.1 กอ่ นเรยี น 1) จดั เตรียมเอกสาร สื่อการเรยี นการสอนหน่วยที่ 5 2) ทาความเขา้ ใจเก่ยี วกับจดุ ประสงคก์ ารเรียนของหน่วยท่ี 5 และให้ความรว่ มมอื ในการทา กจิ กรรมในหน่วยท่ี 5 3) ตอบคาถามกอ่ นเรยี น โดยการถาม – ตอบ หน่วยที่ 5 7.2 ขณะเรยี น 1) ปฏิบัตติ ามใบความรู้ที่ 5 เร่ืองเขียนบทความใน WordPress 2) ร่วมกนั สรปุ “เขียนบทความใน WordPress” 3) รว่ มกนั ทากจิ กรรมการเรียนรู้ การจัดการเรียนการสอนแบบ Active Learning 7.3 หลงั เรยี น 1) ทาแบบฝึกหดั ท้ายบทท่ี 5 2) ทาแบบประเมนิ การเรยี นรู้ วทิ ยาลยั เทคนิคเวยี งปา่ เป้า สานักงานคณะกรรมการการอาชวี ศกึ ษา

4 8. การวดั และประเมนิ ผล สง่ิ ทตี่ อ้ งการวดั วธิ กี ารประเมนิ เครอื่ งมอื วดั เกณฑก์ ารวดั ดา้ นความรู้ (K) 1 . นั ก เ รี ย น ส า ม า ร ถ อ ธิ บ า ย - ตรวจช้นิ งาน - ชิ้นงาน ผา่ นเกณฑร์ ้อยละ -แบบทดสอบ 80 ข้ึนไป ความหมายเขียนบทความใน -แบบทดสอบ WordPress ได้ 2. นักเรียนสามารถอธบิ ายแทรก และจัดการรูปภาพในเวบ็ เพจได้ ด้านทกั ษะและกระบวนการ (P) ผ่านเกณฑร์ ะดับ คุณภาพพอใช้ข้ึน นกั เรยี นสามารถ เขยี นบทความใน - สงั เกตการทางานโดย - แบบประเมนิ ผลงาน ไป จากการใช้ทักษะ WordPressได้ ใชท้ กั ษะปฏบิ ตั ิ ปฏบิ ัติกระบวนการ ทางานตา่ ง ๆ ดา้ นคณุ ลกั ษณะอนั พงึ ประสงค์ - สงั เกตพฤติกรรมการ - แบบประเมนิ ผ่านเกณฑร์ ะดับ (A) เขา้ เรยี นและการสง่ งาน คณุ ลกั ษณะอันพึง คุณภาพพอใช้ขึ้น 1 ตรงต่อเวลา - สังเกตพฤตกิ รรมความ ประสงค์ ไป 2. ใฝ่เรยี นรู้ ร่วมมือในการเรียน การ 3. ม่งุ มั่นในการทางาน แสวงหาความรู้ การตอบ คาถาม และการแสดง ความคิดเหน็ อยา่ งมี เหตผุ ล - สังเกตพฤตกิ รรมใน การทางานและผลงาน หรือช้ินงานทท่ี าออกมา วทิ ยาลยั เทคนิคเวียงปา่ เป้า สานักงานคณะกรรมการการอาชีวศึกษา

5 แบบทดสอบหนว่ ยที่ 5 เรอ่ื ง เขยี นบทความใน WordPress ตอนที่ 1 เลอื กคาตอบทถี่ กู ตอ้ งที่สดุ เพยี งขอ้ เดยี ว 1. ปุ่ม เปน็ เครอื่ งมอื เกย่ี วกบั อะไร ก. แสดง/ซอ่ นข้อความท่ีเปน็ ลงิ ก์ ข. แสดง/ซ่อน วดิ โี อ ค. แสดง/ซอ่ นเคร่ืองมอื เพิ่มเตมิ ง. แสดง/ซอ่ นภาพทม่ี ีขนาดใหญ่ 2. ป่มุ เปน็ เครอื่ งมอื เกยี่ วกบั อะไร ก. ขยายวิดโี อให้เตม็ หน้าจอ ข. ขยายหน้าจอเขยี นบทความ ค. ขยายหนา้ จอ WordPress ง. ขยายตวั อกั ษรให้มีขนาดใหญ่ 3. ปุ่ม เปน็ เครอ่ื งมอื เกย่ี วกบั อะไร ก. ตดั ทอนบทความ ข. แบง่ ขอ้ ความออกเป็น 2 แถว ค. แยกเนอื้ หาและวดิ ีโอให้สวยงาม ง. เวน้ ระยะหา่ งระหวา่ งบรรทัดให้มากขึ้น 4. ตวั เลอื ก Alt ทต่ี ง้ั ใหก้ บั ภาพทน่ี าเข้ามา มไี วเ้ พอื่ อะไร ก. เป็นคาใช้แทนภาพ ข. เพ่อื บรรยายภาพกรณีทภ่ี าพน้นั ไมส่ ามารถแสดงได้ ค. เพอ่ื บรรยายภาพกรณีที่ภาพนั้นแสดงช้า ง. ถูกทกุ ข้อ 5. หากเราสรา้ งบลอ็ กเกยี่ วกบั กาแฟ คาใดไมน่ า่ จะนามาใชเ้ ปน็ แคเทอกอรี ก. สายพนั ธ์ ข. แหลง่ ทีม่ า ค. การคว่ั ง. น้า 6. จากขอ้ ท่ี 5 คาใดตอ่ ไปนี้ ไมน่ า่ นามาใชเ้ ปน็ แทก็ ก. เอสเพรสโซ่ ข. อโรมา ค. ออกไซด์ ง. เครมา 7. ไฟลว์ ดิ โี อใดทไ่ี มส่ ามารถนาเขา้ มาในระบบ WordPress ได้ ก. mp4 ข. Flv ค. mpg ง. avi เฉลย 1. ค 2. ข 3. ก 4. ง 5. ง 6. ค 7.ข วทิ ยาลยั เทคนิคเวียงปา่ เป้า สานักงานคณะกรรมการการอาชีวศกึ ษา

6 ตอนที่ 2 ตอบคาถามตอ่ ไปน้ี 1. หากตอ้ งการเขยี นเรอ่ื ง และแทรกวดิ โี อลงไปในเนอ้ื เรอื่ ง ควรทาอย่างไร จงอธบิ าย เมอ่ิ ตอ้ งการแทรกวิดโี อทต่ี าแหนง่ ใด ให้ คลกิ ที่ปมุ่ เพิม่ สอื่ แล้วเลือกวดิ ีโอท่ีตอ้ งการ 2. อธิบายการนาวิดโี อจาก Youtube เขา้ มาในบล็อกของเรา 1. เปิดเว็บไซต์ www.youtube.com จากนน้ั เปิดวดิ ีโอท่ีต้องการใช้ข้ึนมา และทาการคัดลอกลิงค์ของ วิดีโอใน Youtube ด้วยการกด <Ctrl>+C ทค่ี ียบ์ อร์ด 2. คลิกที่ เพ่มิ สื่อ 3. คลกิ ท่ี จาก URL 4. คลิกเมาส์ท่ีชอ่ งกรอก URL จากนน้ั กด <Ctrl>+V เพื่อวางลิงค์จาก Youtube 5. คลิกที่ ใสเ่ ขา้ ในเร่ือง 3. เราใชแ้ คเทอกอรเี พอื่ อะไร เพราะเหตใุ ด แคเทอกอรีหรอื หมวดหมมู่ ีประโยชน์ในการชว่ ยแบ่งบทความของเราเปน็ หมวดหมู่ 4. เราใชแ้ ทก็ เพอื่ อะไร เพราะเหตุใด แทก็ (Tag) หรือ ปา้ ยกากบั ชว่ ยให้เราทราบว่าบทความนน้ั เกย่ี วข้องกับเรอ่ื งอะไร 5. เราใช้ลิงกเ์ พอื่ อะไร เพราะเหตุใด ลงิ ก์ใน WordPress จะไว้สาหรับ วทิ ยาลัยเทคนิคเวยี งปา่ เปา้ สานักงานคณะกรรมการการอาชีวศกึ ษา

7 9. บนั ทกึ ผลหลังการจัดการเรยี นรู้ หน่วยที่ 5 เขยี นบทความใน WordPress สปั ดาหท์ ี่ 6 9.1 ขอ้ สรปุ หลงั การจดั การเรยี นรู้ 9.2 ปญั หาทพี่ บ 9.3 แนวทางแกป้ ญั หา ลงชื่อ...................................................................... ลงชอื่ ...................................................................... (นางสาวสุชาดา ถกึ สถิตย์) (นายวันชัย วเิ ศษวงษา) ครผู ูส้ อน หัวหนา้ แผนกวิชาเทคโนโลยีสารสนเทศ ลงชื่อ...................................................................... ลงชื่อ...................................................................... (นางสาวธญั ญรัตน์ จารัส) (นางสาวธญั ญรัตน์ จารัส) ครู คศ.2 รักษาการแทน หวั หนา้ งานพฒั นาหลกั สูตรการเรียนการสอน รองผอู้ านวยการฝ่ายวิชาการ วิทยาลัยเทคนิคเวียงป่าเปา้ สานักงานคณะกรรมการการอาชวี ศกึ ษา