Get documents about "Guide2 - DOC
Shared by: HC12010404409
-
Stats
- views:
- 15
- posted:
- 1/4/2012
- language:
- Thai
- pages:
- 10
Document Sample
7
โครงการสอน
วิชา การสร้างเว็บ รหัส 2201-2414 ชั้น/แผนก ปวช. 3 คธ. ภาคเรี ยนที่ 2 ปี การศึกษา 2550
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
1. ปฐมนิเทศ แนะนาการเรียน 1-4 ั
1.บอกวิธีการเรี ยน การปฏิบติงานและการประเมินผลได้ -ปฐมนิเทศ -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
การประเมินผล 2. บอกความหมายและความเป็ นมาของอินเทอร์เน็ตได้ บรรยายประกอบสื่ อเอกสารอิเล็ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
หน่ วยที่ 1 การทางานของระบบ 3. บอกรู ปแบบของการให้บริ การในอินเทอร์เน็ตได้ กทรอนิกส์ - -ประเมินพฤติกรรม
เว็บเพจ 4. โดยฉายภาพเอกสารออกทางเครื่ เอกสารประกอบการเรี ยนการสอน
ทฤษฎี ั
บอกสิ่ งที่ควรระวังและข้อควรปฏิบติในการใช้งานอินเ องฉายโปรเจคเตอร์ ของ ครู ประสิ ทธิ์ ชูสกุล
1. ความรู้พ้ืนฐานเกี่ยวกับอินเทอร์เน็ต ทอร์เน็ตได้ ได้แก่ภาพรายละเอียดโครงการ - สื่ อเอกสารการสร้างเว็บ ของ
2. การใช้บริ การต่าง ๆในอินเทอร์เน็ต 5. บอกมาตรฐานการสื่ อสารข้อมูลในอินเทอร์เน็ตได้ สอน แผนการวัดผล ครู ประสิ ทธิ์ ที่ URL :
3. 6. บอกความหมายและความสาคัญของโปรโตคอลได้ และเอกสารประกอบการสอน http://www.chusakul.com
มาตรฐานการสื่ อสารข้อมูลในเครื อข่ 7. บอกความหมายและความสาคัญของไอพี(IP) ได้ ั
ทดสอบความรู ้นกเรี ยนก่อนเรี ย -สื่ ออินเทอร์เน็ต
ายอินเทอร์เน็ต 8. บอกความหมายและการใช้งานโดเมนเนม(DNS)ได้ น -หนังสื อ การสร้างเว็บเพจHTML
ปฏิบัติ 9. สามารถใช้งานอินเทอร์เน็ตค้นหาข้อมูลได้ ั
-ให้นกเรี ยน -ใบงานที่ 1/1 การค้นหาข้อมูลด้วย
4. การใช้งานอินเทอร์ เน็ตค้นหาข้อมูล 10. สามารถส่ งข้อมูลทางอินเทอร์เน็ตโดย อีเมล์ได้ ทาแบบทดสอบก่อนเรี ยนประจา Source Engineและการส่ งข้อมูล
5. การส่งข้อมูลทางอินเทอร์เน็ต หน่วย - ข้อสอบก่อนเรี ยนหน่วยที่ 1
-การสอน - ข้อสอบหลังเรี ยนหน่วยที่ 1
โดยบรรยายเนื้ อหาประกอบสื่ อเ -แบบประเมินผลใบงาน
อกสารประกอบการสอน -แบบประเมินพฤติกรรม
และตัวอย่างสื่ ออินเทอร์ เน็ต
ของจริ ง ตามเนื้อหา
โดยฉายออกเครื่ องฉายโปรเจ็คเ
ตอร์ ประจาห้อง
8
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
ั
-ให้ปฏิบติการใบงานที่1/1
search Engine และส่ ง e-mail
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม
หรื อใช้ใบประเมินพฤติกรรม
ตามความเหมาะสมของเวลา
2 หน่ วยที่ 2 หลักการออกแบบเว็บเพจ 4 1. บอกข้อมูลพื้นฐานที่ควรรู ้ในการออกแบบสร้างเว็บ ได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
ทฤษฎี 2. บอกลาดับขั้นตอนการสร้างเว็บไซต์ได้ กล่าวนาทบทวนถึงขั้นตอนการ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
1. 3. เขียนผังระดมความคิด จัดการเนื้อหาสร้างเว็บไซต์ ได้ พัฒนาโปรแกรมทัวไป ่ - -ประเมินพฤติกรรม
ความรู้ทวไปเกี่ยวกับการสร้างเว็บไซ
ั่ 4. เขียนผังโครงสร้างของเว็บได้ ั
ให้นกเรี ยนช่วยกันสรุ ปเป็ นขั้นต เอกสารประกอบการเรี ยนการสอน
ต์ 5. เขียนผังการเชื่อมโยงหรื อผังเนวิเกชันของเว็บไซต์ได้ อน ของ ครู ประสิ ทธิ์ ชูสกุล
ปฏิบัติ 6. ออกแบบหน้าจอแสดงผลเว็บหรื อ Story board ได้ ั
-ให้นกเรี ยน -สื่ ออินเทอร์เน็ต
2. การออกแบบสร้างเว็บไซต์ ทาแบบทดสอบก่อนเรี ยนประจา -หนังสื อ การสร้างเว็บเพจHTML
2.1 การเขียนผังระดมความคิด หน่วย -ใบงานที่ 2/1
2.2 -การสอน การวิเคราะห์และออกแบบสร้างเว็
การออกแบบโครงสร้างเว็บไซต์ โดยบรรยายตามเนื้ อหาประกอบ บไซต์
2.3 การออกแบบระบบนาวิเกชัน สื่ อเอกสารประกอบการสอน - ข้อสอบก่อนเรี ยนหน่วยที่ 2
2.4. การออกแบบหน้าจอเว็บเพจ และตัวอย่างผลงานโครงการขอ - ข้อสอบหลังเรี ยนหน่วยที่ 2
งนักศึกษารุ่ นพี่ -แบบประเมินผลใบงาน
โดยใช้ฉายออกเครื่ องฉาย -แบบประเมินพฤติกรรม
โปรเจ็คเตอร์ ประจาห้อง
ั
-ให้ปฏิบติการใบงานที่ 2/1
การวิเคราะห์และออกแบบสร้างเ
ว็บไซต์
9
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
3-5 หน่ วยที่ 3 12 1. สามารถสร้างโฟล์เดอร์ เก็บข้อมูลเว็บไซต์ได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
การสร้ างเว็บเพจด้ วยภาษา HTML 2. บอกที่มาและความสาคัญของภาษา HTML ได้ กล่าวนาการพัฒนาโปรแกรมด้ว -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
ทฤษฎี –ปฏิบัติ 3. ยโปรแกรมภาษา - -ประเมินพฤติกรรม
1. การสร้าง Folder เก็บข้อมูลเว็บไซต์ สามารถใช้โปรแกรมเท็กเอดิเตอร์สร้างและบันทึกไฟล์ ให้ดูโค้ดคาสัง HTML
่ เอกสารประกอบการเรี ยนการสอน
2. การเขียนโปรแกรมภาษา HTML .html ได้ ของหน้าเว็บในอินเทอร์เน็ต ของ ครู ประสิ ทธิ์ ชูสกุล
2.1โปรแกรมเขียน HTML 4. บอกโครงสร้างภาษาและ Tag ควบคุม(คาสัง)ของ่ ของจริ ง -สื่ ออินเทอร์เน็ต
(Note pad , Edit plus) HTML ได้ ั
-ให้นกเรี ยน -หนังสื อ การสร้างเว็บเพจHTML
2.2 โครงสร้างภาษาและคาสัง ่ 5. สามารถใช้คาสังจัดการตัวอักษร ข้อความ
่ ทาแบบทดสอบก่อนเรี ยนประจา -ใบงานที่ 3/1
3. การใช้คาสังและทดสอบผล
่ และทดสอบผลบนโปรแกรมบราวเซอร์ได้ หน่วย การออกแบบเว็บแนะนาตนเอง(ด้ว
3.1 คาสังจัดการข้อความ
่ 6. สามารถใช้คาสังตกแต่งสร้าง
่ -การสอน ย Notepad)
3.2 คาสังสร้างความน่าสนใจ
่ ความน่าสนใจและทดสอบผลบนโปรแกรมบราวเซอร์ ได้ โดยบรรยายประกอบการสาธิตจ -ใบงานที่ 3/2
3.3 คาสังการใช้ตาราง
่ 7. สามารถใช้คาสังสร้างตาราง
่ ริ ง การออกแบบเว็บวิชาการ 4
3.4 คาสังการเชื่ อมโยง(Hyper link)
่ ใส่ การเนื้ อหาและทดสอบผลบนโปรแกรมบราวเซอร์ ได้ ตามเนื้ อหาประกอบสื่ อเอกสาร หน้า(ด้วย Edit plus)
8. สามารถใช้คาสังสร้างการเชื่ อมโยง(ลิงค์)แบบต่าง
่ ประกอบการสอน -แบบบันทึก สังเกตพฤติกรรม
ๆและทดสอบผลบนโปรแกรมบราวเซอร์ได้ และตัวอย่างผลงานโครงการขอ หรื อ ใช้แบบประเมินพฤติกรรม
งนักศึกษารุ่ นพี่ - ข้อสอบก่อนเรี ยนหน่วยที่ 3
โดยใช้ฉายออกเครื่ องฉาย - ข้อสอบหลังเรี ยนหน่วยที่ 3
โปรเจ็คเตอร์ ประจาห้อง -แบบประเมินผลใบงานที่ 3/1
ั
-ให้ปฏิบติการใบงานที่ 3/1 -แบบประเมินผลใบงานที่ 3/2
การออกแบบเว็บแนะนาตนเอง( -แบบประเมินพฤติกรรม
10
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
ด้วย Notepad)
ั
-ให้ปฏิบติการใบงานที่ 3/2
การออกแบบเว็บวิชาการ 4
หน้า(ด้วย Edit plus)
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
6-7 หน่ วยที่ 4 8 1. บอกลักษณะความสาคัญโปรแกรม Dreamweaverได้ -ทบทวนการใช้ภาษา HTML -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
การสร้ างเว็บเพจด้วยโปรแกรม 2. บอกประวัติการพัฒนาโปรแกรม Dreamweaver8.0 และแนะนาการสร้างเว็บด้วยกา -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
Dreamweaver 8.0 ได้3. ติดตั้งโปรแกรมDreamweaver8.0 ได้ รใช้โปรแกรมสาเร็ จรู ป - -ประเมินพฤติกรรม
ทฤษฎี 4. เพื่อการทางานที่รวดเร็ ว เอกสารประกอบการเรี ยนการสอน
1. ประวัติการพัฒนาโปรแกรม สามารถกาหนดค่าเริ่ มต้นก่อนใช้งานโปรแกรมDream ั
-ให้นกเรี ยน ของ ครู ประสิ ทธิ์ ชูสกุล
2. weaver 8.0 ได้ ทาแบบทดสอบก่อนเรี ยนประจา -สื่ ออินเทอร์เน็ต
ลักษณะและความสาคัญของโปรแ 5. ใช้เครื่ องมือของโปรแกรม Dreamweaver 8.0 ได้ หน่วย -หนังสื อ การสร้างเว็บเพจHTML
กรม 6. สร้างโฟล์เดอร์ และ ไซต์ เก็บข้อมูลสร้างเว็บไซต์ได้ -การสอน -ใบงานที่ 4/1 การลงโปรแกรม
ทฤษฎี+ปฏิบัติ ั
7. ปฏิบติการออกแบบเว็บด้วยเทคนิคการใช้ตารางจัด โดยบรรยายประกอบการสาธิตจ Dreamweaver
3. การติดตั้งโปรแกรม ข้อมูลได้ ริ ง -ใบงานที่ 4/2
4. การกาหนดค่าเริ่ มต้น ก่อนใช้งาน 8. สามารถทางานร่ วมกับเพื่อน มีคุณธรรมจริ ยธรรม ตามเนื้ อหาประกอบสื่ อเอกสาร สร้างเว็บแนะนาตนเอง ด้วย
5. รู้จกเครื่ องมือของโปรแกรม
ั ั
รักษาระเบียบวินยได้ดี ประกอบการสอน Dreamweaver 8.0
6. การกาหนด Folder และ Site โดยใช้ฉายออกเครื่ องฉาย -แบบทดสอบก่อนเรี ยน
เก็บงาน โปรเจ็คเตอร์ ประจาห้อง -แบบทดสอบหลังเรี ยน
7.การสร้างเว็บเพจด้วย ั
-ให้ปฏิบติการใบงานที่ 4/1 -บันทึก สังเกตพฤติกรรม หรื อ
Dreamweaver การลงโปรแกรม Dreamweaver ใช้แบบประเมินพฤติกรรม
11
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
ั
-ให้ปฏิบติการใบงานที่ 4/2
สร้างเว็บแนะนาตนเอง ด้วย
Dreamweaver 8.0
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
8-10 หน่ วยที่ 5 12 1. บอกชนิ ดไฟล์กราฟิ กที่ใช้งานบนเว็บเพจได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
การตกแต่ งความน่ าสนใจและการสร้ 2. สามารถจัดการภาพกราฟิ ก ให้มีขนาด ความจุ ทบทวนการใช้คาสังของโปรแก
่ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
างจุดเชื่อมโยงบนเว็บ เหมาะสมกับการใช้งานบนเว็บเพจได้ รม Dreamweaver - -ประเมินพฤติกรรม
ทฤษฎี 3. ใช้งานตารางกาหนดพื้นที่เนื้ อหาในเอกสารเว็บได้ ั
และการปฏิบติงานตามใบงาน ที่ เอกสารประกอบการเรี ยนการสอน
4. ใช้คาสังนาภาพนิ่ ง ภาพเคลื่อนไหว
่ 4/1 และใบงานที่ 4/2 ของ ครู ประสิ ทธิ์ ชูสกุล
1.ความรู ้เกี่ยวกับภาพกราฟิ กที่ใช้งาน เข้ามาใช้ในเอกสารเว็บได้ ั
-ให้นกเรี ยน -สื่ ออินเทอร์เน็ต
บนเว็บ 5. สามารถนาภาพ Movie Flash ทาแบบทดสอบก่อนเรี ยนประจา -หนังสื อ การสร้างเว็บเพจHTML
ทฤษฎี+ปฏิบัติ เข้ามาใช้ในเอกสารเว็บได้ หน่วย -ใบงานที่ 5/1 การออกแบบเว็บ
2. คาสังและการใช้งานตาราง
่ 6. สามารถเลือกใช้ Behavior -การสอน OTOP ด้วย Dreamweaver 8.0
(Table) สร้างความน่าสนใจบนหน้าเว็บเพจได้ โดยบรรยายประกอบการสาธิตจ -แบบทดสอบก่อนเรี ยน
3. 7. สามารถเลือกใช้งานเทคนิค CSS ช่วยสร้างเว็บได้ ริ ง -แบบทดสอบหลังเรี ยน
คาสังและการใช้งานภาพและภาพเ
่ 8. สามารถสร้างการเชื่ อมโยงภายในหน้าเว็บเดียวกันได้9. ตามเนื้ อหาประกอบสื่ อเอกสาร -บันทึก สังเกตพฤติกรรม หรื อ
คลื่อนไหว สามารถสร้างการเชื่อมโยงภายในเว็บไซต์ได้ ประกอบการสอน ใช้แบบประเมินพฤติกรรม
4. คาสังและการใช้งาน Movie Flash
่ 10. สามารถสร้างการเชื่อมโยงไปยังเว็บไซต์อื่นได้ โดยใช้ฉายออกเครื่ องฉาย
5. คาสังและการใช้งาน Behavior
่ 11. สามารถใช้คาสังสร้างการเชื่ อมโยงไปยังอีเมล์ได้
่ โปรเจ็คเตอร์ ประจาห้อง
6. คาสังและการใช้งาน CSS
่ 12. สามารถใช้คาสังเชื่ อมโยงไปยังไฟล์ดาวน์โหลดได้
่ ั
-ให้ปฏิบติการใบงานที่ 5/1
7. คาสังและการใช้งานการเชื่ อมโยง
่ 13. สามารถใช้รูปภาพสร้างการเชื่อมโยง(Map link)ได้ สร้างเว็บ OTOP ด้วย
12
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
Dreamweaver 8.0
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
11-12 หน่ วยที่ 6 การออกแบบด้วยเทคนิค 8 1. บอกลักษณะการทางานของเลเอาท์ และเลเยอร์ได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
Layout Layer 2. บอกขั้นตอนการใช้เครื่ องมือเลเอาท์สร้างเว็บได้ ทบทวนการใช้คาสังของโปรแก
่ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
ทฤษฎี 3. ออกแบบหน้าเว็บด้วยเครื่ องมือเลเอาท์ของ รม Dreamweaver - -ประเมินพฤติกรรม
1. ความรู้เกี่ยวกับ Layout และ Dream weaver ได้ ั
และการปฏิบติงานตามใบงาน ที่ เอกสารประกอบการเรี ยนการสอน
Layer 4. สามารถใช้โปรแกรม Photoshop ั
5/1 - ให้นกเรี ยน ของ ครู ประสิ ทธิ์ ชูสกุล
ปฏิบัติ เลเอาท์ออกแบบหน้าเว็บได้ ทาแบบทดสอบก่อนเรี ยนประจา -สื่ ออินเทอร์เน็ต
2. การใช้เทคนิค Layout 5. บอกขั้นตอนการใช้เครื่ องมือเลเยอร์ ของ หน่วย -หนังสื อ การสร้างเว็บเพจHTML
2.1 เทคนิค Layout ด้วย Dream weaver ได้ - การสอน -ใบงานที่ 6/1
Dreamweaver 6. สามารถใช้เครื่ องมือเลเยอร์ของ Dream weaver โดยบรรยายประกอบการสาธิตจ การออกแบบเว็บเพจด้วยเทคนิค
2.2 เทคนิค Layout ด้วย ออกแบบหน้าเว็บได้ ริ ง Layout , Layer
Photoshop 7. สามารถใช้เลเยอร์ร่วมกับเครื่ องมือ Behavior ตามเนื้ อหาประกอบสื่ อเอกสาร -แบบทดสอบก่อนเรี ยน
3. การใช้เทคนิคLayer สร้างเทคนิค Show-Hide Layer ได้ ประกอบการสอน -แบบทดสอบหลังเรี ยน
โดยใช้ฉายออกเครื่ องฉาย -บันทึก สังเกตพฤติกรรม หรื อ
โปรเจ็คเตอร์ ประจาห้อง ใช้แบบประเมินพฤติกรรม
ั
- ให้ปฏิบติการใบงานที่ 6/1
ออกแบบเว็บเพจด้วยเทคนิค
Layout , Layer ด้วย
Dreamweaver 8.0
-ทดสอบหลังเรี ยน
13
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
13 หน่ วยที่ 7 การออกแบบด้วยเทคนิค 4 1. บอกลักษณะการทางานของเทมเพลทได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
Template ่
2. สามารถใช้ไฟล์ HTML ที่มีอยูแล้วมาสร้างเทมเพลทได้ ทบทวนการใช้คาสังของโปรแก
่ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
ทฤษฎี 3. สามารถสร้างไฟล์ เทมเพลทใหม่ได้ รม Dreamweaver - -ประเมินพฤติกรรม
1. ความรู้เกี่ยวกับ Template 4. สามารถกาหนดพื้นที่ทางานบนเทมเพลทได้ ั
และการปฏิบติงานตามใบงาน ที่ เอกสารประกอบการเรี ยนการสอน
ทฤษฎี+ปฏิบัติ 5. สามารถบันทึกไฟล์เทมเพลท และไฟล์ html ได้ ั
6/1 -ให้นกเรี ยน ของ ครู ประสิ ทธิ์ ชูสกุล
2. การสร้าง Template จากไฟล์ 6. สามารถออกแบบสร้างเว็บเพจโดยใช้เทมเพลทได้ ทาแบบทดสอบก่อนเรี ยนประจา -สื่ ออินเทอร์เน็ต
HTML 7. บอกวิธีแก้ไข งานในเทมเพลทได้ หน่วย -หนังสื อ การสร้างเว็บเพจHTML
3. การสร้าง Template ใหม่ 7. เพื่อปลูกผังจรรยาบรรณการทางาน การใช้เครื่ องมือ -การสอน -ใบงานที่ 7/1
4. การกาหนดพื้นที่ทางานใน การทางานร่ วมกันได้ โดยบรรยายประกอบการสาธิตจ ออกแบบเว็บเพจด้วยเทคนิค
Template ริ ง Template
5. การบันทึก Template และ HTML ตามเนื้ อหาประกอบสื่ อเอกสาร -แบบทดสอบก่อนเรี ยน
6. การใช้ Template ออกแบบเว็บ ประกอบการสอน -แบบทดสอบหลังเรี ยน
7. การปรับปรุ งเทมเพลท โดยใช้ฉายออกเครื่ องฉาย -บันทึก สังเกตพฤติกรรม หรื อ
โปรเจ็คเตอร์ ประจาห้อง ใช้แบบประเมินพฤติกรรม
ั
-ให้ปฏิบติการใบงานที่ 7/1
ออกแบบเว็บเพจด้วยเทคนิค
Template
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
14
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
14 หน่ วยที่ 8 4 1. บอกความหมายของ Frame ในการสร้างเว็บได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
การออกแบบเว็บด้วยเทคนิค Frame 2. บอกความหมายของ Frameset ในการสร้างเว็บได้ ทบทวนการใช้คาสังของโปรแก
่ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
ทฤษฎี 3. สามารถใช้คาสังออกแบบเว็บด้วยเฟรม
่ รม Dreamweaver - -ประเมินพฤติกรรม
1. ความรู้เกี่ยวกับ Frame และเฟรมเซ็ตได้ ั
และการปฏิบติงานตามใบงาน ที่ เอกสารประกอบการเรี ยนการสอน
ทฤษฎี+ปฏิบัติ 4. สามารถบันทึกเฟรม และเฟรมเซ็ตได้ ั
7/1 -ให้นกเรี ยน ของ ครู ประสิ ทธิ์ ชูสกุล
2. การสร้าง Frame และ Frameset 5. สามารถตกแต่งเพิ่มคุณสมบัติของเฟรม ทาแบบทดสอบก่อนเรี ยนประจา -สื่ ออินเทอร์เน็ต
3. การบันทึกเฟรม เฟรมเซ็ต และเฟรมเซ็ตได้ หน่วย -หนังสื อ การสร้างเว็บเพจHTML
4. การกาหนดคุณสมบัติ เฟรม และ 6. บอกขั้นตอนการใส่ เนื้ อหาลงในเฟรมได้ - การสอน -ใบงานที่ 8/1
เฟรม 7. โดยบรรยายประกอบการสาธิตจ ออกแบบเว็บเพจด้วยเทคนิค
5. การใส่เนื้อหาในเฟรม สามารถสร้างการเชื่ อมโยงเว็บแบบเฟรมเซ็ตได้อย่างเหมา ริ ง Frame
6. การเชื่อมโยงในเฟรม เฟรมเซ็ต ะสม ตามเนื้ อหาประกอบสื่ อเอกสาร -แบบทดสอบก่อนเรี ยน
8. เพื่อปลูกผังจรรยาบรรณการทางาน การใช้เครื่ องมือ ประกอบการสอน -แบบทดสอบหลังเรี ยน
การทางานร่ วมกันได้ โดยใช้ฉายออกเครื่ องฉาย -บันทึก สังเกตพฤติกรรม หรื อ
โปรเจ็คเตอร์ ประจาห้อง ใช้แบบประเมินพฤติกรรม
ั
-ให้ปฏิบติการใบงานที่ 8/1
ออกแบบเว็บเพจด้วยเทคนิค
Frame
-ทดสอบหลังเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
15 หน่ วยที่ 9 การสร้าง From 4 1. บอกการใช้งานของ Form ในเว็บไซต์ได้ - -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
ทฤษฎี 2. ทบทวนการใช้คาสังของโปรแก
่ -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
1. ความรู ้เกี่ยวกับ Form สามารถสร้างฟอร์มแบบกรอกข้อความบรรทัดเดียว(T รม Dreamweaver - -ประเมินพฤติกรรม
2. เครื่ องมือสร้าง Form ext field)ได้ ั
และการปฏิบติงานตามใบงาน ที่ เอกสารประกอบการเรี ยนการสอน
15
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
ปฏิบัติ 3. ั
8/1 -ให้นกเรี ยน ของ ครู ประสิ ทธิ์ ชูสกุล
3. การสร้าง Form แบบต่าง ๆ สามารถสร้างฟอร์มแบบกรอกข้อความหลายบรรทัด( ทาแบบทดสอบก่อนเรี ยนประจา -สื่ ออินเทอร์เน็ต
3.1 Text Area)ได้ หน่วย -หนังสื อ การสร้างเว็บเพจHTML
ฟอร์มแบบกรอกข้อความบรรทัดเดีย 4. สามารถสร้างฟอร์มแบบเช็คบ็อก(Check Box)ได้ - การสอน -ใบงานที่ 9/1
ว (Text field) 5. สามารถสร้างฟอร์มแบบตัวเลือก(Radio Button)ได้ โดยบรรยายประกอบการสาธิตจ การสร้ างฟอร์ มสมัครสมาชิก 8
3.2 6. สามารถสร้างฟอร์ มแบบกลุ่มตัวเลือก(Radio Group)ได้ ริ ง แบบ
ฟอร์มแบบกรอกข้อความหลายบรร 7. สามารถสร้างฟอร์มแบบลิสต์รายการ (List/Menu)ได้ ตามเนื้ อหาประกอบสื่ อเอกสาร -แบบทดสอบก่อนเรี ยน
ทัด (Text Area) 8. สามารถสร้างฟอร์มแบบรายการเชื่อมโยง ประกอบการสอน -แบบทดสอบหลังเรี ยน
3.3 ฟอร์มแบบเช็คบ็อก (Jump Menu)ได้ โดยใช้ฉายออกเครื่ องฉาย -บันทึก สังเกตพฤติกรรม หรื อ
(Check Box) 9. สามารถสร้างฟอร์มแบบกรอบเลือกไฟล์(File Field)ได้ โปรเจ็คเตอร์ ประจาห้อง ใช้แบบประเมินพฤติกรรม
3.4 ฟอร์มแบบตัวเลือก 10. สามารถสร้างปุ่ มกด โต้ตอบ (Button)ได้ ั
-ให้ปฏิบติการใบงานที่ 9/1
(Radio Button) การสร้ างฟอร์ มสมัครสมาชิก
3.5 ฟอร์ มแบบกลุ่มตัวเลือก 8 แบบ
(Radio Group) -ทดสอบหลังเรี ยน
3.6 -บันทึก สังเกตพฤติกรรม หรื อ
ฟอร์มแบบลิสต์รายการ(List/Menu) ใช้แบบประเมินพฤติกรรม
3.7
ฟอร์มแบบรายการเชื่อมโยง(Jump
Menu)
3.8 ฟอร์มแบบการส่ งไฟล์
(File field)
3.9 สร้างปุ่ มกด โต้ตอบ (Button)
16-17 หน่ วยที่ 10 การนาเสนอเว็บเพจ 8 1. -ทบทวนการออกแบบสร้างเว็บ -สื่ อ คอมพิวเตอร์ สาธิ ตโปรแกรม -ประเมินใบงาน
16
สัปดาห์ จานวน สมรรถนะที่พึงประสงค์ กิจกรรม สื่ อการเรี ยน การวัดผล
ชื่อหน่วยและหัวเรื่ อง
ที่ ชัวโมง
่ (จุดประสงค์เชิงพฤติกรรม) การเรี ยนการสอน การสอน และประเมินผล
ออกสู่อินเทอร์ เน็ต บอกความหมายของการอัพโหลดนาเว็บเพจออกสู่ ระบบ ั
และการปฏิบติงานตามใบงาน -เครื่ องฉายโปรเจคเตอร์ -ทดสอบประจาหน่ วย
ทฤษฎี อินเทอร์เน็ตได้ ต่าง ๆ - -ประเมินพฤติกรรม
1. ความรู้เกี่ยวกับการ Upload 2. ั
-ให้นกเรี ยน เอกสารประกอบการเรี ยนการสอน
งานออกสู่ เว็บไซต์ สามารถจัดการระบบโครงร่ างภายในของเว็บไซต์ก่อนอั ทาแบบทดสอบก่อนเรี ยนประจา ของ ครู ประสิ ทธิ์ ชูสกุล
ปฏิบัติ พโหลดได้ หน่วย -สื่ ออินเทอร์เน็ต
2. 3. -การสอน -หนังสื อ การสร้างเว็บเพจHTML
การจัดโครงร่ างระบบข้อมูลภายในเว็ สามารถตรวจสอบระบบการทางานของเว็บไซต์ก่อนอัพโ โดยบรรยายประกอบการสาธิตจ -ตัวอย่างผลงานนักเรี ยนที่ Upload
บไซต์ หลดได้ ริ ง แล้ว
3. การตรวจสอบการทางานของเว็บ 4. ตามเนื้ อหาประกอบสื่ อเอกสาร เช่น1.http://www.geocities.com/p
4. ั
สามารถหาและสมัครขอพื้นที่วางเว็บไซต์กบเว็บไซต์ที่ใ ประกอบการสอน orpordream
การขอพื้นที่บนเว็บไซต์ผให้บริ การ
ู้ ห้บริ การฟรี ในอินเทอร์เน็ตได้ โดยใช้ฉายออกเครื่ องฉาย 2.http://www.m2j-
5. การUpload 5. สามารถอัพโหลด(Upload) โปรเจ็คเตอร์ ประจาห้อง rtc.co.cc/index.htm
งานออกสู่ อินเทอร์ เน็ต เว็บเพจที่สร้ างขึ้นเสนอบนอินเทอร์ เน็ตได้ ั
-ให้ปฏิบติการใบงานที่ 9/1 -ใบงานที่ ใบงานที่ 9/1
การสร้ างเว็บและนาเสนอบนอิน การสร้ างเว็บและนาเสนอบนอินเท
เทอร์ เน็ต(Mini Project) อร์ เน็ต(Mini Project)
-ทดสอบหลังเรี ยน -แบบทดสอบก่อนเรี ยน
-บันทึก สังเกตพฤติกรรม หรื อ -แบบทดสอบหลังเรี ยน
ใช้แบบประเมินพฤติกรรม -บันทึก สังเกตพฤติกรรม หรื อ
ใช้แบบประเมินพฤติกรรม
18 สอบประมวลผล 4
