· 2019-11-26 · - วิธีการสร้างเว็บเพจ - ภาษา

1

หนวยการเรยนรเพอเสรมสรางคณลกษณะอยอยางพอเพยง

ชอหนวยพนฐานการสรางเวบไซตและการตดตงโปรแกรม Dreamweaver

วชาการงานอาชพและเทคโนโลย รหสวชา ง 30241 ชนมธยมศกษาปท 4

ครประจาวชา นายเอกพชย ชยทอง

โรงเรยนสราษฎรธาน ๒ ตาบลมะขามเตย อาเภอเมอง จงหวดสราษฎรธาน เขตพนทการศกษามธยมศกษาเขต 11

สานกงานคณะกรรมการการศกษาขนพนฐาน

2

Flowchart ระบบเรยนรโรงเรยนสราษฎรธาน ๒

ศกษาหลกสตร วเคราะหหลกสตรแกนกลาง

ไมนอยกวา 60%

ประเมนตดสนผล

ผาน/ไมผาน

รายงานผลการสอน/ประชาสมพนธใหผมสวนเกยวของ

พฒนาการจดการเรยนร ไมผาน

ผาน

นเทศภายใน และสนบสนนปจจยเออ

จดทาหนวยการเรยนร

คณะกรรมการตรวจและประเมนแผนการจดการเรยนร

จดกระบวนการเรยนรตามแผนการจดการเรยนร

วเคราะหคาอธบายรายวชา

วเคราะหผเรยนเพอกาหนดเปาหมาย

จดทาแผนการจดการเรยนรสอดแทรกตามหลก ปศพพ.

วเคราะหแผนการจดการเรยนร

วดผลเพอการพฒนา

ปรบปรง/ซอมเสรม

ผาน

ไมผาน

3

โครงสรางรายวชาการพฒนาเวบไซต ชนมธยมศกษาปท 4 เวลา 40 ชวโมง/ภาคเรยน

สาระการเรยนร หนวยท 1 พนฐานการสรางเวบไซตและการตดตงโปรแกรม Dreamweaver CS3 - ความรความเขาใจเกยวกบเวลดไวดเวบ

- วธการสรางเวบเพจ - ภาษา HTML - ความตองการระบบของโปรแกรม Dreamweaver CS3 - ตดตงและถอนโปรแกรม Dreamweaver CS3 - การเรยกใชงานโปรแกรม Dreamweaver CS3

หนวยท 2 สวนประกอบของโปรแกรมและการสรางไซต - สวนประกอบของโปรแกรม

- การใชงานเครองมอในโปรแกรม - อธบายความหมายของไซต - วางแผนการสรางเวบไซต - การสรางเวบไซต - การจดการกบเวบเพจ

หนวยท 3 การใสขอมลในเอกสารเวบเพจ - การพมพขอความและจดรปแบบขอความ

- การใสสญลกษณ อกขระพเศษและวนท - ชนดของรปภาพ - การแทรกรปภาพและจดการกบรปภาพ - การตกแตงแกไขรปภาพ

หนวยท 4 การสรางตาราง - การสรางตาราง - การใสขอมลลงในตาราง - เลอกสวนและปรบขนาดโครงสรางของตาราง - เปลยนแปลงจานวนแถวและคอลมน - การจดรปแบบของตาราง - การสรางหนาโฮมเพจโดยใชตาราง

หนวยท 5 การเชอมโยงเวบเพจและการอพโหลดเวบไซต - การเชอมโยงภายในเวบเพจเดยวกน - การเชอมโยงภายในเวบไซตเดยวกน

- การเชอมโยงไปยงเวบไซตอน - การเชอมโยงไปยงอเมลล - การอพโหลดเวบไซตเขาสระบบอนเตอรเนต

4

หนวยท 6 การพฒนาเวบไซต - การเชอมโยงภายในเวบเพจเดยวกน - การเชอมโยงภายในเวบไซตเดยวกน

- การเชอมโยงไปยงเวบไซตอน - การเชอมโยงไปยงอเมลล - การอพโหลดเวบไซตเขาสระบบอนเตอรเนต

5

ผงภาพวเคราะหหนวยการเรยนร “พอเพยง” ชอหนวยการเรยนร พนฐานการสรางเวบไซตและการตดตงโปรแกรม Dreamweaver CS3

ชนงาน / ภาระงาน สมรรถนะสาคญของผเรยน คณลกษณะอนพงประสงค - แบบฝกหด - รายงาน - แบบทดสอบปฏบต - แบบทดสอบเกบคะแนน ประจาหนวย

- ความสามารถในการคด - ความสามารถในการสอสาร - ความสามารถในการใชเทคโนโลย - ความสามารถในการใชทกษะชวต

- มวนย - ใฝเรยนร - มงมนในการทางาน - มความซอสตยสจรต - อยอยางพอเพยง - มจตสาธารณะ

หนวยพอเพยง

สาระสาคญ/ความคดรวบยอด

เวลดไวเวบ (World Wide Web) หรอทเรยกสน ๆ วาเวบ (Web) เปนบรการขอมลขาวสารในแบบสอประสมหรอมลตมเดย (Multimedia) กลาวคอขอมลเหลานเปนขอมลทมทงภาพและเสยงประกอบกน การสรางเวบไซตทาไดโดยการเขยนโปรแกรมดวยภาษา HTML และใชโปรแกรมสาเรจรปสาหรบสรางเวบไซต ไดแกโปรแกรม Dreamweaver CS3 การตดตงโปรแกรม Dreamweaver CS3 ผใชงานจะตองทราบถงความตองการของระบบ และควรตรวจดคณสมบตของเครองคอมพวเตอรวาสามารถรองรบการตดตงหรอการทางานของโปรแกรมไดอยางมประสทธภาพ

แผนการจดการเรยนรท 1 เรอง พนฐานการสรางเวบไซต

มาตรฐานการเรยนร/ตวชวด (ผลการเรยนร) มาตรฐาน ง 2.1 (1) ง 2.1 (2)

แผนการจดการเรยนรท 2 เรอง การตดตงโปรแกรม Dreamweaver CS3 มาตรฐานการเรยนร/ตวชวด (ผลการเรยนร)

มาตรฐาน ง 2.1 (2) ง 2.1 (5)

6

หนวยการเรยนรตามหลกปรชญาของเศรษฐกจพอเพยง หนวยการเรยนรท 1 พนฐานการสรางเวบไซตและการตดตงโปรแกรม Dreamweaver CS3

รายวชา การพฒนาเวบไซต 1 รหสวชา ง 30241 กลมสาระการเรยนร การงานอาชพและเทคโนโลย ชนมธยมศกษาปท 4 ภาคเรยนท 1 เวลาเรยน 6 ชวโมง

