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

8) เวบ็ ไซตท์ ่สี ร้างใหม่จะถูกเปิดใชอ้ ัตโนมตั ิโดยจะดไู ด้ทพ่ี าเนล Files 5. การแก้ไขเวบ็ ไซต์ หลังจากทส่ี ร้างเวบ็ ไซตแ์ ล้ว หากตอ้ งการเปลย่ี นชือ่ หรือรายละเอยี ดอื่น ๆ ก็สามารถทำได้ดงั น้ี 1) เลือกคำสงั่ Site > Manage Sites 2) คลิกช่ือเวบ็ ไซต์ 3) คลิกปมุ่ Edit

4) คลกิ แท็บ Site 5) แกไ้ ขขอ้ มูลตา่ ง ๆ ตามตอ้ งการ 6) คลิกปมุ่ Save

6. การสรา้ งโฟลเดอร์สำหรับเกบ็ ไฟล์ หลังจากที่สร้างเว็บไซต์แล้ว สามารถสร้างโฟลเดอร์ย่อยไว้ภายใต้โฟลเดอร์หลักของเว็บไซต์นั้นเพื่อใช้ จัดเก็บไฟลให้เป็นหมวดหมู่ ไม่ว่าจะเป็นไฟล์ที่สร้างขึ้นในโปรแกรม Adobe Dreamweaver เช่น เว็บเพจ (. htm/.html) ไฟล์สไตล์ชตี (.css) หรือไฟล์ทนี่ ำเขา้ มาจากโปรแกรมอนื่ เช่น รปู ภาพ ไฟล์เสยี ง เปน็ ต้น สามารถทำ ได้ดงั น้ี 1) คลกิ ขวาบนโฟลเดอร์หลักของเวบ็ ไซต์แลว้ เลอื ก New Folder 2) ต้ังชอ่ื โฟลเดอร์ แลว้ กดคีย์ Enter 3) ถา้ ตอ้ งการสรา้ งโฟลเดอรอ์ ่ืนอีกก็ทำได้ทำนองเดียวกัน 7. การสรา้ งเวบ็ เพจใหม่

เม่ือมีเว็บไซตแ์ ลว้ ก็จะสามารถสร้างเว็บเพจใหม่เกบ็ ลงไปในเวบ็ โดยทำไดห้ ลายกรณี ดงั น้ี 7.1 สร้างเวบ็ เพจเปลา่ 1) เลือกคำส่ัง File > New 2) เลือกกลุ่มเว็บเพจเป็น Blank Page 3) เลือกประเภทของเว็บเพจเป็น HTML 4) เลือกรูปแบบโครงสรา้ งเว็บเพจ เป็น None (คือไมใ่ ช้รปู แบบมาตรฐานท่ีโปรแกรม เตรียมไว้ ใหใ้ ช้ตามค่าดฟี อลต)์ 5) คลกิ Create 7.2 สร้างเว็บเพจจากรูปแบบโครงสร้าง CSS (CSS Layout) 1) เลอื กคำสง่ั File > New

2) เลือกกลุ่มเว็บเพจเป็น Blank Page 3) เลือกประเภทของเว็บเพจเป็น HTML 4) เลือกรปู แบบโครงสรา้ งทต่ี อ้ งการ 5) แสดงรปู แบบโครงสร้างท่ีเลือก (ใหใชต้ ามคา่ ดฟี อลต)์ 6) คลิก Create 7.3 สรา้ งเวบ็ เพจใหม่จากไฟลต์ วั อย่าง นอกจากรูปแบบเว็บเพจมาตรฐาน โปรแกรม AdobeDreamweaver ยังได้เตรียมเว็บเพจตัวอย่างที่ถกู ออกแบบโครงสร้างและสสี ันไวแ้ ล้ว ซึ่งสามารถนำ มาใชส้ รา้ งเวบ็ เพจใหมไ่ ด้ หลงั จากน้ันกเ็ พียงแต่ใส่เนื้อหาแทนท่ี ลงไปตามรูปแบบเดมิ ซง่ึ วธิ ีน้จี ะชว่ ยประหยดั เวลาในการสรา้ งเว็บเพจได้มาก 1) เลอื กคำส่งั File > New

2) เลอื กกลมุ่ เวบ็ เพจเป็น page from Sample 3) เลือกชนิดของเวบ็ เพจตวั อยา่ ง 4) เลอื กเวบ็ เพจตัวอยา่ งที่ต้องการ 5) แสดงภาพของเวบ็ เพจตัวอยา่ งทเี่ ลอื ก 6) คลิก Create 8. การเปิดเว็บเพจเดิม การเปิดไฟลเ์ วบ็ เพจทสี่ รา้ งไวแ้ ลว้ ขึ้นมาแก้ไขสามารถทำไดห้ ลายวธิ ี เชน่ กรณีใชค้ ำสั่งจากเมนดู ังน้ี 1) เลอื กคำส่ัง File > Open 2) เปิดเข้าไปยังโฟลเดอร์หลักที่จดั เกบ็ เว็บไซตแ์ ละโฟลเดอร์ย่อยทีเ่ ก็บไฟล์

3) คลิกเลือกไฟลเ์ วบ็ เพจ 4) คลิก Open 9. การบันทึกเว็บเพจ หลงั จากท่สี ร้างหรอื แกไ้ ขเว็บเพจแลว้ จะต้องสงั่ บนั ทึกเวบ็ เพจน้นั ด้วย 1) เลอื กคำสัง่ File > Save 2) เปิดเข้าไปยงั โฟลเดอร์หลกั ท่จี ัดเกบ็ เวบ็ ไซต์และโฟลเดอร์ยอ่ ยที่จะใชเ้ กบ็ ไฟล์ 3) ต้งั ช่ือไฟล์

4) คลิก Save • ด้านทักษะ+ดา้ นจติ พสิ ัย (ปฏบิ ตั ิ+ด้านจิตพสิ ัย) (จุดประสงคเ์ ชงิ พฤติกรรมขอ้ ที่ 1-3) 5. ใบงานหนว่ ยท่ี 2 6. กิจกรรมบรู ณาการอาเซยี น • ด้านคุณธรรม/จรยิ ธรรม/จรรยาบรรณ/บูรณาการเศรษฐกิจพอเพยี ง (จดุ ประสงค์เชงิ พฤตกิ รรมข้อท่ี 4) 1. ใช้โปรแกรม Adobe Dreamweaver CS5 ให้เหมาะสมกบั ความตอ้ งการ กจิ กรรมการเรยี นการสอนหรือการเรยี นรู้ ขัน้ ตอนการสอนหรอื กจิ กรรมของครู ข้นั ตอนการเรยี นร้หู รอื กจิ กรรมของนักศกึ ษา 1. ขนั้ นำเขา้ สูบ่ ทเรยี น ( 15 นาที ) 1. ขนั้ นำเข้าสบู่ ทเรยี น ( 15 นาที )

1. ผู้สอนใหผ้ เู้ รยี นอา่ นเอกสารประกอบการสอน 1. ผู้เรียนศึกษาเอกสารประกอบการสอนวิชา วิชา พนื้ ฐานการสรา้ งเว็บไซต์ หน่วยที่ 2 เรือ่ ง การ พื้นฐานการสร้างเว็บไซต์ หน่วยที่ 2 เรื่อง การใช้ ใช้ Adobe Dreamweaver CS5 หน้าที่ 19 ในส่วน Adobe Dreamweaver CS5 หน้าที่ 19 ในส่วนของ ของสาระสำคัญ สาระสำคญั 2. ผูส้ อนแจ้งจดุ ประสงค์การเรียนของหน่วยท่ี 2 2. ผู้เรียนทำความเข้าใจเกี่ยวกับจุดประสงค์การ เรอื่ ง การใช้ Adobe Dreamweaver CS5 เรียนของหน่วยเรียนที่ 2 เรื่อง การใช้ Adobe Dreamweaver CS5 3. ผู้สอนให้ผู้เรียนยกตัวอย่างหน้าต่าง 3. ผู้เรียนยกตัวอย่างหน้าต่าง Welcome Welcome screen screen 2. ข้นั ให้ความรู้ ( 330 นาที ) 1. ผู้สอนให้ผู้เรียนเปิดหนังสือ วิชา พื้นฐาน 2. ขั้นให้ความรู้ ( 330 นาที ) การสร้างเว็บไซต์ หน่วยที่ 2 เรื่อง การใช้ Adobe 1. ผู้เรียนเปิดหนังสือ วิชา พื้นฐานการสร้าง Dreamweaver CS5 หน้าที่ 20-39 โดยผู้สอนให้ เว็บไซต์ หน่วยที่ 2 เรื่อง การใช้ Adobe ความรอู้ ยา่ งละเอียด Dreamweaver CS5 หน้าที่ 20-39 โดยผู้สอนให้ 2. ผู้สอนเปิดโอกาส ให้ผู้เรียนถามปัญหา และ ความรอู้ ยา่ งละเอียด ขอ้ สงสัยจากเนื้อหา โดยครูใหผ้ เู้ รียนทดลองเปดิ ใช้งาน 2. ผสู้ อนเปดิ โอกาส ใหผ้ ู้เรยี นถามปัญหา และข้อ โปรแกร Adobe Dreamweaver CS5 สงสัยจากเนื้อหา โดยครูให้ผู้เรียนทดลองเปิดใช้งานโปร 3. ข้นั ประยกุ ตใ์ ช้ ( 75 นาที ) แกร Adobe Dreamweaver CS5 1. ผสู้ อนใหผ้ ูเ้ รยี นทำใบงานหน่วยท่ี 2 หนา้ ท่ี 3. ข้ันประยุกต์ใช้( 75 นาที ) 40 1. ผูเ้ รยี นทำใบงานหน่วยท่ี 2 หน้าที่ 40 2. ผู้สอนให้ผู้เรียนสืบค้นข้อมูลจาก Web Guide หน้าที่ 38 หรือหาความรู้เพิ่มเติมจาก 2. ผู้เรียนสบื คน้ ข้อมูลจาก Web Guide อินเทอรเ์ นต็ หน้าท่ี 38 หรอื หาความรู้เพม่ิ เตมิ จากอนิ เทอรเ์ น็ต กิจกรรมการเรียนการสอนหรอื การเรยี นรู้ ข้ันตอนการสอนหรอื กิจกรรมของครู ข้ันตอนการเรียนร้หู รือกจิ กรรมของนกั ศกึ ษา 4. ขน้ั สรุปและประเมินผล ( 60 นาที ) 4. ข้นั สรปุ และประเมินผล( 60 นาที )

1. ผู้สอนและผู้เรียนร่วมกันสรุปเนื้อหาที่ได้เรียน 1. ผู้สอนและผเู้ รยี นรว่ มกันสรุปเนอ้ื หาท่ไี ด้เรียนให้มี ใหม้ คี วามเขา้ ใจในทศิ ทางเดียวกนั ความเข้าใจในทศิ ทางเดยี วกนั 2. ผู้สอนให้ผู้เรียนทำกิจกรรมบูรณาการอาเซียน 2. ผู้เรยี นทำกจิ กรรมบรู ณาการอาเซยี น หน้า 41 หน้า 41 3. ผู้สอนให้ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน 4. ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน ด้วย ด้วยบทเรยี นคอมพวิ เตอร์ชว่ ยสอนทจ่ี ัดทำขึ้น บทเรยี นคอมพวิ เตอร์ชว่ ยสอนท่จี ดั ทำข้นึ (บรรลุจดุ ประสงค์เชงิ พฤติกรรมขอ้ ท่ี 1-4) (บรรลจุ ุดประสงค์เชงิ พฤติกรรมขอ้ ท่ี 1-4) (รวม 480 นาที หรอื 8 คาบเรยี น) งานทม่ี อบหมายหรือกจิ กรรมการวัดผลและประเมินผล

กอ่ นเรยี น 1. จัดเตรียมเอกสาร ส่ือการเรียนการสอนหนว่ ยท่ี 2 2. ทำความเข้าใจเก่ียวกบั จดุ ประสงคก์ ารเรยี นของหนว่ ยท่ี 2 และให้ความร่วมมอื ในการทำกจิ กรรม ต่าง ๆ a. ขณะเรยี น 4. ศึกษาหนังสือ วิชา พนื้ ฐานการสรา้ งเวบ็ ไซต์ หน่วยท่ี 2 เรอ่ื ง การใช้ Adobe Dreamweaver CS5 5. ซกั ถามปญั หาขอ้ สงสยั จากผสู้ อน 6. ทำใบงานหน่วยที่ 2 หลงั เรียน 1. สรุปเนอ้ื หา 2. ทำกิจกรรมบูรณาการอาเซยี น คำถาม 1. จงอธิบายความหมายของหนา้ ตา่ ง Welcome Screen 2. จงบอกส่วนประกอบของรปู ตอ่ ไปนค้ี ืออะไร 3. พน้ื ที่ในการทำงานมีกี่มุมมองอะไรบ้าง จงอธบิ าย ผลงาน/ช้นิ งาน/ความสำเร็จของผู้เรียน ใบงาน กจิ กรรม สมรรถนะทพี่ งึ ประสงค์ ผู้เรียนสร้างความเขา้ ใจเกย่ี วกบั การใช้ Adobe Dreamweaver CS5 5. วิเคราะหแ์ ละตีความหมาย 6. ตง้ั คำถาม 7. อภปิ รายแสดงความคิดเห็นระดมสมอง 8. การประยุกต์ความรสู้ งู่ านอาชพี สมรรถนะการปฏิบตั งิ านอาชพี 2. เปดิ ใชง้ านโปรแกรม Adobe Dreamweaver CS5

สมรรถนะการขยายผล ความสอดคล้อง จากการเรียน เรื่อง การใช้ Adobe Dreamweaver CS5 ที่จัดทำขึ้นได้ทำให้ผู้เรียนสามารถจัดวาง องค์ประกอบของหน้าเว็บเพจได้ตามต้องการ ดังนั้น ผู้ที่ไม่เคยสร้างเว็บไซต์มาก่อน ก็สามารถศึกษาการใช้งาน โปรแกรมนไ้ี ดไ้ ม่ยาก ส่ือการเรียนการสอน/การเรยี นรู้ สอื่ ส่งิ พมิ พ์ 1. เอกสารประกอบการสอนวชิ า การสรา้ งเวบ็ ไซต์ (ใชป้ ระกอบการเรยี นการสอนจุดประสงค์เชิง พฤตกิ รรมขอ้ ท่ี 1-4)

2. ใบความรทู้ ่ี 2 เร่ือง การใช้ Adobe Dreamweaver CS5 (ใชป้ ระกอบการเรียนการสอนขน้ั ให้ ความรู้ เพ่ือใหบ้ รรลุจดุ ประสงค์เชิงพฤติกรรมขอ้ ท่ี 1-4) 3. ใบงานที่ 2 เรือ่ ง การใช้ Adobe Dreamweaver CS5 ขนั้ ประยกุ ตใ์ ช้ 1 4. กจิ กรรมบรู ณาการอาเซียน ใช้ประกอบการสอนข้ันสรุป และประเมินผล ข้อ 2 5. แบบประเมนิ ผลงานตามใบงาน ใช้ประกอบการสอนขน้ั ประยุกต์ใช้ ข้อ 1 6. แบบประเมินพฤติกรรมการทำงาน ใชป้ ระกอบการสอนขนั้ สรปุ ขอ้ 2 สอ่ื โสตทศั น์ (ถ้าม)ี 1. PowerPoint เรื่อง การใช้ Adobe Dreamweaver CS5 ส่อื ของจรงิ Adobe Dreamweaver CS5 (ใช้ประกอบการเรยี นการสอนจดุ ประสงคเ์ ชงิ พฤติกรรมขอ้ ที่ 1-4) แหลง่ การเรยี นรู้ ในสถานศึกษา 1. หอ้ งสมดุ วทิ ยาลัยเทคนิคสมุทรสาคร 2. หอ้ งปฏิบตั ิการคอมพวิ เตอร์ ศึกษาหาขอ้ มลู ทางอนิ เทอร์เน็ต

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