****************************************************************************************************** 1. มาตรฐานการเรยนร /ตวชวด (ผลการเรยนร)

มาตรฐาน ง 2.1 เขาใจเทคโนโลยและกระบวนการเทคโนโลย ออกแบบและสรางสงของเครองใชหรอวธการ ตามกระบวนการเทคโนโลยอยางมความคดสรางสรรค เลอกใชเทคโนโลยในการทางสรางสรรคตอชวต สงคม สงแวดลอม และมสวนรวมในการจดการเทคโนโลยทยงยน

ผลการเรยนร (1) อธบายความหมาย องคประกอบและการใชงานเวลดไวดเวบ (World Wide Web) ได (2) อธบายวธการสรางเวบไซตและเขยนโปรแกรมภาษา HTML ได (3) สามารถตดตงโปรแกรม ถอนโปรแกรมและเรยกใชงานโปรแกรม Dreamweaver CS3 ได

2. สาระสาคญ/ความคดรวบยอด (เขยนเปนความเรยง) เวลดไวเวบ (World Wide Web) หรอทเรยกสน ๆ วาเวบ (Web) เปนบรการขอมลขาวสารในแบบสอประสมหรอมลตมเดย (Multimedia) กลาวคอขอมลเหลานเปนขอมลทมทงภาพและเสยงประกอบกน การสรางเวบเพจทาไดโดยการเขยนโปรแกรมดวยภาษา HTML และใชโปรแกรมสาเรจรปสาหรบสรางเวบไซต ไดแกโปรแกรม Dreamweaver CS3 การตดตงโปรแกรม Dreamweaver CS3 ผใชงานจะตองทราบถงความตองการของระบบ และควรตรวจดคณสมบตของเครองคอมพวเตอรวาสามารถรองรบการตดตงหรอการทางานของโปรแกรมไดอยางมประสทธภาพ 3. สาระการเรยนร ( เนอหา)

- ความรความเขาใจเกยวกบเวลดไวดเวบ (World Wide Web) - ความหมายของเวลดไวดเวบ (World Wide Web) - องคประกอบของเวลดไวดเวบ (World Wide Web) - วธการสรางเวบเพจ - การเขยนโปรแกรมภาษา HTML - ความตองการระบบของโปรแกรม Dreamweaver CS3 - การตดตงและถอนโปรแกรม Dreamweaver CS3 - การเรยกใชงานโปรแกรม Dreamweaver CS3

4. สมรรถนะการเรยนรของผเรยน (ระบสมรรถนะยอย)

- ความสามารถในการคด (ตอบคาถาม รวมแสดงความคดเหน ทาแบบฝกหด ทาแบบทดสอบ) - ความสามารถในการสอสาร (การทางานกลม การแลกเปลยนเรยนร) - ความสามารถในการใชเทคโนโลย (ตดตงโปรแกรม ถอนโปรแกรม เรยกใชงานโปรแกรม) - ความสามารถในการใชทกษะชวต (การทางาน การอยรวมกบผอน)

7

5. คณลกษณะอนพงประสงค (ระบลกษณะยอย) - มวนย (แตงกายเรยบรอย)

- ใฝเรยนร (ตงใจเรยน เขาเรยนตรงเวลา นาสมดเอกสารหนงสอมาทกครง) - มงมนในการทางาน (ตงใจทางานทไดรบมอบหมายสงตามกาหนดเวลา) - มความซอสตยสจรต (ไมทจรตในการสอบ) - มจตสาธารณะ (ชวยกนปดไฟ ปดเครองปรบอากาศ ปดคอมพวเตอรทกครง เกบเกาอเรยบรอย ไมทง

ขยะในหองเรยน รวมทาเวรรกษาความสะอาดหองเรยน) - อยอยางพอเพยง (รจกใชวสดอปกรณการเรยนอยางเหมาะสม ไมฟมเฟอย ใชงานถกตองตามภาระงาน

ชวยใหมความรความเขาใจในเนอหาสาระและมทกษะในการใชงานคอมพวเตอรอยางสรางสรรค) 6. ชนงาน หรอ ภาระงาน

- แบบฝกหด - รายงาน - แบบทดสอบปฏบต - แบบทดสอบเกบคะแนนประจาหนวย