ขณะเรยี น 4. ตรวจผลงานตามใบงานท่ี 2 5. สงั เกตการทำงาน หลังเรยี น 3. ตรวจกิจกรรมบูรณาการอาเซียน ผลงาน/ชน้ิ งาน/ผลสำเรจ็ ของผเู้ รียน ใบงาน กิจกรรม

รายละเอียดการประเมนิ ผลการเรยี นรู้ • จดุ ประสงค์เชิงพฤตกิ รรม ข้อที่ 1 ยกตัวอยา่ งหน้าตา่ ง Welcome screen ได้ 4. วิธีการประเมิน : ทดสอบ 5. เครื่องมือ : แบบทดสอบ 6. เกณฑ์การให้คะแนน : ยกตวั อยา่ งหนา้ ตา่ ง Welcome screen ได้ จะได้ 2 คะแนน • จดุ ประสงค์เชิงพฤตกิ รรม ข้อที่ 2 ทดลองเปิดใช้งานโปรแกร Adobe Dreamweaver CS5 ได้ 4. วธิ กี ารประเมนิ : ทดสอบ 5. เครื่องมอื : แบบทดสอบ 6. เกณฑ์การให้คะแนน : ทดลองเปิดใชง้ านโปรแกร Adobe Dreamweaver CS5 ได้ จะ ได้ 3 คะแนน • จดุ ประสงค์เชิงพฤตกิ รรม ขอ้ ท่ี 3 จำแนกสว่ นประกอบของหน้าต่างการใชง้ านโปรแกรมได้ 1. วิธกี ารประเมิน : ทดสอบ 2. เครื่องมือ : แบบทดสอบ 3. เกณฑก์ ารให้คะแนน : จำแนกสว่ นประกอบของหน้าต่างการใชง้ านโปรแกรมได้ จะได้ 2 คะแนน • จุดประสงค์เชงิ พฤตกิ รรม ข้อที่ 4 ใช้โปรแกรม Adobe Dreamweaver CS5 ใหเ้ หมาะสมกบั ความ ต้องการ 1. วธิ ีการประเมิน : ทดสอบ 2. เครือ่ งมือ : แบบทดสอบ 3. เกณฑ์การให้คะแนน : ใช้โปรแกรม Adobe Dreamweaver CS5 ให้เหมาะสมกบั ความ ต้องการ จะได้ 3 คะแนน ใบงาน หน่วยที่ 2 ตอนท่ี 1 ใหน้ กั ศกึ ษาตอบคำถามตอ่ ไป

1. จะอธบิ ายความหมายของหนา้ ตา่ ง Welcome Screen ของคำตอ่ ไปนี้ - Open a Recent Item ________________________________________________ - Create New_______________________________________________________ - Create from Samples________________________________________________ 2. จงบอกสว่ นประกอบของรปู ต่อไปนค้ี อื อะไร ................................................................................................................................................................................... ............................................................................................................................................................................ 3.พ้นื ท่ใี นการทำงานมกี มี่ ุมมอง จงอธบิ าย ................................................................................................................................................................................... ............................................................................................................................................................................. ................................................................................................................................................................................... ................................................................................................................................................................................... .......................................................................................................................................................................... ............................................................................................................................................................................... กิจกรรมบูรณาการอาเซยี น คำสงั ่ ให้นกั ศึกษาเลอื กคำตอบท่ถี กู ต้องลงไปใส่ในชอ่ งวา่ งหน้าประโยคทเี่ หมาะสม

Open a Recent Item , Create New , Create from Samples , Panel , Menu Bar Document Area , Tool Bar , Status Bar 1. _______________________________________________ เป็นสว่ นทใ่ี ช้เก็บไฟล์เว็บเพจสำเรจ็ รปู เอาไวใหได้เลือกใชง้ าน 2. _______________________________________________ เปน็ สว่ นทีแ่ สดงการสร้างหน้าเว็บเพจในการใสเ่ น้ือหาและองคป์ ระกอบต่างๆ ลงไป ซง่ึ ในพ้นื ที่การทำงาน นั้น เราสามารถเปิ ดข้นึ มาได้หลายมมุ มอง 3. _______________________________________________ เปน็ สว่ นท่ีใช้เกบ็ คำสั่งตา่ ง ๆ ของโปรแกรมเอาไว้ โดยมกี ารแบ่งคำส่งั ออกเป็นหมวดหมู่เพือ่ ใหส้ ะดวกตอ่ การเรยี กใชง้ าน 4. _______________________________________________ เป็นส่วนทใี่ ช้รวบรวมเครอื่ งมือการใชง้ านในรปู แบบท่แี ตกต่างกัน เชน่ พาเนล File ใช้จดั การไฟลใ์ น รูปแบบต่าง ๆ เปน็ ตน้ 5. _______________________________________________ เปน็ สว่ นทแี่ สดงไอคอนคำสง่ั ท่ีต้องใชง้ านบ่อยๆ ให้สะดวกต่อการเรยี กใชง้ าน 6. _______________________________________________ สว่ นประกอบแรกนี้ เป็นส่วนทใี่ ชเ้ ปิ ดไฟลง์ านท่ีเคยใชข้ น้ึ มา 7. _______________________________________________ เป็นสว่ นที่ใช้สรา้ งไฟล์ใหม่ในโปรแกรม ซง่ึ สามารถสร้างไฟลไ์ ด้หลายชนดิ ไม่ว่าจะเปน็ HTML PHP ASP และ JavaScript เปน็ ต้น

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

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

- 2.Create New เปน็ สว่ นทใ่ี ช้สรา้ งไฟล์ใหมใ่ นโปรแกรม ซ่งึ สามารถสรา้ งไฟลไ์ ดห้ ลายชนดิ ไมว่ ่าจะ เปน็ HTML PHP ASP และ JavaScript เปน็ ตน้ - Create from Samples เป็นสว่ นทีใ่ ชเ้ กบ็ ไฟลเ์ ว็บเพจสำเร็จรปู เอาไว้ใหไ้ ดเ้ ลือกใช้งาน ขอ้ ท่ี 2 - แถบเมนู (Menu Bar) เปน็ ส่วนที่ใช้เกบ็ คำสง่ั ต่างๆ ของโปรแกรมเอาไว้ โดยมีการแบ่งคำสั่งออกเป็นหมวดหมู่ เพ่ือให้สะดวก ตอ่ การเรียกใชง้ าน ขอ้ ที่ 3 มี 3 มมุ มอง - มมุ มอง Code เปน็ มมุ มองทใ่ี ชแ้ สดงคำสั่งท่ีใช้การเขยี นเวบ็ เพจไมว่ ่าจะเปน็ HTML PHP ASP หรอื JavaScript - มมุ มอง Design เปน็ มุมมองท่ใี ชแ้ สดงหนา้ เวบ็ เพจท่ีมีการออกแบบข้อความ รปู ภาพแลว้ ซึ่งเรา สามารถแก้ไขรายละเอยี ดไดต้ ามตอ้ งการ - มุมมอง Code and Desing เปน็ มุมมองทใ่ี ช้แสดงท้ังหน้าเว็บเพจและหนา้ โค้ดท่ีใช้สร้างเวบ็ เพจ เฉลย กจิ กรรม บรู ณาการอาเซยี น 1. Create from Samples 2. Document Area 3. Menu Bar 4. Panel 5. Tool Bar 6. Open a Recent Item 7. Create New บันทกึ หลงั การสอน หน่วยที่ 2 การใช้ Adobe Dreamweaver CS5 ผลการใชแ้ ผนการสอน

1. เนือ้ หาสอดคลอ้ งกบั จดุ ประสงคเ์ ชงิ พฤติกรรม 2. กจิ กรรมการสอนเหมาะสมกบั เนื้อหาและเวลาที่กำหนด 3. ส่อื การสอนเหมาะสมดี ผลการเรยี นของนักศึกษา ใบ 1. นกั ศึกษาส่วนใหญม่ ีความเข้าใจในบทเรียน อภิปรายตอบคำถามในกลุ่ม และร่วมกนั ปฏิบตั ิ งานทไ่ี ดร้ ับมอบหมาย 2. นักศกึ ษากระตอื รือรน้ และรับผิดชอบในการทำงานกลุ่มเพือ่ ใหง้ านสำเร็จทันเวลาท่กี ำหนด 3. นักศกึ ษาเปดิ ใชง้ านโปรแกรม Adobe Dreamweaver CS5 ได้ ผลการสอนของครู 1. สอนเนอ้ื หาได้ครบตามหลักสตู ร 2. แผนการสอนและวิธีการสอนครอบคลมุ เน้อื หาการสอนทำใหผ้ ู้สอนสอนได้อย่างมัน่ ใจ 3. สอนทันตามเวลาท่ีกำหนด

แผนการสอน/แผนการเรียนร้ภู าคทฤษฏี แผนการสอน/การเรียนรภู้ าคทฤษฎี หนว่ ยท่ี 3 ชอื่ วชิ า การสร้างเว็บไซต์ สอนสปั ดาหท์ ี่ 4 ชอื่ หน่วย การจดั ตกแตง่ ข้อความ คาบรวม 16 ช่อื เร่อื ง การจดั ตกแตง่ ข้อความ จำนวนคาบ 4 หวั ข้อเรือ่ ง ด้านความรู้ 1. การจดั แตง่ ข้อความ 2. ลักษณะตัวอกั ษร 3. ออกแบบสไตล์ CSS ด้านทักษะ 4. สร้างข้อความ 5. คดั ลอกข้อความ 6. ขนึ้ บรรทดั ใหมใ่ นย่อหนา้ เดมิ 7. เว้นระหว่างข้อความ 8. จัดรปู แบบข้อความ 9. เลอื กฟอนตใ์ ห้กบั ขอ้ ความ 10. เพิ่มชุดฟอนต์ทีใ่ ชก้ ับข้อความ 11. ปรับเปล่ยี นขนาดฟอนต์ 12. เปล่ียนสฟี อนต์ 13. เนน้ หัวขอ้ ให้โดดเดน่ 14. ปฏบิ ัติตามข้นั ตอนการจัดรูปแบบขอ้ ความ ดา้ นจิตพิสัย 15. ประพฤติตามหลกั การจัดและตกแตง่ ขอ้ ความด้วยโปรแกรม Adobe Dreamweaver CS5 ได้ ด้านคณุ ธรรม จริยธรรม/บูรณาการเศรษฐกิจพอเพียง 16. จดั และตกแตง่ ขอ้ ความด้วยโปรแกรม Adobe Dreamweaver CS5 ให้ถกู ต้องและเหมาะสมได้ สาระสำคัญ

ในการจัดตกแต่งข้อความดว้ ยโปรแกรม Dreamweaver สำหรับเวอรช์ ั่น ใหม่ๆ ตงั้ แต่ CS3 ขึ้นไปนั้น จะมีการใช้ฟังกช์ ่ัน CSS ขึ้นมาเพื่อเพิ่มความสะดวกสบายในการตั้งค่าข้อความให้งา่ ยขึ้น ซึ่งโปรแกรมที่จะใช้ใน การศึกษา คอื โปรแกรม Dreamweaver CS5 สมรรถนะอาชพี ประจำหนว่ ย 1. จัดและตกแต่งข้อความดว้ ยโปรแกรม Adobe Dreamweaver CS5 คำศพั ทส์ ำคัญ 1. การสร้างข้อความ คือ การพมิ พข์ อ้ ความหรือบทความทตี่ อ้ งการลงไปในหน้าเวบ็ เพจท่ีเราสรา้ งขึ้น จดุ ประสงค์การสอน/การเรียนรู้ • จดุ ประสงคท์ วั่ ไป / บรู ณาการเศรษฐกิจพอเพียง 1. เพ่ือใหม้ ีความรู้เกยี่ วกบั การอธิบายการจัดแตง่ ขอ้ ความ (ด้านความร)ู้ 2. เพ่ือให้มีความรู้เกี่ยวกับการรวบรวมลกั ษณะตวั อักษร (ด้านความรู้) 3. เพื่อใหม้ ีความรู้เก่ียวกบั การออกแบบสไตล์ CSS (ดา้ นความรู)้ 4. เพอ่ื ใหม้ ีทักษะในการสร้างข้อความ (ดา้ นทกั ษะ) 5. เพื่อให้มีทักษะในการคดั ลอกขอ้ ความ (ดา้ นทกั ษะ) 6. เพื่อให้มที กั ษะในการขนึ้ บรรทัดใหม่ในยอ่ หน้าเดิมได้ (ด้านทกั ษะ) 7. เพอ่ื ให้มีทักษะในการเว้นระหวา่ งขอ้ ความ (ดา้ นทกั ษะ) 8. เพอ่ื ให้มที ักษะในการจัดรปู แบบขอ้ ความ (ด้านทกั ษะ) 9. เพอ่ื ให้มีทักษะในการเลือกฟอนตใ์ หก้ บั ข้อความ (ดา้ นทักษะ) 10. เพ่อื ใหม้ ที กั ษะในการเพม่ิ ชุดฟอนตท์ ี่ใชก้ ับข้อความ (ดา้ นทกั ษะ) 11. เพื่อให้มีทกั ษะในการปรบั เปลยี่ นขนาดฟอนต์ (ด้านทักษะ) 12. เพื่อใหม้ ีทักษะในการเปลี่ยนสีฟอนต์ (ด้านทักษะ) 13. เพอื่ ให้มที ักษะในการเนน้ หวั ขอ้ ใหโ้ ดดเด่น (ดา้ นทกั ษะ) 14. เพ่อื ให้มที ักษะในการปฏิบตั ิตามขนั้ ตอนการจดั รูปแบบข้อความ (ด้านทักษะ) 15. เพ่อื ให้มเี จตคติที่ดตี อ่ การประพฤติตามหลกั การจัดและตกแต่งข้อความดว้ ยโปรแกรม Adobe Dreamweaver CS5 (ด้านจิตพสิ ยั ) 16. เพือ่ จัดและตกแตง่ ขอ้ ความด้วยโปรแกรม Adobe Dreamweaver CS5 ใหถ้ ูกตอ้ งและเหมาะสม (ด้านคุณธรรม จริยธรรม) • จุดประสงคเ์ ชงิ พฤติกรรม / บรู ณาการเศรษฐกจิ พอเพยี ง 1. การอธบิ ายการจัดแตง่ ขอ้ ความได้ (ด้านความรู้) 2. การรวบรวมลักษณะตวั อักษรได้ (ด้านความรู้)