7. กระบวนการจดการเรยนร แผนการจดการเรยนรท 1 ใชกระบวนการจดการเรยนรแบบ 3 ขน การสบคน การปฏบต แผนการจดการเรยนรท 2 ใชกระบวนการจดการเรยนรแบบ 3 ขน การสบคน การสาธต การปฏบต 8. วสดอปกรณ /สอ /แหลงเรยนร (หนงสอ/เอกสารประกอบการสอน/ใบงาน/ใบความร (สถานทจรง/ภมปญญา ทองถน/สถานประกอบการ/อนเตอรเนตฯลฯ) - อาจารยเศรษฐชย ชยสนท การพฒนาเวบเพจดวยโปรแกรมสาเรจรป สานกพมพวงอกษร - อภททรา เหลองวลาศ ออกแบบและสรางเวบไซตดวย Dreamweaver CS3 ซเอดยเคชน - ใบความร

- PowerPoint ประกอบการสอนเรองเวลดไวดเวบ - ตวอยาง Video เรองความสาคญของเวบไซต

- แบบฝกหด - แบบทดสอบ

- เครองคอมพวเตอร - โปรแกรม Dreamweaver CS3 - อนเตอรเนต - ตวอยางเวบไซต

8

9. การวดและประเมนผล

10. การวเคราะหหลกปรชญาของเศรษฐกจพอเพยงในการจดการเรยนร 10.1 ผสอนนาหลกปรชญาของเศรษฐกจพอเพยงมาจดการเรยนร ดงน

3 หวง ประเดน

พอประมาณ มเหตผล มภมคมกนในตวทด

เนอหา - ครมการวเคราะหหลกสตรกาหนดเนอหาไดสอดคลองกบมาตรฐาน ตวชวด และเหมาะสมกบเวลา วย ความสามารถของนกเรยน

- เพอใหนกเรยนไดเรยนร ตรงตามมาตรฐานและตวชวดและครบถวนตามกระบวนการ - การเลอกแบบการจดการเรยนรใหเหมาะสมกบเนอหาและผเรยน

- ลาดบเนอหาจากงายไปหายาก เพอใหผเรยนเขาใจงาย - เตรยมเนอหาในการเรยนรใหครอบคลมตามมาตรฐาน และตวชวด - มการเตรยมเนอหา ศกษาเนอหาเปนอยางดกอนการจดการเรยนการสอน

เวลา - จานวนสมาชกเหมาะสมกบ เวลาในการปฏบตงานอยางพอเพยง - กาหนดเวลาไดเหมาะสมกบเนอหาและกจกรรมการเรยนร

- มเครองคอมพวเตอรและใบความรเพยงพอกบผเรยน - สถานท หองเรยนเพยงพอ - นกเรยนไดทากจกรรมอยางมประสทธภาพ

- วางแผนการทางานลวงหนา - มการจดสรรเวลาทสมพนธกบกจกรรมการเรยนร

วธการจดกจกรรมการเรยนร

- มการออกแบบกจกรรมการเรยนรทเหมาะสมในการพฒนาผเรยนใหบรรลตามวตถประสงค - แบงกลมผเรยนไดเหมาะสมกบภาระงาน - เนนการปฏบตจรง

- การเลอกวธการจดการเรยนการสอนทเหมาะสมกบเนอหา - สงเสรมใหผเรยนมคณภาพตามมาตรฐานและตวชวด

- มการวางแผนการการจดการเรยนรลวงหนา - สอนตามแผนการจดการเรยนร - มสอการสอน - ยดหยนกจกรรมและเนอหาตามสถานการณอยางเหมาะสม

สอ/อปกรณ/แหลงเรยนร

- จดหาแหลงเรยนรทเหมะสมกบกจกรรมเนอหาและความสนใจ

- นกเรยนไดศกษาคนควาดวยตนเองเปนสาคญ

- ลดเวลาและคาใชจาย - นกเรยนไดรบการแนะนาทถกตองเหมาะสม

การวดและประเมนผล

- ตวอยางเวบไซต - ตวอยางโปรแกรม - ใบความร - หองปฏบตการเพยงพอ

- สามารถหาไดในอนเตอรเนต - สรางสอเองได - ใชสออปกรณโสตฯไดอยางเหมาะสม

- ลดคาใชจายและเวลาในการคนหา - นกเรยนเหนของจรงทาใหเกดแรงบนดาลใจ

การวดผลและประเมนผล

ดาน วธการ เครองมอ เกณฑการวดและ

ประเมนผล ความร (K) - ตรวจผลงาน

- การทดสอบ - แบบฝกหด - แบบทดสอบ

คะแนนรอยละ 60

ทกษะกระบวนการ (P) - ทดสอบปฏบต - ตรวจรายงาน

- แบบทดสอบปฏบต - รายงานการสบคน

คะแนนรอยละ 60

คณลกษณะ (A) - สงเกตพฤตกรรม - แบบสงเกตพฤตกรรม คะแนนรอยละ 60

9

ความรทครจาเปนตองม

เวลดไวดเวบ (World Wide Web) โปรแกรม Dreamweaver CS3 การตดตงโปรแกรม การถอนโปรแกรม และการเรยกใชงานโปรแกรม Dreamweaver CS3

คณธรรมของคร มความรบผดชอบ อดทน ใจเยน มมงมนเอาใจใสในการจดการเรยนรใหนกเรยนดวยความรกและความเมตตา

10.2 ผเรยนไดเรยนรหลกคดและฝกปฏบตตามหลก 3 หวง 2 เงอนไข ดงน

3 หวง 2 เงอนไข

พอประมาณ มเหตผล มภมคมกนในตวทด - ผเรยนใชเวลาในการทากจกรรมการเรยนรตรงตามเวลาทกาหนดเปนไปตามขนตอน - ผเรยนใชวสดอปกรณอยางประหยดและคมคา

- ผเรยนปฏบตกจกรรมการเรยนรไดครบถวนสาเรจตามวตถประสงค - ผเรยนคดวเคราะห แกปญหาไดอยางอยางเหมาะสม - ผเรยนรจกใชสอยสงตางๆ อยางเหมาะสมไมฟมเฟอย

- มการวางแผนการปฏบตงานลวงหนา - สามารถหาความรเพมเตมไดจากอนเตอรเนต

ความรทตองม

เวลดไวดเวบ โปรแกรมเวบบราวเซอร ภาษา HTML โปรแกรม Dreamweaver CS3 การตดตง การถอนโปรแกรม และการเรยกใชงานโปรแกรม

คณธรรม รกชาต ศาสนา พระมหากษตรย มวนย ใฝเรยนร มงมนในการทางาน มความซอสตยสจรต และอยอยางพอเพยง มจตสาธารณะ

10.3 ผลลพธ ทเกดขนกบผเรยนจากการจดกจกรรมการเรยนรบรณาการหลกปรชญาของเศรษฐกจ พอเพยงส 4 มต ดงน

ผลลพธ อยอยางพอเพยง สมดล และพรอมรบการเปลยนแปลงในดานตาง ๆ

วตถ สงคม สงแวดลอม วฒนธรรม

ความร มความรอยางเพยงพอในการใชงานตดตงและถอนโปรแกรม

กระบวนการทางานกลม การใชงานเทคโนโลยอยางคมคาประหยดพลงงาน

การประหยดพลงงานและการอนรกษสงแวดลอม

ทกษะ

ใชงานเครองคอมพวเตอร โปรแกรม อนเตอรเนตไดอยางคลองแคลวชานชานาญ

- กระบวนการทางานรวมกน - การมปฏสมพนธระหวางเพอนกบเพอนครกบศษย - เกดการชวยเหลอซงกนและกน

ทกษะการทาความสะอาด การเกบรกษาวสดอปกรณ โปรแกรมและเครองคอมพวเตอร

- รกความเปนระเบยบ - รกความสะอาด

คานยม

- เหนประโยชนของการปฏบตงาน - ทาใหมองเหนแนวทางในการนาความรไปใชงานในชวตประจาวนและการประกอบอาชพ

- เกดความภาคภมใจรวมกนในการสรางสรรคงาน - มความสามคค ยอมรบฟงความคดเหนของผอน

- สมาชกรวมกนอนรกษสงแวดลอมตระหนกในการใชทรพยากร - เหนคณคาและมจตสานกในการประหยดพลงงาน

- การดารงชวตอยางพอเพยง

10

แผนการจดการเรยนรบรณาการหลกปรชญาของเศรษฐกจพอเพยง โรงเรยนสราษฎรธาน ๒

แผนการเรยนรท 1 เรอง พนฐานการสรางเวบไซต จานวน 3 ชวโมง กลมสาระการเรยนร การงานอาชพและเทคโนโลย รายวชา การพฒนาเวบไซต 1 รหสวชา ง 30241 หนวยการเรยนรท 1 เรอง พนฐานการสรางเวบไซตและการตดตงโปรแกรม จานวนชวโมงของหนวย 6 ชวโมง ------------------------------------------------------------------------------------------------------------------------------------- 1. มาตรฐานการเรยนร /ตวชวด มาตรฐาน ง 2.1 เขาใจเทคโนโลยและกระบวนการเทคโนโลย ออกแบบและสรางสงของเครองใช หรอวธการ ตามกระบวนการเทคโนโลยอยางมความคดสรางสรรค เลอกใชเทคโนโลยในทางสรางสรรคตอชวตสงคม สงแวดลอม และมสวนรวมในการจดการเทคโนโลยทยงยน ผลการเรยนร

(1) อธบายความหมาย องคประกอบและการใชงานเวลดไวดเวบ(World Wide Web) ได (2) อธบายวธการสรางเวบไซตและเขยนโปรแกรมภาษา HTML ได

2. จดประสงคการเรยนรสตวชวด 2.1 อธบายความหมายของเวลดไวดเวบ (World Wide Web) ได 2.2 บอกองคประกอบของเวลดไวดเวบ (World Wide Web) ได 2.3 อธบายวธการสรางเวบเพจได 2.4 เขยนโปรแกรมภาษา HTML เบองตนได 2.5 ใชงานเวบไซตอยางสรางสรรค เกดประโยชนตอตนเองและสงคม ไมละเมดสทธ ลขสทธของผอน

3. สาระสาคญ เวลดไวเวบ (World Wide Web) หรอทเรยกสน ๆ วาเวบ (Web) เปนบรการขอมลขาวสารในแบบสอประสมหรอมลตมเดย (Multimedia) กลาวคอ ขอมลเหลานจะเปนขอมลทมทงภาพและเสยงประกอบกน การสรางเวบเพจทาไดโดยการใชโปรแกรมสาเรจรปสาหรบสรางเวบไซตและการเขยนโปรแกรมดวยภาษา HTML 4. สาระการเรยนร ( เนอหา/ทกษะทจะจดการกจกรรมการเรยนร) 4.1 ความร

- อธบายความหมายของเวลดไวดเวบ (World Wide Web) - บอกองคประกอบของเวลดไวดเวบ (World Wide Web) - อธบายวธการสรางเวบเพจ - เขยนโปรแกรมภาษา HTML เบองตน

4.2 ทกษะ/กระบวนการ/กระบวนการคด - การทางานเปนกลม - การสบคน การแสวงหาความร - การตอบคาถาม

- การอภปรายแสดงความคดเหน

11

5. คณลกษณะอนพงประสงค - มวนย ใฝเรยนร มงมนในการทางาน มความซอสตยสจรต อยอยางพอเพยง และมจตสาธารณะ

6. สมรรถนะสาคญของผเรยน - ความสามารถในการคด (ตอบคาถาม แสดงความคดเหน) - ความสามารถในการสอสาร (การทางานกลม ตอบคาถาม แสดงความคดเหน) - ความสามารถในการใชเทคโนโลย (สบคนขอมล จดทารายงาน) - ความสามารถในการใชทกษะชวต (การทางานรวมกบผอน)

7. ชนงาน หรอ ภาระงาน (จากหนวยฯ ส แผนฯ และ สมพนธกบการวดผล ประเมนผล) - แบบฝกหด เรอง พนฐานการสรางเวบไซต

- ศกษาคนควาจดทารายงานเรองเวลดไวเวบ (World Wide Web) 8. กระบวนการจดการเรยนร (3 ขน และระบคาถามกระตนการคดของผเรยน 2- 3- 4)

(สปดาหท 1 ชวโมงท 1-2) 8.1 ขนนา

1. นกเรยนเขาแถวตามเลขทหนาหองเรยน ครตรวจดความเรยบรอยการแตงกาย เปนการเตรยมความพรอมใหกบนกเรยนและฝกระเบยบวนย (วฒนธรรม)

2. ครชแจงเรองการบอกชนทาความเคารพโดยใหทกคนเวยนกนเปนผบอกทาความเคารพเพอฝกการเปนผนาและผตามทด

3. ครถามนกเรยนวาทาไมตองทาความเคารพคณครกอนเรยน : ครเนนยาใหทกคนปฏบตใหดมความออนนอมและพรอมเพรยงกนเพอฝกมารยาทและรกษาไวซงวฒนธรรมไทย (คณธรรม วฒนธรรม)

4. ปฐมนเทศรายวชา ครผสอนแนะนาตว ชอวชา รหสวชา คาอธบายรายวชา ผลการเรยนรรายวชา เกณฑการประเมน ผเรยนแนะนาตวเองเปนรายบคคล

5. ครใหนกเรยนทาแบบทดสอบกอนเรยน (20 นาท) 8.2 ขนสอน

1. นกเรยนแบงกลมๆ ละ 3-4 คน โดยครดแลใหแตละกลมมนกเรยนเกงออนคละกนไป ครถามนกเรยนวาทาไมตองใหแบงกลมลกษะน ทาไมไมแบงตามความสมครใจ (เพอใหแตละกลมมความสามารถในการเรยนรทใกลเคยงกนสามารถชวยเหลอใหคาแนะนาภายในกลมได) (มเหตผล พอประมาณ มภมคมกน)

2. ตวแทนกลมรบใบความรจากคร สมาชกรวมกนศกษาใบความรเรองพนฐานการสรางเวบและสรปความรทไดรบลงในสมดโดยใชรปแบบของ Mind Map (ใชเวลา 20 นาท)

3. ครสมถามนกเรยนเปนรายบคคลวามประสบการณในการใชงานอนเตอรเนตในดานใดบาง จากนนใหนกเรยนบอกเลาประสบการณในการใชอนเตอรเนตใหเพอนฟง

4. ครถามนกเรยนแตละกลมเกยวกบความหมายของเวลดไวดเวบ (World Wide Web) โดยใหตวแทนนกเรยนแตละกลมนาเสนอเพอแลกเปลยนเรยนร (ความร)

5. ครถามนกเรยนเกยวกบองคประกอบของเวลดไวดเวบ (World Wide Web) โดยใหตวแทนนกเรยนแตละกลม (ไมซาคนเดม) นาเสนอเพอแลกเปลยนเรยนร (ความร)

12

6. ครนาตวอยางเวบไซตมาเปดใหนกเรยนด และใหนกเรยนชวยกนจาแนกขอมลในหนาเวบวามขอมลอะไรบาง (ความร เหตผล)

7. ครถามนกเรยนเกยวกบความหมายและการใชงานของเวบบราวเซอร และนกเรยนชวยกนยกตวอยางเวบบราวเซอรทนกเรยนรจกอยางหลากหลาย (ความร)

8. จากนนใหนกเรยนไดทดลองเปดโปรแกรมเวบบราวเซอร (Google Chrome) ขนมาและเขาใชงานเวบไซตโรงเรยน

9. ครถามนกเรยนวาทาไมตองรจกโปรแกรมเวบบราวเซอรหลายๆ ตว และถามวานกเรยนจะเลอกใชโปรแกรมเวบบราวเซอรตว เพราะอะไร (มเหตผล พอประมาณ มภมคมกน)

10. ครตงคาถามเกยวกบการใชงานอนเตอรเนตสาหรบการทองเวบของนกเรยน (ถามรายคน) วาเขาใชงานเวบไซตประเภทใดบาง และใชงานกชวโมงตอวน

11. นกเรยนเปรยบเทยบกบการใชงานอนเตอรเนตของตนเองกบของเพอนเพอดความแตกตาง จากนนครแนะนาการใชงานอนเตอรเนตอยางเหมาะสม (กชวโมงตอวน) ครเนนยาใหนาไปปฏบตอยางสมาเสมอเพอสขภาพทดและเปนการชวยประหยดคาใชจาย (มเหตผล พอประมาณ มภมคมกน)

12. ครสอบถามนกเรยนวามวธการใชงานเวบไซตอยางไรไมใหทาผดกฎหมายตาม พรบ.คอมพวเตอร (ความร คณธรรม ภมคมกน)

13. ครถามนกเรยนวา นกเรยนควรเลอกใชโปรโมชนอนเตอรแบบใดจงจะเหมาะสมกบนกเรยน จากนนครแนะนาวธการเลอกใชงานเครอขายผใหบรการอนเตอรเนตและโปรโมชนทเหมาะสมกบนกเรยน (มเหตผล พอประมาณ มภมคมกน)

14. ครตงคาถามนกเรยนวา นกเรยนมวธการแชรอนเตอรเนต ทงในสวนของอนเตอรเนตบานและสมารทโฟนอยางไร เพอใหนกเรยนไดนาไปประยกตใชใหเกดประโยชนตอการใชงานในชวตประจาวน (มภมคมกน)

15. ครมอบหมายงานใหนกเรยนศกษาคนควาและทารายงานเรองเวลดไวเวบ (World Wide Web) ประกอบดวย ประวตความเปนมา ความหมาย องคประกอบ ประโยชน ผลกระทบทางลบ การประยกตใชงาน 8.3 ขนสรป

1. นกเรยนและครรวมกนแลกเปลยนเรยนรวาการเรยนในวนนไดใชหลกปรชญาของเศรษฐกจพอเพยงอยางไรบางและสามารถนาไปประยกตใชในชวตประจาวนไดอยางไร

2. ครและนกเรยนรวมกนสรปความหมาย องคประกอบและการใชงานเวลดไวดเวบ การเลอกใชโปรแกรมเวบบราวเซอรและการใชงานเวบไซตอยางเหมาะสม

3. นกเรยนตรวจดความเรยบรอยโตะทนง เครองคอมพวเตอร ปดเครองคอมพวเตอรทกครงเพอประหยดไฟฟาและยดอายการใชงาน นกเรยนเกบเกาอเขาทเดมเพอความเปนระเบยบเรยบรอย (คณธรรม วฒนธรรม)

(สปดาหท 2 ชวโมงท 3)

8.1 ขนนา 1. นกเรยนบอกชนทาความเคารพโดยใหทกคนเวยนกนเพอฝกการเปนผนาและผตาม โดยเนนยาใหทกคน

ปฏบตใหดมความออนนอมและพรอมเพรยงกนเพอฝกมารยาทและรกษาไวซงวฒนธรรมไทย (คณธรรม วฒนธรรม) 2. ครตรวจสอบรายชอนกเรยนทเขาชนเรยน ตรวจดความเรยบรอยเรองการแตงกายของนกเรยนเปนการ

เตรยมความพรอมใหกบนกเรยนและฝกระเบยบวนย (คณธรรม วฒนธรรม)

13

3. ครและนกเรยนรวมกนทบทวนเรองเวลดไวเวบ (World Wide Web) ทเรยนในสปดาหทผานมา และเรยกเกบรายงานของแตละกลม

4. ครเปดตวอยางหนาเวบไซตใหนกเรยนด และสมถามนกเรยนเปนรายบคคลวาหนาเวบไซตมวธการสรางอยางไร เพอเปนการแลกเปลยนเรยนรและดพนฐานความรของนกเรยน 8.2 ขนสอน

1. นกเรยนแบงกลมๆ ละ 3-4 คน (กลมเดม) ตวแทนกลมรบใบความรจากครสมาชกในกลมรวมกนศกษาใบความรเรองการสรางเวบดวยโปรแกรมสาเรจรปและการเขยนโปรแกรมภาษา HTML จากนนสรปลงในสมด (ความร มภมคมกน)

2. ครตงคาถามเกยวกบวธการสรางเวบไซตวามกวธอะไรบาง ใหนกเรยนแตละกลมชวยคดและแขงขนกนตอบ วากลมไหนจะตอบไดกอนและตอบไดถกตอง ครกลาวคาชมเชยแกกลมทตอบไดกอนและถกตอง และใหกาลงใจกลมอนๆ วาครงตอไปกลมของเราจะตองชนะบาง (ความร คณธรรม)

3. ครสรปวธการสรางเวบไซตใหนกเรยนฟงอกครงหนงและแนะนาวาในการสรางเวบไซตนนนกเรยนควรมพนฐานในเรองการเขยนโปรแกรมภาษา HTML ดวย เพอสามารถปรบใชงานและแกปญหาไดเมอไมมโปรแกรมสาเรจรป (พอประมาณ ภมคมกน)

4. ครตงคาถามนกเรยนเกยวกบประโยชนของภาษา HTML นกเรยนแตละกลมชวยกนระดมความ คดและแขงขนกนตอบคาถามวากลมใดจะตอบไดกอนและถกตอง (ความร มเหตผล)

5. ครสมเลอกตวแทนนกเรยนแตละกลมออกมาอธบายเรองโครงสรางและคาสงหลกในการเขยนโปรแกรมภาษา HTML ใหเพอนๆ ฟง

6. ครอธบายและสาธตวธการเขยนโปรแกรมสรางเวบไซตดวยภาษา HTML ใหนกเรยนดโดยเขยนโปรแกรมเพอนาเสนอขอมลประวตของตนเอง คนละ 5 บรรทด

7. นกเรยนฝกปฏบตการเขยนโปรแกรมภาษา HTML ในเครองของตนเอง โดยครคอยใหคาแนะนา 8. ครสาธตวธการบนทกงานการเขยนโปแกรมภาษา HTML โดยจะตองจะชองานเปนภาษาองกฤษโดยม

นามสกลไฟลเฉพาะเปน .html 9. นกเรยนปฏบตการบนทกงานการเขยนโปรแกรมภาษา HTML ในเครองของตนเอง ครคอยใหคาแนะนา 10. ครอธบายและสาธตวธเปดการแสดงผลหนาเวบเพจทเกดจากการเขยนโปรแกรมภาษา HTML ให

นกเรยนดและใหนกเรยนปฏบตของตนเอง 11. ครใหนกเรยนเขยนโปรแกรมเพอนาเสนอประวตเพมเตมอกคนละ 10 บรรทด เพอเพมทกษะและ

ความชานาญในการเขยนโปรแกรม (พอประมาณ ภมคมกน) 12. ครอธบายเพมเตมเกยวกบความรพนฐานในการสรางเวบไซตและใหนกเรยนทาแบบฝกหด โดยนาสง

ครชวโมงเรยนตอไป 8.3 ขนสรป

1. ครและนกเรยนรวมกนสรปเกยวกบวธการสรางเวบไซต และการเขยนโปรแกรมดวยภาษา HTML อกครงหนงเพอเปนการทบทวน และเปดโอกาสใหนกเรยนไดสอบถามเพมเตมในสวนทยงไมเขาใจ (ความร)

2. นกเรยนตรวจดความเรยบรอยของโตะทนงและเครองคอมพวเตอร ปดเครองคอมพวเตอรอยางถกวธทกครงเพอประหยดไฟฟาและยดอายการใชงาน นกเรยนเกบเกาอเขาทเดมเพอความเปนระเบยบเรยบรอย (คณธรรม วฒนธรรม)

14

9. วสดอปกรณ /สอ /แหลงเรยนร (หนงสอ/เอกสารประกอบการสอน/ใบงาน/ใบความร (สถานทจรง/ภมปญญา ทองถน/สถานประกอบการ/อนเตอรเนตฯลฯ) - อาจารยเศรษฐชย ชยสนท การพฒนาเวบเพจดวยโปรแกรมสาเรจรป สานกพมพวงอกษร - อภททรา เหลองวลาศ ออกแบบและสรางเวบไซตดวย Dreamweaver CS3 ซเอดยเคชน - ใบความร

- PowerPoint ประกอบการสอนเรองเวลดไวดเวบ - ตวอยาง Video แนะนาการใชงานเวบไซต

- แบบฝกหด - เครองคอมพวเตอร

- โปรแกรม Dreamweaver CS3 - อนเตอรเนต - ตวอยางเวบไซต

10. การวดและการประเมนผล (วดอะไร/เครองมอ/วธการ/เกณฑ)

ดาน วธการประเมน เครองมอในการประเมน เกณฑการประเมน ความร (K)

- ตรวจแบบฝกหด

- แบบฝกหด

ไดคะแนนไมนอยกวารอยละ 60

ทกษะกระบวนการ (P)

- ตรวจรายงาน - ตรวจการเขยนโปรแกรม

- รายงาน - เขยนโปรแกรมภาษา HTML


คณลกษณะ (A)

- สงเกตพฤตกรรม - แบบสงเกตพฤตกรรม คณภาพอยในระดบดขนไป

11. ความเหนรองผอานวยการ …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

ลงชอ............................................... (นางสาวอมรรตน โพธเพชร)

รองผอานวยการกลมบรหารวชาการ 12. ความเหนผอานวยการ …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

............................................... (นายสมยศ กระจางแจง) ผอานวยการโรงเรยนสราษฎรธาน ๒

15

13. บนทกหลงสอน 13.1 ผลการเรยนร ตามมาตรฐานการเรยนร/ตวชวด …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. 13.2 ขอสงเกต/ขอคนพบ …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

13.3 ปญหา / อปสรรค …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

13.4 ขอเสนอแนะ / แนวทางในการแกปญหา …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. ลงชอ........................................... ครผสอน (นายเอกพชย ชยทอง)

..……/………………../……

16

แผนการจดการเรยนรบรณาการหลกปรชญาของเศรษฐกจพอเพยง โรงเรยนสราษฎรธาน ๒

แผนการเรยนรท 2 เรอง การตดตงโปรแกรม Dreamweaver CS3 จานวน 3 ชวโมง กลมสาระการเรยนร การงานอาชพและเทคโนโลย รายวชา การพฒนาเวบไซต 1 รหสวชา ง 30241 หนวยการเรยนรท 1 เรอง พนฐานการสรางเวบไซตและการตดตงโปรแกรม จานวนชวโมงของหนวย 6 ชวโมง ------------------------------------------------------------------------------------------------------------------------------------- 1. มาตรฐานการเรยนร /ตวชวด มาตรฐาน ง 2.1 เขาใจเทคโนโลยและกระบวนการเทคโนโลย ออกแบบและสรางสงของเครองใช หรอวธการ ตามกระบวนการเทคโนโลยอยางมความคดสรางสรรค เลอกใชเทคโนโลยในทางสรางสรรคตอชวตสงคม สงแวดลอม และมสวนรวมในการจดการเทคโนโลยทยงยน ผลการเรยนร

(3) สามารถตดตงโปรแกรม ถอนโปรแกรมและเรยกใชงานโปรแกรม Dreamweaver CS3 ได

2. จดประสงคการเรยนรสตวชวด 2.1 รจกโปรแกรม Dreamweaver CS3 และบอกความตองการระบบของโปรแกรมได 2.2 ตดตงโปรแกรม ถอนโปรแกรมและเปดใชงานโปรแกรม Dreamweaver CS3 ได 2.3 มระเบยบวนย ใฝเรยนร อยอยางพอเพยง ไมละเมดลขสทธของผอน

3. สาระสาคญ การตดตงโปรแกรม Dreamweaver CS3 ผใชงานจะตองทราบถงความตองการของระบบเสยกอน และควรตรวจดคณสมบตของเครองคอมพวเตอรวาสามารถรองรบการตดตงหรอการทางานของโปรแกรมไดอยางมประสทธภาพ 4. สาระการเรยนร ( เนอหา/ทกษะทจะจดการกจกรรมการเรยนร) 4.1 ความร

- อธบายความหมายของโปรแกรม Dreamweaver CS3 - บอกความสามารถของโปรแกรม Dreamweaver CS3 - ความตองการระบบของโปรแกรม Dreamweaver CS3 - ตดตงและถอนโปรแกรม Dreamweaver CS3 - การเรยกใชงานโปรแกรม Dreamweaver CS3

4.2 ทกษะ/กระบวนการ/กระบวนการคด - การทางานเปนกลม - การสบคน การแสวงหาความร - การตอบคาถาม

- การอภปรายแสดงความคดเหน 5. คณลกษณะอนพงประสงค

- มวนย ใฝเรยนร มงมนในการทางาน มความซอสตยสจรต อยอยางพอเพยง และมจตสาธารณะ

17

6. สมรรถนะสาคญของผเรยน - ความสามารถในการคด (ตอบคาถาม แสดงความคดเหน) - ความสามารถในการสอสาร (การทางานกลม ตอบคาถาม แสดงความคดเหน) - ความสามารถในการใชเทคโนโลย (สบคนขอมล จดทารายงาน) - ความสามารถในการใชทกษะชวต (การทางานรวมกบผอน)

7. ชนงาน หรอ ภาระงาน (จากหนวยฯ ส แผนฯ และ สมพนธกบการวดผล ประเมนผล) - แบบฝกหดเรองการตดตงโปรแกรม Dreamweaver CS3

- แบบทดสอบปฏบตการตดตงโปรแกรม Dreamweaver CS3 - แบบทดสอบเกบคะแนนหนวยท 1

8. กระบวนการจดการเรยนร (3 ขน และระบคาถามกระตนการคดของผเรยน 2- 3- 4) (สปดาหท 2 ชวโมงท 4)



เตรยมความพรอมใหกบนกเรยนและฝกระเบยบวนย (คณธรรม วฒนธรรม) 3. นกเรยนและครรวมกนสนทนาแลกเปลยนขอมลเกยวการพฒนาเวบดวยโปรแกรมสาเรจรปจากนนคร

เสรมวา “โปรแกรม Dreamweaver CS3 นนเปนโปรแกรมทมความนาสนใจอยางยงทจะชวยใหการสรางเวบสามารถทาไดสะดวกรวดเรวและมประสทธภาพมากยงขน แตกอนอนใดนกเรยนจะตองตดตงโปรแกรมและถอนโปรแกรมไดดวยตนเองเสยกอน เพอความสะดวกตอการใชงานในโอกาสตอไป (ภมคมกน) 8.2 ขนสอน

1. นกเรยนแบงกลมๆ ละ 3-4 คน (กลมเดม) รบใบความรจากครไปศกษาและชวยกนสรปความตองการระบบของโปรแกรม Dreamweaver CS3 ลงในสมด

2. นกเรยนสงตวแทนกลมออกมาเขยนความตองการระบบทกลมตนเองสรปไดในกระดานกลมละ 1 ขอ สลบกนจนครบถวน และครอานออกเสยงคาศพทภาษาองกฤษในใบความร และใหนกเรยนอานตามพรอมกนหนงเทยวเพอไดรจกคาศพทภาษาองกฤษ (ความร)

3. ครตงคาถามนกเรยนวา ทาไมตองศกษาความตองการระบบของโปรแกรม Dreamweaver CS3 กอนทาการตดตงโปรแกรม Dreamweaver CS3 ทกครง (พอประมาณ ภมคมกน)

4. ครใหนกเรยนดาวนโหลดโปรแกรม Dreamweaver CS3 จากหนาเวบเพจรายวชาทครเตรยมไวใหเพอใชสาหรบการเรยนการสอนในหองเรยน (ภมคมกน)

5. ครตงคาถามนกเรยนวา การดาวนโหลดโปรแกรมทมลขสทธมาใชโดยไมไดซอ มความผดตามกฎหมายหรอไม แลวทครใหนกเรยนดาวนโหลดมาใชในการเรยนมความผดหรอไม ใหนกเรยนแตละกลมรวมกนระดมความคดเหนและใหตวแทนตอบคาถาม (ความร)

6. ครอธบายเพมเตมวา การใชโปรแกรมทมลขสทธโดยไมไดขออนญาตหรอจดซอมาอยางถกตองนนผดกฎหมายอยางแนนอน โดยเฉพาะอยางยงถานกเรยนนาไปใชในการทาธรกจหรอการประกอบอาชพ (ภมคมกน)

18

7. ครอธบายเพมเตมในกรณทนาโปรแกรมตางๆ มาใชในโรงเรยนเพอการศกษานน โดยทวไปแลวบรษทผผลตจะอนโลมใหเปนกรณพเศษไมเอาผดตามกฎหมายซงสรปวาสามารถใชไดเพอการศกษา

8. ครอธบายขนตอนการตดตงโปรแกรม Dreamweaver CS3 พรอมกบสาธตวธการตดตงใหนกเรยนด ทละขนตอน

9. นกเรยนฝกปฏบตตดตงโปรแกรม Dreamweaver CS3 ลงในเครองของตนเอง โดยครคอยแนะนา 10. เมอตดตงโปรแกรมเสรจเรยบรอยแลวใหนกเรยนทดลองเรยกใชงานโปรแกรม Dreamweaver CS3

ตามทครแนะนาพรอมตรวจเชคความสมบรณของโปรแกรมโดยทดลองเรยกใชงานเครองมอบางตวของโปรแกรม 11. ครอธบายเพมเตมเกยวกบปญหาและอปสรรคทอาจจะพบในขนตอนการตดตงโปรแกรม และ

มอบหมายแบบฝกหดใหกบนกเรยน โดยนาสงครชวโมงเรยนตอไป 12. ครตงคาถามนกเรยนวา การทนกเรยนสามารถตดตงโปรแกรมไดดวยตนเองนน มประโยชนอยางไร

บาง (ภมคมกน เศรษฐกจ) 13. ครตงคาถามนกเรยนวาเมอนกเรยนหยดใชงานคอมพวเตอรชวคราว 5-10 นาท หรอมความจาเปนตอง

เปดเครองทงไวนานเพอการดาวนโหลด นกเรยนจะมวธการประหยดพลงงานไฟฟาอยางไร (ความร ภมคมกน) 14. นกเรยนแตละกลมรวมกนระดมความคดเหน และใหตวแทนตอบคาถามถงวธการประหยดไฟฟาใน

ขณะทไมใชเครอง 5-10 นาท หรอกรณจาเปนตองเปดเครองทงไว และใหนกเรยนนาไปคดเปรยบเทยบกบวธการทตนเองปฏบตอย (เหตผล)

15. ครสรปวธการประหยดไฟฟาในการใชงานคอมพวเตอรใหนกเรยนฟงอกครงหนง และแนะนาใหนกเรยนนาไปงานในชวตประจาวนทงทบานและทโรงเรยนเพอจะไดชวยประหยดคาไฟฟาภายในบานของนกเรยนเองและรวมไปถงชวยประหยดไฟฟาของโรงเรยนไดดวย (วฒนธรรม สงแวดลอม) 8.3 ขนสรป

1. ครและนกเรยนรวมกนแลกเปลยนเรยนรวาการเรยนวนนไดใชหลกปรชญาของเศรษฐกจพอเพยงเกยวกบเรองใดบาง และจะนาไปประยกตใชในชวตประจาวนไดอยางไร

2. ครและนกเรยนรวมกนสรปถงความตองการะบบในการตดตงโปรแกรม Dreamweaver CS3 ขนตอนการตดตง และการเรยกใชงานโปรแกรม Dreamweaver CS3 อกครงหนงเพอเปนการทบทวน และเปดโอกาสใหนกเรยนไดสอบถามเพมเตมในสวนทยงไมเขาใจ

(สปดาหท 3 ชวโมงท 5-6)



เตรยมความพรอมใหกบนกเรยนและฝกระเบยบวนย (คณธรรม วฒนธรรม) 3. ทบทวนความรเดมจากสปดาหกอน เรองการตดตงโปรแกรมและการเรยกใชโปรแกรมโดยครสมถาม

นกเรยนเปนรายบคคล 8.2 ขนสอน

1. ครสอบถามนกเรยนวาเครองคอมพวเตอรทางานชามสาเหตมาจากอะไรบาง โดยใหนกเรยนตอบตามความรหรอประสบการณทมเพอแลกเปลยนเรยนรกน (ความร)

19

2. ครอธบายเพมเตมวามสาเหตทสาคญอกประการหนง คอ การมโปรแกรมในเครองคอมพวเตอรมากเกนไป หรอโปรแกรมแกรมบางตวหมดอาย และมปญหาใชงานไมได ซงมความจาเปนตองถอนออกจากเครอง (มเหตผล พอประมาณ)

3. ครพดคยกบนกเรยนวาตอนนเราสามารถตดตงโปรแกรมลงในเครองคอมพวเตอรไดแลวและพรอมทจะใชงานแตเมอไหรทจาเปนตองเอาโปรแกรมออกจากเครองคอมพวเตอร เชน ตองการเปลยนรน โปรแกรมหมดอายเราจะมวธการอยางไร

4. ครเปดโอกาสใหนกเรยนแตละกลมไดแสดงความคดเหน บอกเลาประสบการณเกยวกบการถอนโปรแกรมออกจากระบบคอมพวเตอรเพอเปนการแลกเปลยนเรยนรกบเพอน

5. ครอธบายเพมเตมวา นกเรยนจะตองเรยนรวธการถอนโปรแกรมออกจากเครองเพอใหสามารถปฏบตการดวยตนเองได เมอจาเปนตองนาไปใชงานในโอกาสตอไป (ภมคมกน)

6. ครแนะนาการเขาสหนาตาง Control Panel ซงเปนทรวมของโปรแกรมตางๆ ทตดตงไวใชงานในเครองคอมพวเตอร และแนะนามมมองและเครองมอทสาคญๆในการใชงาน (ความร)

7. นกเรยนเปดหนาตาง Control Panel และเขาสระบบการถอนโปรแกรม 8. ครอธบายขนตอนการถอนโปรแกรมออกจากเครองคอมพวเตอร พรอมกบสาธตวธการถอนโปรแกรมให

นกเรยนด ครเนนยาวาการถอนโปรแกรมจะตองใชความระมดระวงดใหแนใจวาเลอกโปรแกรมไดถกตอง เพราะถาถอนออกไปแลวจะไมสามารถเรยกกลบมาได (ความร ภมคมกน)

9. จากนนใหนกเรยนฝกปฏบตการถอนโปรแกรมออกจากเครองคอมพวเตอรของตนเอง โดยครคอยแนะนาอยางใกลชดเพอปองกนไมใหนกเรยนเลอกผดโปรแกรม

10. เมอทาการถอนโปรแกรมเสรจเรยบรอยแลวใหนกเรยนทดลองเรยกใชงานโปรแกรมดกจะพบวาไมมโปรแกรมเหลออยในเครองคอมพวเตอรอก

11. ครอธบายเพมเตมเกยวกบปญหาและอปสรรคทอาจจะพบในขนตอนการถอนโปรแกรม เชน ถอนโปรแกรมไมได จะมวธการแกปญหาอยางไร (ความร ภมคมกน) 8.3 ขนสรป

1. ครและนกเรยนรวมกนแลกเปลยนเรยนรวาการเรยนวนนไดมการนาเอาหลกปรชญาของเศรษฐกจพอเพยงมาใชอยางไรบางและสามารถนาไปประยกตใชในชวตประจาวนไดอยางไร

2.ครและนกเรยนสรปขนตอนการถอนโปรแกรม Dreamweaver CS3 อกครงหนงเพอเปนการทบทวน และเปดโอกาสใหนกเรยนไดสอบถามเพมเตมในสวนทยงไมเขาใจ

3. นกเรยนสอบปฏบตการตดตงโปรแกรม 4. นกเรยนทาแบบทดสอบเกบคะแนนหนวยท 1

9. วสดอปกรณ /สอ /แหลงเรยนร (หนงสอ/เอกสารประกอบการสอน/ใบงาน/ใบความร (สถานทจรง/ภมปญญา ทองถน/สถานประกอบการ/อนเตอรเนตฯลฯ) - อาจารยเศรษฐชย ชยสนท การพฒนาเวบเพจดวยโปรแกรมสาเรจรป สานกพมพวงอกษร - อภททรา เหลองวลาศ ออกแบบและสรางเวบไซตดวย Dreamweaver CS3 ซเอดยเคชน - ใบความร

- PowerPoint ประกอบการสอนเรองการถอนโปรแกรม - แบบฝกหด

- แบบทดสอบปฏบต

20

- แบบทดสอบประจาหนวยท 1 - เครองคอมพวเตอร

- โปรแกรม Dreamweaver CS3 - อนเตอรเนต

10. การวดและการประเมนผล (วดอะไร/เครองมอ/วธการ/เกณฑ)

ดาน วธการประเมน เครองมอในการประเมน เกณฑการประเมน ความร (K)

- ตรวจแบบฝกหด - ตรวจแบบทดสอบ

- แบบฝกหด - แบบทดสอบ


ทกษะกระบวนการ (P)

- ตรวจการตดตงโปรแกรม

- แบบประเมนการตดตงโปรแกรม ไดคะแนนไมนอยกวารอยละ 60

คณลกษณะ (A)

- สงเกตพฤตกรรม - แบบสงเกตพฤตกรรม คณภาพอยในระดบดขนไป

11. ความเหนรองผอานวยการ …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

ลงชอ............................................... (นางสาวอมรรตน โพธเพชร)

รองผอานวยการกลมบรหารวชาการ 12. ความเหนผอานวยการ …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

............................................... (นายสมยศ กระจางแจง) ผอานวยการโรงเรยนสราษฎรธาน ๒

21

13. บนทกหลงสอน 13.1 ผลการเรยนร ตามมาตรฐานการเรยนร/ตวชวด …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. 13.2 ขอสงเกต/ขอคนพบ …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

13.3 ปญหา / อปสรรค …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. ……………………………………………………………………………………………………………………………………………………………..

13.4 ขอเสนอแนะ / แนวทางในการแกปญหา …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. …………………………………………………………………………………………………………………………………………………………….. ลงชอ........................................... ครผสอน (นายเอกพชย ชยทอง)

22

..……/………………../……

Documents

· 2019-11-26 · - วิธีการสร้างเว็บเพจ - ภาษา