3. การออกแบบสไตล์ CSS ได้ (ดา้ นความรู้) 4. สรา้ งข้อความได้ (ดา้ นทักษะ) 5. คัดลอกขอ้ ความได้ (ดา้ นทักษะ) 6. ข้นึ บรรทดั ใหมใ่ นยอ่ หนา้ เดมิ ได้ (ดา้ นทกั ษะ) 7. เว้นระหว่างขอ้ ความได้ (ด้านทักษะ) 8. จดั รูปแบบข้อความได้ (ดา้ นทักษะ) 9. เลอื กฟอนต์ให้กบั ขอ้ ความได้ (ดา้ นทกั ษะ) 10. เพิม่ ชดุ ฟอนตท์ ี่ใชก้ ับขอ้ ความได้ (ดา้ นทักษะ) 11. ปรับเปล่ยี นขนาดฟอนต์ได้ (ดา้ นทักษะ) 12. เปลี่ยนสีฟอนต์ได้ (ดา้ นทกั ษะ) 13. เน้นหัวข้อใหโ้ ดดเดน่ ได้ (ดา้ นทกั ษะ) 14. ปฏบิ ตั ิตามขนั้ ตอนการจัดรปู แบบข้อความได้ (ดา้ นทักษะ) 15. ประพฤติตามหลักการจัดและตกแต่งข้อความด้วยโปรแกรม Adobe Dreamweaver CS5 ได้ (ด้านจติ พสิ ยั ) 16. จดั และตกแต่งข้อความด้วยโปรแกรม Adobe Dreamweaver CS5 ใหถ้ ูกต้องและเหมาะสมได้(ด้าน คุณธรรม จรยิ ธรรม) เน้อื หาสาระการสอน/การเรยี นรู้ • ดา้ นความรู้(ทฤษฎ)ี 1. การสร้างขอ้ ความ คือ การพมิ พ์ข้อความหรอื บทความท่ตี ้องการลงไปในหน้าเวบ็ เพจที่เราสร้างข้นึ ดังตัวอยา่ งต่อไปน้ี

1. คลิกเคอรเ์ ซอรต์ รงตำแหนง่ ทีต่ อ้ งการพิมพ์ขอ้ ความหรอื บทความ 2. พิมพ์ขอ้ ความลงตรงตำแหนง่ ทีต่ อ้ งการพมิ พ์ 2. การคดั ลอกข้อความ การคดั ลอกขอ้ ความบนหนา้ เวบ็ เพจสามารถทำไดด้ งั ตอ่ ไปนี้ 1. เลอื กข้อความทต่ี ้องการคดั ลอก 2. คลิกขวา > เลอื ก Copy 3. เลือกตำแหน่งทต่ี อ้ งการนำข้อความไปจดั วาง 4. คลกิ ขวา > เลอื ก Paste

5. ข้อความจะนำไปจดั วางตรงตำแหน่งท่กี ำหนด

3. การขน้ึ บรรทัดใหม่ในยอ่ หน้าเดิม การพิมพข์ อ้ ความในบางคร้งั อาจใช้พื้นทเ่ี ต็มบรรทัด หากตอ้ งการขน้ึ บรรทดั ใหม่เราสามารถกดแปน้ Enter ไดท้ นั ที แต่ระยะหา่ งระหว่างบรรทัดจะมากกว่าปกตซิ งึ่ ทำใหข้ ้อความทีแ่ สดงออกมาดูไม่สวยงามซงึ่ มวี ิธี เครอื่ งมือดงั ต่อไปน้ที ี่ชว่ ยทำให้การจัดวางระยะห่างระหว่างบรรทดั ดูสวยงามข้ึน 1. วางเคอรเ์ ซอรต์ รงตำแหน่งท่ีจะข้ึนบรรทัดใหม่ 2. คลิกแท็บ Text ใน Insert Bar 3. เลือกคำสง่ั เพอ่ื ขน้ึ บรรทดั ใหม่ 4. พิมพ์ข้อความทต่ี ้องการ 4. การเว้นระหว่างข้อความ โปรแกรม Dreamweaver CS5 ไมส่ ามารถเวน้ วรรคระหว่างข้อความไดห้ ลายตวั อกั ษรแตม่ เี คร่ืองมอื ท่ี สามารถเว้นตวั อักษรไดห้ ลายตวั อักษร ดงั น้ี 1. วางเคอร์เซอรต์ รงตำแหน่งทีต่ ้องการเวน้ วรรค 2. คลกิ แท็บText บน Insert Bar 3. คลิกเลือกคำสง่ั Characters 4. คลกิ คำสง่ั Non-Breaking Space ตามจำนวนเว้นวรรคท่ตี ้องการ

5. พิมพ์ขอ้ ความทตี่ อ้ งการ 5. การจดั รูปแบบข้อความ การจดั รปู แบบขอ้ ความสามารถทำได้ 2 วิธี ดงั นี้ 1. สไตล์ HTML 2. สไตล์ CSS 6. การเลือกฟอนตใ์ หก้ ับข้อความ ตอ้ งเปน็ ฟอนตม์ าตรฐานเท่าน้ัน เนอ่ื งจากในเครื่องของผู้เข้าชมเว็บไซต์อาจจะไม่มีฟอนต์ชนิดนั้น ๆ เม่ือ ข้อความในเว็บเพจปรากฏบนบราวเซอร์ บราวเซอร์ก็จะดึงฟอนต์อืน่ ที่มีอยู่ในเครื่องมาแสดงแทน ส่วนฟอนต์ท่ี นยิ มใช้กันสว่ นใหญ่เป็นฟอนต์ MS Sans Serif และ Tahoma เน่อื งจากอ่าน และแสดงผลได้บน เบรา เซอร์ทกุ ชนดิ ซ่ึงวิธีการเลอื กฟอนต์ให้กบั ขอ้ ความ ทำไดด้ งั นี้

1. เลอื กข้อความท่ีจะกำหนดชดุ ฟอนต์ 2. คลิกเลือกการจดั รปู แบบขอ้ ความสไตล์ CSS 3. เลือกชุดฟอนต์ที่ตอ้ งการใชท้ ชี่ อ่ ง Font ในหนา้ ต่าง Properties Inspector สไตล์ CSS 7. เพิ่มชุดฟอนต์ท่ีใชก้ ับข้อความ 1. คลิกรายการ Edit Font List… ท่ชี ่อง Font ในหน้าต่าง Properties Inspector สไตล์ CSS 2. คลิกปมุ่ OK จากนน้ั ฟอนตท์ ี่เลือกจะถูกเพ่มิ ไว้ในรายการชดุ ฟอนต์ Available fonts 3. คลิกปุม่ เพอ่ื เพมิ่ ฟอนตไ์ วใ้ นรายการชุดฟอนต์ท่จี ะสร้าง

4. คลกิ ปุม่ OK จากนั้นฟอนต์ที่เลอื กจะถูกเพิ่มไวใ้ นรายการชุดฟอนต์ 8. ปรับเปลี่ยนขนาดฟอนต์ 1. เลอื กข้อความท่ตี อ้ งการเปลี่ยนขนาด 2. เลอื กขนาดตวั อักษรหรอื พิมพค์ า่ ลงไปในช่อง Size บนหน้าตา่ ง Properties Inspector ในการ จดั รูปแบบขอ้ ความสไตล์ CSS หลังจากคลิกเลือกขนาดฟอนต์ จะปรากฏหน้าต่าง New CSS Rule เพื่อกำหนดคุณสมบัติเบ้อื งต้นของ CSS 3. กำหนดชื่อเรยี กของสไตล์ซงึ่ ควรตั้งชื่อเรียกใหส้ อดคลอ้ งกบั สงิ่ ที่ให้สไตลไ์ ปกำหนดในท่ีนใ้ี ช้ชอื่ left 4. คลิกปมุ่ OK ข้อความท่ีเลือกจะเปลยี่ นเปน็ ขนาดฟอนต์ตามทีไ่ ดก้ ำหนดในสไตล์ left

9. การเปลยี่ นสีฟอนต์ เราสามารถกำหนดใหแ้ ต่ละขอ้ ความในหน้าเวบ็ เพจใช้สแี ตกต่างกัน เพือ่ เน้นขอ้ ความนั้นให้โดดเดน่ ได้ ดงั น้ี 1. เลือกข้อความทจี่ ะเปลี่ยนสีฟอนต์ 2. คลิก บนหนา้ ตา่ ง Properties Inspector สไตล์ CSS 3. คลกิ เลือกสจี ากตารางสี 10. การกำหนดลกั ษณะตัวอักษร การกำหนดลกั ษณะตวั อักษร ไม่ว่าจะเปน็ ตัวหนา ตัวเอียง และลกั ษณะอ่ืน ๆ สามารถทำได้ดงั น้ี 1. เลือกขอ้ ความท่จี ะกำหนดลักษณะตัวอักษร 2. คลกิ เลอื กลกั ษณะตวั อกั ษรบนหนา้ ต่าง Properties Inspector สไตล์ CSS 3. คลกิ เลือกลกั ษณะตวั อักษร 11. การเนน้ หวั ข้อใหโ้ ดดเดน่ สำหรบั ข้อความส่วนที่เป็นหวั ขอ้ หลกั หรือหัวข้อย่อย เราสามารถทำใหเ้ กดิ ความโดดเดน่ ได้ดังนี้ 1. เลือกหวั ข้อหรือขอ้ ความทจ่ี ะเนน้

2. คลิกเลอื กรปู แบบท่ีช่อง Format บนหนา้ ต่าง Properties Inspector สไตล์ HTML โดยรปู แบบหวั ขอ้ ท่ีโปรแกรมมีใหเ้ ลอื กนน้ั จะเรียงลำดบั จากขนาดใหญ่ไปเลก็ จากนน้ั ขอ้ ความ ท่ีเลอื กกจ็ ะเปล่ยี นไปตามขนาดทกี่ ำหนด 12. วธิ กี ารจัดรปู แบบขอ้ ความ ในการจดั รูปแบบขอ้ ความทอี่ ยู่ในเว็บเพจใหอ้ ยู่ชิดซ้าย กง่ึ กลาง หรือ ชิดขวาได้ เพื่อให้ผู้ชมอ่านข้อความ นั้นงา่ ยขนึ้ ซ่งึ ทำได้หลายวธิ ดี ังน้ี คำส่งั Align 1. ครอบคลมุ ขอ้ ความที่ตอ้ งการจัดรูปแบบ 2. คลิกขวา > เลอื กคำสั่ง Align > เลอื กการจัดรปู แบบทต่ี อ้ งการ 13. การกำหนดสไตล์ CSS 1. เลือกข้อความทตี่ อ้ งการจดั รูปแบบ 2. คลิกเลือกรูปแบบการจัดข้อความบนหน้าต่าง Properties Inspector สไตล์ CSS จัดให้ข้อความชดิ ซา้ ย จัดให้ขอ้ ความอยูก่ ึ่งกลาง จัดใหข้ อ้ ความชดิ ขวา

จัดให้ข้อความชดิ ดา้ นซา้ ยและดา้ นขวา จากน้นั จะปรากฏหน้าต่าง New CSS Rule ขนึ้ มา ใหก้ ำหนดคณุ สมบตั ิเบอ้ื งตน้ ของCSS 3. กำหนดชื่อเรยี กของสไตลน์ ้ัน ในท่ีนีใ้ ช้ชอ่ื textright 4. คลกิ ป่มุ OK หลงั จากนั้นข้อความที่เลอื กจะจัดรูปแบบที่เรากำหนด และ ชื่อเรียกของสไตล์ก็จะแสดง ในหนา้ ต่างพาเนล CSS STYLES • ดา้ นทกั ษะ+ด้านจติ พิสยั (ปฏบิ ัติ+ดา้ นจิตพสิ ยั ) (จุดประสงคเ์ ชงิ พฤตกิ รรมข้อที่ 1-15) 7. กิจกรรมบูรณาการอาเซียน 8. กจิ กรรมบูรณาการเศรษฐกิจพอเพยี ง • ดา้ นคณุ ธรรม/จริยธรรม/จรรยาบรรณ/บูรณาการเศรษฐกิจพอเพียง (จุดประสงคเ์ ชงิ พฤติกรรมข้อที่ 16) 1. จัดและตกแตง่ ข้อความดว้ ยโปรแกรม Adobe Dreamweaver CS5 ใหถ้ ูกตอ้ งและเหมาะสมได้

กจิ กรรมการเรยี นการสอนหรือการเรยี นรู้ ขนั้ ตอนการสอนหรือกจิ กรรมของครู ขัน้ ตอนการเรยี นรู้หรอื กิจกรรมของนักเรยี น 1. ขน้ั นำเข้าสู่บทเรียน ( 15 นาที ) 1. ขัน้ นำเข้าสบู่ ทเรียน ( 15 นาที ) 1. ผู้สอนตั้งคำถามว่า การตกแต่งข้อความบน 1. ผู้เรียนช่วยกันตอบคำถามตามความเขา้ ใจของ เวบ็ ไซตม์ ปี ระโยชนอ์ ย่างไร แตล่ ะคน 2. ผสู้ อนแจง้ จดุ ประสงค์การเรยี นของหน่วยที่ 3 2. ผู้เรียนทำความเข้าใจเกี่ยวกับจุดประสงค์การ เรอ่ื ง การจัดตกแต่งขอ้ ความ เรียนหนว่ ยที่ 3 เรอ่ื ง การจัดตกแตง่ ข้อความ 3. ผสู้ อนใหผ้ ูเ้ รียนระดมความคิด และ ออกแบบ 3. ผเู้ รียนระดมความคดิ และออกแบบสไตล์ CSS สไตล์ CSS 2. ขัน้ ให้ความรู้ ( 60 นาที )

2. ข้ันให้ความรู้ ( 60 นาที ) 1. ผู้เรียนเปิด PowerPointหน่วยที่ 3 เรื่อง 1. ผู้สอนแนะนำให้ผู้เรียนเปิด PowerPoint การจัดตกแต่งข้อความ และให้ผู้เรียนศึกษาเอกสาร หน่วยที่ 3 เรื่อง การจัดตกแต่งข้อความ และให้ ประกอบการสอน วิชา การสร้างเว็บไซต์ หน้าที่ 44-54 ผู้เรียนศึกษาเอกสารประกอบการสอน วิชา การสร้าง โดยศกึ ษาทำความเขา้ ใจด้วยตนเอง เว็บไซต์ หน้าที่ 44-54 โดยศึกษาทำความเข้าใจด้วย ตนเอง 2. ผู้เรียนฟังคำอธิบายเพิ่มเติม เรื่อง หลักการ 2. ผสู้ อนอธิบายความรู้เพ่ิมเติม เรอ่ื ง หลักการ จัดและตกแต่งข้อความด้วยโปรแกรม Adobe จัดและตกแต่งข้อความด้วยโปรแกรม Adobe Dreamweaver CS5 Dreamweaver CS5 3. ผู้เรยี นซกั ถามข้อสงสัยทเี่ กิดขน้ึ 3. ผู้สอนเปิดโอกาส ให้ผู้เรียนถามปัญหา และ ข้อสงสัยจากเนื้อหา โดยครูเป็นผู้ตอบปัญหาที่เกิดขึน้ ระหวา่ งการเรยี นการสอน 3. ขน้ั ประยกุ ตใ์ ช้ ( 105 นาที ) 3. ขนั้ ประยกุ ต์ใช้ ( 105 นาที ) 1. ผ้เู รียนทำกจิ กรรมบูรณาการอาเซยี น หน้า 56 1. ผู้สอนให้ผู้เรียนทำกิจกรรมบูรณาการ อาเซียน หน้า 56 2. ผสู้ อนใหผ้ ู้เรยี นสืบค้นขอ้ มูลจาก Web Guide 2. ผู้สอนให้ผู้เรียนสืบค้นข้อมูลจาก Web หนา้ ที่ 55 หรอื หาความรู้เพิ่มเตมิ จากอนิ เทอรเ์ น็ต Guide หน้าที่ 55 หรือหาความรู้เพิ่มเติมจาก อนิ เทอรเ์ นต็ กิจกรรมการเรียนการสอนหรอื การเรียนรู้ ขนั้ ตอนการสอนหรอื กิจกรรมของครู ข้นั ตอนการเรยี นรู้หรือกจิ กรรมของนกั เรยี น 4. ขัน้ สรปุ และประเมนิ ผล ( 60 นาที ) 4. ขนั้ สรุปและประเมนิ ผล ( 60 นาที ) 1. ผูส้ อนและผเู้ รียนร่วมกนั สรุปเนื้อหาที่ได้เรียน 1. ผู้สอนและผู้เรียนร่วมกันสรุปเนื้อหาที่ได้เรียน ให้มีความเขา้ ใจในทิศทางเดียวกัน เพ่อื ใหม้ ีความเข้าใจในทศิ ทางเดียวกนั 2. ผู้สอนให้ผู้เรียนทำกิจกรรมบูรณาการ 2. ผู้เรียนทำกิจกรรมบูรณาการเศรษฐกิจพอเพียง เศรษฐกจิ พอเพยี ง หน่วยท่ี 3 หน้าที่ 56 หน่วยที่ 3 หนา้ ที่ 56 3. ผู้สอนให้ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน 3. ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน ด้วย ดว้ ยบทเรยี นคอมพิวเตอรช์ ่วยสอนที่จัดทำขนึ้ บทเรียนคอมพวิ เตอรช์ ว่ ยสอนทจี่ ัดทำขึ้น (บรรลจุ ุดประสงค์เชงิ พฤติกรรมขอ้ ท่ี 1-16) (บรรลจุ ดุ ประสงค์เชิงพฤตกิ รรมข้อที่ 1-16)

(รวม 240 นาที หรอื 4 คาบเรียน) งานท่มี อบหมายหรือกจิ กรรมการวดั ผลและประเมินผล กอ่ นเรยี น 1. จัดเตรยี มเอกสาร สอ่ื การเรียนการสอนหน่วยท่ี 3 2. ทำความเขา้ ใจเกี่ยวกบั จดุ ประสงคก์ ารเรียนของหน่วยเรยี นท่ี 3 และใหค้ วามรว่ มมือในการทำ กจิ กรรม ต่าง ๆ ขณะเรยี น 7. ปฏิบัติตามกิจกรรมบรู ณาการอาเซยี น 8. ร่วมกันสรปุ “การจดั ตกแต่งขอ้ ความ” หลงั เรยี น 1. ปฏบิ ตั ิตามกิจกรรมบูรณาเศรษฐกิจพอเพียง

คำถาม 5. การจัดแต่งขอ้ ความคอื อะไร 6. การจดั แต่งขอ้ ความมขี ้อดขี อ้ เสียอยา่ งไร 7. วธิ กี ารจดั รปู แบบขอ้ ความประกอบดว้ ยอะไรบา้ ง ผลงาน/ชน้ิ งาน/ความสำเรจ็ ของผเู้ รียน กิจกรรม สมรรถนะท่ีพงึ ประสงค์ ผเู้ รยี นสร้างความเขา้ ใจเก่ยี วกบั การจดั ตกแต่งขอ้ ความ 9. วิเคราะหแ์ ละตคี วามหมาย 10. ตงั้ คำถาม 11. อภปิ รายแสดงความคดิ เห็นระดมสมอง 12. การประยกุ ต์ความรู้สูง่ านอาชพี สมรรถนะการปฏบิ ตั ิงานอาชีพ 3. จัดและตกแตง่ ขอ้ ความด้วยโปรแกรม Adobe Dreamweaver CS5 สมรรถนะการขยายผล ความสอดคล้อง จากการเรียน เรื่อง การจัดตกแต่งข้อความ ทำให้ผู้เรียนมีความรู้เพิ่มเกี่ยวกับการสร้างข้อความ การ เลือกฟอนตใ์ ห้กับข้อความ การปรับเปลี่ยนขนาดฟอนต์ การเน้นหัวขอ้ ใหโ้ ดดเด่น ฯลฯ ความรู้ท่ีได้จากสามารถ นำพาใหต้ นเองไดร้ บั ความพงึ พอใจจากผู้ว่าจา้ ง ซง่ึ อาจหารายได้ในระหว่างการเรยี น ลดการใช้จ่ายของผู้ปกครอง ได้

สือ่ การเรียนการสอน/การเรยี นรู้ สื่อส่ิงพิมพ์ 8. เอกสารประกอบการสอนวิชา การสรา้ งเว็บไซต์ (ใช้ประกอบการเรยี นการสอนจุดประสงค์เชงิ พฤติกรรมข้อท่ี 1-16) 9. ใบความรู้ท่ี 3 เร่ือง การจัดตกแต่งขอ้ ความ (ใช้ประกอบการเรียนการสอนขนั้ ใหค้ วามรู้ เพอื่ ให้ บรรลจุ ุดประสงคเ์ ชงิ พฤตกิ รรมข้อที่ 1-16) 10. กิจกรรมบูรณาการอาเซียน ขัน้ ประยกุ ต์ใช้ 1 11. กจิ กรรมบรู ณาการเศรษฐกิจพอเพยี ง ใชป้ ระกอบการสอนข้ันสรปุ และประเมนิ ผล ขอ้ 2 สื่อโสตทศั น์ (ถ้าม)ี 1. PowerPoint เรื่อง การจดั ตกแตง่ ขอ้ ความ

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

การประเมนิ ผลการเรียนรู้ • หลกั การประเมนิ ผลการเรียนรู้ กอ่ นเรยี น ความรูก้ อ่ นการเรียนการสอน ขณะเรียน 6. ตรวจผลงานตามกจิ กรรมบูรณาการอาเซยี น 7. สังเกตการทำงาน หลงั เรยี น 4. ตรวจกจิ กรรมบูรณาการเศรษฐกิจพอเพียง ผลงาน/ช้ินงาน/ผลสำเรจ็ ของผู้เรยี น กิจกรรม



รายละเอียดการประเมนิ ผลการเรยี นรู้ • จดุ ประสงคเ์ ชงิ พฤติกรรม ข้อท่ี 1 อธิบายการจัดแต่งข้อความได้ 7. วธิ ีการประเมนิ : ทดสอบ 8. เครอื่ งมือ : แบบทดสอบ 9. เกณฑก์ ารให้คะแนน : อธิบายการจัดแตง่ ขอ้ ความได้ จะได้ 0.5 คะแนน • จดุ ประสงคเ์ ชงิ พฤตกิ รรม ขอ้ ที่ 2 รวบรวมลักษณะตัวอกั ษรได้ 7. วิธีการประเมนิ : ทดสอบ 8. เคร่อื งมอื : แบบทดสอบ 9. เกณฑ์การให้คะแนน : รวบรวมลักษณะตัวอกั ษรได้ จะได้ 0.5 คะแนน • จดุ ประสงค์เชิงพฤตกิ รรม ข้อท่ี 3 ออกแบบสไตล์ CSS ได้ 4. วธิ ีการประเมนิ : ทดสอบ 5. เครื่องมือ : แบบทดสอบ 6. เกณฑ์การให้คะแนน : ออกแบบสไตล์ CSS ได้ จะได้ 0.5 คะแนน • จดุ ประสงคเ์ ชิงพฤติกรรม ข้อที่ 4 สรา้ งข้อความได้ 4. วธิ ีการประเมิน : ทดสอบ 5. เครือ่ งมือ : แบบทดสอบ 6. เกณฑก์ ารให้คะแนน : สรา้ งข้อความได้ จะได้ 1 คะแนน • จดุ ประสงค์เชิงพฤติกรรม ข้อที่ 5 คดั ลอกขอ้ ความได้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เครื่องมอื : แบบทดสอบ 3. เกณฑ์การให้คะแนน : คดั ลอกข้อความได้ จะได้ 0.5 คะแนน • จุดประสงคเ์ ชิงพฤตกิ รรม ขอ้ ท่ี 6 ขนึ้ บรรทัดใหม่ในยอ่ หนา้ เดิมได้ 1. วิธีการประเมนิ : ทดสอบ

2. เครือ่ งมอื : แบบทดสอบ 3. เกณฑ์การให้คะแนน : ขน้ึ บรรทัดใหม่ในยอ่ หน้าเดิมได้ จะได้ 0.5 คะแนน • จดุ ประสงค์เชงิ พฤติกรรม ข้อที่ 7 เว้นระหวา่ งขอ้ ความได้ 1. วธิ ีการประเมิน : ทดสอบ 2. เครอื่ งมอื : แบบทดสอบ 3. เกณฑก์ ารให้คะแนน : เวน้ ระหวา่ งข้อความได้ จะได้ 0.5 คะแนน • จุดประสงคเ์ ชงิ พฤติกรรม ขอ้ ที่ 8 จัดรปู แบบข้อความได้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เครือ่ งมือ : แบบทดสอบ 3. เกณฑก์ ารให้คะแนน : จดั รปู แบบขอ้ ความได้จะได้ 0.5 คะแนน • จุดประสงคเ์ ชงิ พฤตกิ รรม ข้อที่ 9 เลอื กฟอนตใ์ ห้กบั ขอ้ ความได้ 1. วิธีการประเมนิ : ทดสอบ 2. เคร่อื งมอื : แบบทดสอบ 3. เกณฑ์การให้คะแนน : เลือกฟอนต์ให้กับขอ้ ความได้จะได้ 0.5 คะแนน • จดุ ประสงคเ์ ชิงพฤตกิ รรม ข้อที่ 10 เพ่มิ ชุดฟอนต์ทใี่ ชก้ ับขอ้ ความได้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เครื่องมือ : แบบทดสอบ 3. เกณฑก์ ารให้คะแนน : เพิม่ ชุดฟอนตท์ ี่ใช้กบั ข้อความได้จะได้ 0.5 คะแนน • จุดประสงค์เชิงพฤติกรรม ข้อท่ี 11 ปรับเปล่ยี นขนาดฟอนตไ์ ด้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เคร่ืองมือ : แบบทดสอบ

3. เกณฑก์ ารใหค้ ะแนน : ปรบั เปล่ยี นขนาดฟอนตไ์ ด้ จะได้ 0.5 คะแนน • จดุ ประสงค์เชิงพฤติกรรม ขอ้ ที่ 12 เปลีย่ นสีฟอนตไ์ ด้ 1. วิธกี ารประเมิน : ทดสอบ 2. เครอ่ื งมือ : แบบทดสอบ 3. เกณฑก์ ารใหค้ ะแนน : เปลยี่ นสฟี อนตไ์ ด้จะได้ 0.5 คะแนน • จุดประสงคเ์ ชิงพฤติกรรม ข้อท่ี 13 เวน้ ระหวา่ งขอ้ ความได้ 1. วธิ กี ารประเมิน : ทดสอบ 2. เคร่อื งมือ : แบบทดสอบ 3. เกณฑ์การใหค้ ะแนน : เวน้ ระหวา่ งขอ้ ความได้ จะได้ 0.5 คะแนน • จดุ ประสงค์เชิงพฤตกิ รรม ขอ้ ที่ 14 ปฏบิ ตั ิตามข้ันตอนการจัดรปู แบบข้อความได้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เครอ่ื งมอื : แบบทดสอบ 3. เกณฑก์ ารใหค้ ะแนน : ปฏิบัติตามขั้นตอนการจดั รปู แบบข้อความได้จะได้ 2 คะแนน • จดุ ประสงคเ์ ชิงพฤตกิ รรม ข้อท่ี 15 ประพฤติตามหลักการจดั และตกแต่งขอ้ ความด้วยโปรแกรม Adobe Dreamweaver CS5 ได้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เครอ่ื งมือ : แบบทดสอบ 3. เกณฑ์การให้คะแนน : ปฏบิ ัตงิ านโดยใช้หลักความมีเหตุ และผลในการตดั สนิ ใจ จะได้ 0.5 คะแนน • จุดประสงค์เชงิ พฤติกรรม ขอ้ ที่ 15 จัดและตกแต่งข้อความดว้ ยโปรแกรม Adobe Dreamweaver CS5 ให้ ถกู ตอ้ งและเหมาะสมได้ 1. วิธกี ารประเมนิ : ทดสอบ 2. เคร่อื งมือ : แบบทดสอบ

3. เกณฑ์การใหค้ ะแนน : ปฏบิ ัตงิ านโดยใชห้ ลกั ความมีเหตุ และผลในการตัดสนิ ใจ จะได้ 1.5 คะแนน • จุดประสงค์เชิงพฤตกิ รรม ขอ้ ที่ 16 มคี วามซอื่ สัตย์ กับเพอื่ นร่วมงาน 1. วธิ กี ารประเมิน : ตรวจผลงาน 2. เครือ่ งมอื : แบบประเมินกระบวนการทำงานกลมุ่ 3. เกณฑก์ ารใหค้ ะแนน : มคี วามซอ่ื สตั ย์ กบั เพอ่ื นรว่ มงาน จะได้ 1 คะแนน กิจกรรมบูรณาการอาเซียน คำสง่ั ให้นกั เรียนโยงเสน้ ความสมั พนั ธใ์ หถ้ ูกต้อง คดั ลอกขอ้ ความ The style CSS ข้ึนบรรทดั ใหม่ในยอ่ หนา้ เดิม select font for your text. การเวน้ ระหวา่ งขอ้ ความ new line in the same จดั รูปแบบขอ้ ความ paragraph. text format

การกาหนดลกั ษณะตวั อกั ษร Topics a prominent การเนน้ หวั ขอ้ ให้โดดเดน่ highlighting. การกาหนดสไตล์ CSS leave a message copy text. กิจกรรมบรู ณาการเศรษฐกจิ พอเพียง กิจกรรม จัดข้อความให้สวยงาม จุดประสงค์ สามารถจัดตกแตง่ ข้อความ ภาระงาน 1. ให้นกั เรยี นค้นคว้าหาความรเู้ กี่ยวกับโครงการตามแนวพระราชดำริมา 2 โครงการหลงั จากได้ขอ้ มลู ให้นำ ขอ้ มลู ทไี่ ดม้ าจดั วางบนหน้าเว็บให้สวยงามตามความพอใจของนกั เรยี น 2. บันทกึ หนา้ เวบ็ หลงั จากตกแตง่ ข้อความ แล้วส่งอเี มลใ์ ห้ครูผสู้ อน (ระบุชื่อ นามสกุลห้องเรียน ใหเ้ รียบร้อย กอ่ นส่งอีเมล์ใหค้ รูผู้สอน)

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

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

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