30900-0001 การโปรเเกรมเว็ปเบื้องต้น

แผนการจดั การเรยี นรมู้ ุ่งเน้นสมรรถนะ

ชอ่ื วิชา การโปรแกรมเวบ็ เบื้องตน้ รหสั วิชา 30900-0001
 หลกั สูตรประกาศนยี บัตรวิชาชีพช้นั สูง  หลกั สตู รประกาศนียบตั รวชิ าชพี

ชัน้ สูงชนั้ สงู ประเภทวิชา เทคโนโลยสี ารสนเทศและการสือ่ สาร
สาขาวิชา เทคโนโลยสี ารสนเทศ สาขางาน เทคโนโลยสี ารสนเทศ

จัดทำโดย
นายกันตภณ พ่มุ จนั ทร์

ตำแหน่ง ครผู ู้ชว่ ย
แผนกวชิ าเทคโนโลยสี ารสนเทศ

วทิ ยาลยั เทคนิคยโสธร อาชวี ศึกษาจงั หวดั ยโสธร
สถาบนั การอาชีวศึกษาภาคตะวนั ออกเฉยี งเหนอื 4
สำนกั งานคณะกรรมการการอาชีวศกึ ษา กระทรวงศึกษาธิการ

รายการตรวจสอบและอนุญาตใหใ้ ช้

ชอ่ื วชิ า การโปรแกรมเว็บเบือ้ งต้น รหัสวิชา 30900-0001
 หลักสตู รประกาศนียบตั รวิชาชพี ชน้ั สงู  หลักสูตรประกาศนยี บัตรวชิ าชีพช้นั สงู ช้นั สงู

ประเภทวิชา เทคโนโลยสี ารสนเทศและการสื่อสาร สาขาวิชา เทคโนโลยสี ารสนเทศ

(นายกนั ตภณ พมุ่ จนั ทร์)
ครผู ู้สอน

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

(นายชูศักดิ์ ศรีบตุ รชิน) (นายมงั กร ปินะกาพัง)
หัวหนา้ แผนกวชิ าเทคโนโลยีสารสนเทศ หวั หนา้ งานหลกั สตู รการเรยี นการสอน

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

 เหน็ ควรอนญุ าตให้ใชก้ ารสอนได้ ลงช่อื
 ควรปรบั ปรงุ ดังเสนอ (นายถาวร ยาวะโนภาส)
 อ่นื ๆ รองผอู้ ำนวยการฝา่ ยวชิ าการ

 อนุญาตใหใ้ ช้สอนได้ ………………./…………………/………………..
 อน่ื ๆ

(นายสมปอง ทองศรี)
ผอู้ ำนวยการวิทยาลยั เทคนิคยโสธร
………………./…………………/………………..

แผนการจดั การเรียนรู้มงุ่ เนน้ สมรรถนะอาชพี

รายวชิ า การโปรแกรมเว็บเบือ้ งต้น รหัสวิชา 30900-0001
ระดบั ชนั้ ประกาศนียบตั รวชิ าชพี ชน้ั สูง สาขาวชิ า/สาขางานเทคโนโลยีสารสนเทศ

หน่วยกติ 3 จำนวนชั่วโมง 5 ชวั่ โมง/สัปดาห์ รวม 90 ชว่ั โมง
ภาคเรยี นท่ี 1 ปกี ารศกึ ษา 2565

จุดประสงคร์ ายวิชา
1. มคี วามรูค้ วามเข้าใจเกี่ยวกับการโปรแกรมเวบ็ เบ้ืองต้น
2. สามารถพฒั นาการโปรแกรมเวบ็ เบอ้ื งต้น
3. มีกจิ นิสยั ในการทาํ งานด้วยความประณีต รอบคอบและปลอดภัย ตระหนักถงึ คุณภาพของงาน

และมจี ริยธรรมในงานอาชพี

สมรรถนะรายวชิ า
1. แสดงความรเู้ กยี่ วกบั การโปรแกรมเวบ็ เบ้อื งตน้
2. ตดิ ต้ังเคร่ืองมอื สาํ หรบั การโปรแกรมเว็บเบ้ืองต้น
3. เขียนโปรแกรมเวบ็
4. ทดสอบโปรแกรมและแก้ไขขอ้ ผดิ พลาด

คําอธิบายรายวชิ า
ศึกษาและปฏบิ ัตเิ กี่ยวกบั หลักการโปรแกรมเวบ็ เบื้องต้น หลักการระบบเว็บไซต์ (Client-Server)

การเขียนโปรแกรมรองรบั การแสดงผลฝ่ังไคลเอนต์ (Front-end) เรียนรู้และจดั การองค์ประกอบตา่ ง ๆ
ของเว็บไซต์ (Element) เบอื้ งต้น และการเขียนโปรแกรมประมวลผลฝ่ังเซริ ฟ์ เวอร์ (Back-end) เบอ้ื งตน้
คําส่ังพนื้ ฐาน ตัวแปร ตัวดาํ เนินการ เงอ่ื นไขและการทาํ ซ้ำ การจัดการดา้ นเวลา การสรา้ งและจดั การไฟล์
การสรา้ งและใชง้ านฟงั กช์ นั เบื้องต้น การอัพโหลดไฟล์ขึ้นเซริ ์ฟเวอร์

วิเคราะหช์ ือ่ เรอ่ื ง

รายวิชา การโปรแกรมเว็บเบื้องต้น รหัสวชิ า 30900-0001
ระดับชน้ั ประกาศนยี บัตรวชิ าชพี ชัน้ สงู สาขาวชิ า/สาขางาน เทคโนโลยสี ารสนเทศ

หนว่ ยกติ 3 จำนวนชั่วโมง 5 ชว่ั โมง/สัปดาห์ รวม 90 ชว่ั โมง

1. ความรเู้ บื้องตน้ การเขยี นโปรแกรมบนอินเทอรเ์ น็ต

2. การตดิ ตั้งโปรแกรมเพือ่ ใชง้ าน PHP 3. PHP เบอ้ื งต้น

การโปรแกรมเวบ็ เบ้อื งตน้ (30900-
0001)

4. เรอ่ื งของตวั แปรและคา่ คงที่ 5. ตวั ดำเนนิ การและนพิ จนใ์ น PHP

6. คำส่งั ตรวจสอบเงอื่ นไขและการทำซำ้ 7. การสรา้ งฟงั กช์ ่นั ของ PHP

8. ฟงั ก์ชัน่ ของ PHP ทจี่ ดั เตรียมไว้ 9. การจดั การไฟลแ์ ละไดเรค็ ทอร่ี

10. การสรา้ งฟอรม์ รับข้อมลู

10. Session และ Cookie

วเิ คราะหห์ วั ข้อเรือ่ ง

รายวชิ า การโปรแกรมเว็บเบอ้ื งตน้ รหสั วชิ า 30900-0001
ระดับชนั้ ประกาศนียบตั รวชิ าชพี ช้ันสูง สาขาวชิ า/สาขางาน เทคโนโลยสี ารสนเทศ

หนว่ ยกิต 3 จำนวนชั่วโมง 5 ชวั่ โมง/สัปดาห์ รวม 90 ชว่ั โมง

ชดุ ที่ ชื่อเร่อื ง แหล่งข้อมลู
ABCDE
1 ความรู้เบ้ืองตน้ การเขียนโปรแกรมบน อินเทอร์เนต็ 
2 การตดิ ต้งั โปรแกรมเพ่อื ใชง้ าน PHP 
3 PHP เบ้อื งตน้ 
4 เรอื่ งของตัวแปรและค่าคงท่ี 
5 ตัวดำเนนิ การและนิพจนใ์ น PHP 
6 คำสั่งตรวจสอบเงอ่ื นไขและการทำซ้ำ 
7 การสรา้ งฟังกช์ นั่ ของ PHP 
8 ฟังก์ชน่ั ของ PHP ท่จี ดั เตรียมไว้ 
9 การจดั การไฟลแ์ ละไดเรค็ ทอร่ี 
10 การสรา้ งฟอร์มรับข้อมูล 
11 Session และ Cookie 

หมายเหตุ A คำอธบิ ายรายวชิ า
B ผเู้ ชี่ยวชาญ
C เอกสาร/ตำรา/คมู่ อื
D สถานประกอบการ
E ประสบการณผ์ ้สู อน

วเิ คราะห์สมรรถนะประจำชุดการเรียนรู้

รายวิชา การโปรแกรมเว็บเบื้องต้น รหัสวชิ า 30900-0001
ระดบั ชน้ั ประกาศนียบัตรวชิ าชพี ชั้นสงู สาขาวชิ า/สาขางาน เทคโนโลยสี ารสนเทศ

หนว่ ยกติ 3 จำนวนชวั่ โมง 5 ชว่ั โมง/สปั ดาห์ รวม 90 ชว่ั โมง

ชุดท่ี ชอื่ เรอื่ ง สมรรถนะ

1 ความรเู้ บอ้ื งต้นการเขยี นโปรแกรม แสดงความรู้เบอ้ื งตน้ การเขียนโปรแกรมบนอินเทอรเ์ นต็

บนอนิ เทอร์เน็ต

2 การตดิ ต้งั โปรแกรมเพอ่ื ใชง้ าน PHP แสดงความรู้เกย่ี วกบั การตดิ ต้งั โปรแกรมเพื่อใช้งาน PHP

3 PHP เบอื้ งตน้ แสดงความรเู้ กี่ยวกับภาษา PHP พน้ื ฐาน

4 เรื่องของตวั แปรและคา่ คงที่ แสดงความรเู้ กี่ยวกับตัวแปรและค่าคงท่ี

5 ตัวดำเนนิ การและนิพจนใ์ น PHP แสดงความรู้เก่ียวกบั ตัวดำเนนิ การ และนพิ จน์

6 คำสงั่ ตรวจสอบเง่ือนไขและการทำซำ้ แสดงความรู้เกย่ี วกับการใช้คำสงั่ ตรวจสอบเงอ่ื นไข

7 การสร้างฟังกช์ นั่ ของ PHP แสดงความรู้เกี่ยวกับการใช้ฟังก์ชัน

8 ฟังก์ชน่ั ของ PHP ทจ่ี ดั เตรียมไว้ แสดงความรู้เกย่ี วกบั ฟงั กช์ ัน่ ของ PHP

9 การจดั การไฟล์และไดเรค็ ทอรี่ แสดงความร้เู กี่ยวกบั จัดการไฟลแ์ ละไดเรค็ ทอรี่

10 การสรา้ งฟอรม์ รับข้อมลู แสดงความรเู้ กี่ยวกบั สรา้ งฟอรม์ รบั ข้อมูล

11 Session และ Cookie แสดงความรเู้ กี่ยวกับ Session และ Cookie

วิเคราะห์หลกั สูตรและระดับความสำคญั ของหน่วยการเรียนรู้

รายวชิ า การโปรแกรมเวบ็ เบ้ืองต้น รหัสวิชา 30900-0001
ระดบั ชั้น ประกาศนยี บตั รวชิ าชพี ชน้ั สูง สาขาวชิ า/สาขางาน เทคโนโลยสี ารสนเทศ
หน่วยกิต 3 จำนวนช่วั โมง 5 ชว่ั โมง/สปั ดาห์ รวม 90 ชวั่ โมง

พุทธพิ ิสัย (%) คิด

พฤติกรรม ทักษะ จิต รวม เป็น ลำดบั จำนวน
ช่อื หนว่ ย
ความจำ พิสัย พสิ ยั ร้อย ความ ช่ัวโมง
ความเ ้ขาใจ
นำไปใ ้ช (%) (%) ละ สำคัญ
วิเคราะ ์ห
ัสงเคราะ ์ห
ประเ ิมนค่า

10 10 10 10 10 10 60 100 90
5
1. ความรเู้ บอ้ื งต้นการเขยี น 10 10 48 8.99 10
5
โปรแกรมบนอินเทอรเ์ น็ต 7 7 7 7 10 10 50 9.36 9 5
10 10 51 9.55 8 5
2. การตดิ ตงั้ โปรแกรมเพอ่ื ใช้ 10 10 52 9.74 7 10

งาน PHP 7779 10 10 53 9.93 6 10
10
3. PHP เบ้ืองตน้ 7789 10 10 58 10.86 1 10
10 10 57 10.67 2
4. เร่ืองของตัวแปรและคา่ คงท่ี 7 8 8 9 10
10 10 56 10.49 3 10
5. ตวั ดำเนินการและนพิ จนใ์ น 10
10 10 55 10.30 4 90
PHP 8 8 8 9 10 10 54 10.11 5
10 10 53 9.93 6
6. คำสง่ั ตรวจสอบเงื่อนไขและ
100 100 534 100.00
การทำซ้ำ 9 10 10 9

7. การสรา้ งฟงั กช์ ่นั ของ PHP 9 9 10 9

8. ฟังก์ชัน่ ของ PHP ท่ี

จัดเตรียมไว้ 9999

9. การจดั การไฟล์และไดเรค็

ทอร่ี 8 9 9 9

10. การสรา้ งฟอร์มรับข้อมลู 8 8 9 9

11. Session และ Cookie 8 8 8 9

รวม 79 82 85 88

ลำดับความสำคญั 4321

วเิ คราะหห์ นว่ ยการเรียนร้แู ละเวลาท่ีใช้ในการจัดการเรียนรู้

รายวชิ า การโปรแกรมเว็บเบอื้ งตน้ รหสั วิชา 30900-0001

ระดับช้นั ประกาศนียบตั รวชิ าชพี ชั้นสงู สาขาวชิ า/สาขางาน เทคโนโลยสี ารสนเทศ

หนว่ ยกิต 3 จำนวนชวั่ โมง 5 ชว่ั โมง/สัปดาห์ รวม 90 ชว่ั โมง

หน่วยท่ี ช่อื หน่วย จำนวนช่ัวโมง สอนคร้งั ที่

1 ความร้เู บ้อื งต้นการเขียนโปรแกรมบนอนิ เทอร์เน็ต 51

2 การตดิ ตงั้ โปรแกรมเพอื่ ใชง้ าน PHP 52

3 PHP เบือ้ งตน้ 53

4 เรือ่ งของตวั แปรและคา่ คงท่ี 54

5 ตวั ดำเนินการและนพิ จนใ์ น PHP 10 5-6

6 คำสัง่ ตรวจสอบเง่ือนไขและการทำซ้ำ 10 7-8

7 การสร้างฟงั กช์ น่ั ของ PHP 10 9-10

8 ฟังก์ชนั่ ของ PHP ทีจ่ ดั เตรยี มไว้ 10 11-12

9 การจดั การไฟลแ์ ละไดเรค็ ทอร่ี 10 13-14

10 การสรา้ งฟอรม์ รบั ขอ้ มลู 10 15-16

11 Session และ Cookie 10 17-18

90

วิเคราะห์ หวั ขอ้ หลัก/หัวขอ้ รอง/หัวขอ้ ยอ่ ย และเวลาจดั การเรียนรู้

สปั ดาห์ หน่วย เวลาจดั การเรยี นรู้
ท่ี ท่ี
1 ช่อื หนว่ ยการเรียนรู้/หัวขอ้ การเรยี นรู้ ทฤษฎี ปฏบิ ตั ิ รวม
(ชม.)
2
1 ความรู้เบ้ืองต้นการเขยี นโปรแกรมบนอนิ เทอรเ์ น็ต 14 5
3 1. การทำงานของ WWW

2. การทำงานแบบ Client-Server

3. การทำงานแบบ Client-Server กบั งานต่างๆ ใน
สำนักงาน
4. ประเภทโปรแกรมแบบ Static Programming และ
Dynamic Programming
5. โปรแกรมภาษา PHP

6. การเตรยี มกอ่ นท่จี ะเขียนโปรแกรมภาษา PHP

2 การตดิ ตง้ั โปรแกรมเพื่อใช้งาน PHP 14 5

1. การเตรียมความพรอ้ มของโปรแกรมก่อนทจ่ี ะเรม่ิ เขยี น

โปรแกรมภาษา PHP

2. โปรแกรม PHP Engine และ Apache Web Server

3. ข้ันตอนการติดตงั้ PHP Engine

4. การปรับแต่ง PHP Engine

5. การตดิ ต้งั Apache Web Server

6. การปรับแต่ง Apache Web Server

7. การทดสอบการใช้งานของโปรแกรมภาษา PHP

หลังจากทำการตดิ ตงั้ PHP Engine และ Apache Web

Server

3 PHP เบ้ืองต้น 14 5

1. การเขยี นโปรแกรมภาษา PHP เบื้องต้น

2. เขยี นโปรแกรมภาษา PHP ง่ายๆ ในเบ้อื งต้น

3. รปู แบบบล็อกคำสง่ั ในการเขียนโปรแกรมภาษา PHP

4. คำสั่งในการแสดงผลลพั ธ์ในแตล่ ะคำส่ัง

5. การใชค้ ำสัง่ หมายเหตุ (Comment)

สปั ดาห์ หน่วย เวลาจัดการเรยี นรู้
ท่ี ท่ี
4 ช่อื หน่วยการเรยี นร้/ู หวั ข้อการเรียนรู้ ทฤษฎี ปฏบิ ัติ รวม
(ชม.)
5-6
6. การใชง้ านคำสั่งหมายเหตใุ นแต่ละรปู แบบ
7-8
7. การประยกุ ต์แท็กของ HTML มาใช้รว่ มกบั โปรแกรม
ภาษา PHP

4 เรอื่ งของตวั แปรและค่าคงที่ 14 5

1. ความหมายของตวั แปร

2. วธิ กี ารประกาศตวั แปร และกฎในการตงั้ ชื่อตวั แปร

3. ชนิดของขอ้ มลู ต่างๆ แยกความแตกตา่ ง

4. ตัวแปรประเภทอาร์เรย์

5. ขอ้ ดขี องตวั แปรประเภทอารเ์ รย์

6. ฟังก์ชนั พน้ื ฐานของ PHP ท่เี ก่ียวขอ้ งกับตัวแปร

7. คา่ คงที่ และเหตุผลในการใช้ค่าคงทใ่ี นการเขยี น
โปรแกรม

5 ตัวดำเนนิ การและนิพจนใ์ น PHP 2 8 10

1. ความหมายของตวั ดำเนินการและประเภทของตวั
ดำเนนิ การ

2. ตัวดำเนนิ การทางคณติ ศาสตร์

3. ตวั ดำเนินการเปรยี บเทยี บ

4. ตัวดำเนนิ การทางสตรงิ

5. ตวั ดำเนินระดับบิต

6. ความหมายของนพิ จนและสร้างนิพจน

7. ลำดับในการประมวลผล และคำนวณผลลพั ธข์ อง
นพิ จน

5 คำส่ังตรวจสอบเงื่อนไขและคำสั่งทำซำ้ 2 8 10

1. การใช้งานคำสั่ง If

2. การใชง้ านคำสั่ง Switch
3. การใชง้ านคำสั่ง While
4. การใชง้ านคำสั่งทำซำ้ For
5. การใชง้ านคำสั่งทำซำ้ do … while

สปั ดาห์ หน่วย เวลาจัดการเรยี นรู้
ท่ี ท่ี
9-10 ช่อื หน่วยการเรียนรู้/หวั ข้อการเรียนรู้ ทฤษฎี ปฏิบัติ รวม
(ชม.)
11-12
6. คำส่งั ออกจากการทำงาน และการใชง้ านร่วมกับคำสงั่ 2 8 10
13-14 ตรวจสอบเงือ่ นไข และคำสัง่ ทำซำ้
6 การสรา้ งฟังก์ชันของ PHP 2 8 10
1. การประกาศฟังก์ชนั และสรา้ งฟังกช์ ัน 2 8 10
2. สรา้ งฟงั กช์ ันแบบท่ีไมม่ ีการส่งผา่ นค่า
3. สรา้ งฟังกช์ นั แบบทมี่ ีการส่งผา่ นคา่
4. สรา้ งฟงั กช์ นั แบบที่มีการคนื คา่ กลบั
5. แยกความแตกตา่ งของตัวแปรประเภท Local และ
Global
6. แยกความแตกตา่ งของการสง่ ผา่ นค่าประเภทสง่ ผ่าน
ดว้ ยคา่ และส่งผา่ นดว้ ยการอา้ งอิง ในหนว่ ยความจำ
7 ฟงั ก์ชนั ของ PHP ทจี่ ดั เตรยี มไว้
1. การใช้งานฟังกช์ นั สำเร็จรปู ตา่ งๆ ทจี่ ดั เตรียมไว้ให้
2. ฟังกช์ ันเก่ยี วกบั สตริงไปจัดการขอ้ มลู ชนดิ สตรงิ
3. ฟงั ก์ชันทางคณติ ศาสตรไ์ ปจดั การขอ้ มูลทงั้ ชนดิ เลข
จำนวนเต็ม และเลข ทศนิยม
4. ฟงั กช์ ันท่เี ก่ยี วกบั วนั และเวลาไปจดั การขอ้ มลู ท่ี
เกีย่ วกับวนั และเวลา เชน่ การดึงวนั เวลาปจั จุบนั
8 การจดั การไฟล์และไดเรค็ ทอร่ี
1. การเขยี นโปรแกรมเพื่อจัดการไฟล์ขอ้ มูล และไดเรค็
ทอร่ี
2. การเขยี นโปรแกรมเพือ่ เปิด และปดิ ไฟล์
3.การเขียนโปรแกรมเพอ่ื เขยี นข้อมูลลงสไู่ ฟล์
4. การเขียนโปรแกรมเพือ่ ยา้ ยตัวแปรไฟล์
5. การเขยี นโปรแกรมเพอ่ื ตรวจสอบไฟล์
6. การเขยี นโปรแกรมเพอ่ื จัดการไดเร็คทอรี

สัปดาห์ หนว่ ย เวลาจัดการเรยี นรู้
ท่ี ท่ี
ช่อื หน่วยการเรียนร/ู้ หัวขอ้ การเรียนรู้ ทฤษฎี ปฏิบัติ รวม
15-16 (ชม.)

17-18 9 การสร้างฟอรม์ รับข้อมลู 2 8 10

1. Input Object ต่างๆ ใน HTML ทใี่ ชใ้ นการสรา้ ง

ฟอรม์ รับข้อมูล

2. โคต๊ ของ Input Object ต่างๆ และสามารถสรา้ ง

ฟอร์มรบั ข้อมูลแบบตา่ งๆ

3. เขยี นโปรแกรมเพ่อื ส่งและรบั ขอ้ มลู

4. การส่งข้อมูลประเภท Post และ Get

5. ความแตกตา่ งระหวา่ งการสง่ ขอ้ มูลประเภท Post และ

Get

6. การเขียนโปรแกรมการส่ง และรับข้อมูลจากฟอร์มใน

ลกั ษณะการรวมไฟล์ HTML และ PHP

Session และ Cookie 2 8 10

1. การใช้ Session และ Cookie มาประยุกตใ์ นการเขยี น

โปรแกรม

2. ฟังกช์ ันทเ่ี กีย่ วกบั Session

3. ฟังกช์ ันท่ีเกี่ยวกบั Cookie

4. การเขียนโปรแกรมโดยใช้เทคนคิ ของ Session และ

Cookie

แผนการจดั การเรยี นรู้ หนว่ ยที่ 1
วิชา การโปรแกรมเว็บเบอื้ งตน้ รหัสวชิ า 30901-0001 สปั ดาห์ท่ี 1
เรือ่ ง รู้จกั การสรา้ งเว็บเพจ เวลา 5 ชั่วโมง

1. สาระสำคัญ
ศึกษาข้อมูลเกี่ยวกับ เว็บเพจ ประโยชน์ของเว็บเพจ คำศัพท์พื้นฐานเกี่ยวกับการสร้างเว็บเพจ

โปรแกรมที่ใช้ในการสร้างเว็บเพจ หลักการออกแบบเว็บเพจ การออกแบบโครงสร้างเว็บเพจ และขั้นตอนการ
สร้างเวบ็ เพจ

2. สมรรถนะประจำหนว่ ยการเรยี นรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการเขียนเว็บเพจด้วย

ภาษา HTML

3. จดุ ประสงคก์ ารเรียนรู้
1. บอกความหมายของเวบ็ เพจได้
2. บอกประโยชนข์ องเว็บเพจได้
3. อธบิ ายการทำงานของเว็บเพจได้
4. บอกลักษณะโปรแกรมท่ใี ช้สรา้ งเวบ็ เพจได้
5. อธบิ ายหลักการออกแบบเว็บไซต์ได้
6. ออกแบบโครงสรา้ งเวบ็ ไซตไ์ ด้
7. อธบิ ายขั้นตอนการสรา้ งเว็บไซต์ได้
8. มกี ารพฒั นาคณุ ธรรม จริยธรรม คา่ นยิ ม และคุณลักษณะอนั พงึ ประสงค์ทผ่ี สู้ อนสามารถสงั เกตเหน็

ได้ ในดา้ นความมีมนุษยสมั พนั ธ์ ความมวี นิ ยั ความรบั ผิดชอบ ความเชื่อมัน่ ในตนเอง ความสนใจใฝ่รู้ ความ
รักสามคั คี ความกตญั ญูกตเวที

4. สาระการเรยี นรู้
1. ความหมายของเว็บเพจ
2. ประโยชน์ของเว็บเพจ
3. การทำงานของเวบ็ เพจ
4. โปรแกรมทใี่ ช้สรา้ งเวบ็ เพจ
5. หลักการออกแบบเวบ็ ไซต์
6. การออกแบบโครงสรา้ งเวบ็ ไซต์
7. ขัน้ ตอนการสร้างเว็บไซต์

5. วิเคราะห์ตามหลกั ปรชั ญาเศรษฐกจิ พอเพยี ง
ห่วงที่ 1 ความพอประมาณ
1. นกั เรียนรจู้ กั ใช้อปุ กรณด์ ้านคอมพวิ เตอรอ์ ยา่ งระมดั ระวังและใช้อย่างคมุ้ คา่
2. นกั เรียนมีอปุ กรณ์ สมุด หนังสอื ของตนเองและใช้โดยไม่เบยี ดเบียนผู้อืน่
3. การประหยดั ครูผสู้ อนให้นักเรียนใช้กระดาษหนา้ สองเหลือใช้ ในการทำรายงานส่ง

หว่ งท่ี 2 ความมเี หตุผล
1. นกั เรียนสามารถทำใบงานทีไ่ ดร้ บั มอบหมายให้ตามความรคู้ วามสามารถของตนเอง
2. นักเรยี นสามารถอธบิ ายในเน้ือหาหนว่ ยการเรยี นรู้ด้วยตนเองได้

หว่ งท่ี 3 การมีภมู คิ ุ้มกนั ทีด่ ี
1. นักเรยี นมที กั ษะกระบวนการดา้ นความคดิ และสามารถนำไปประยุกตใ์ ชไ้ ดจ้ ริง
2. นกั เรยี นเกิดองค์ความร้ใู หม่และได้รบั การพฒั นาการด้านการคดิ คำนวณและการใชง้ าน
3. นกั เรียนสามารถแก้ปัญหา สถานการณต์ า่ ง ๆ ท่เี กดิ ข้นึ ในอนาคต

เงอื่ นไขที่ 1 ความรู้
นักเรยี นมีความรูค้ วามเข้าใจในเรื่อง

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

การเชือ่ มโยง 4 มติ ิ
มิติด้านสงั คม : สามารถทำงานทไ่ี ดร้ ับมอบหมายร่วมกบั ผู้ได้เปน็ อยา่ งดี ปฏบิ ตั ติ ามคำส่งั ของครผู สู้ อน

มีส่วนร่วมในการทำกจิ กรรมในช้นั เรียน
ด้านวัฒนธรรม : รับผิดชอบต่องานท่ีไดร้ ับมอบหมาย มคี วามตรงต่อเวลา มคี วามซอ่ื สตั ย์สุจริตตอ่

ตนเองและผู้อ่นื
ดา้ นเศรษฐกิจ : รู้จกั มคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานส่งครู ปดิ เครอื่ ง

คอมพิวเตอรห์ ลงั จากหมดคาบเรยี น
ดา้ นสง่ิ แวดล้อม : แต่งกายให้สภุ าพเรยี บร้อยตามระเบยี บของวิทยาลยั ฯ ไม่นำอาหารหรอื เครอื่ งดมื่

เขา้ ไปรบั ประทานในหอ้ งเรยี น

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

อาจารย์มอบให้ เพอ่ื ทดสอบความซื่อสัตย์
2. อาจารย์และนกั ศึกษารว่ มกันสรุปบทเรยี น เปิดโอกาสให้ซกั ถามถ้ามขี ้อสงสยั ในเร่ืองใด

7. สื่อการเรียนการสอน
1. หนังสือการโปรแกรมเวบ็ 1
2. สื่อภาพนิ่ง power point
3. สอื่ อนิ เทอร์เนต็

8. หลกั ฐานการเรยี นรู้
1. แบบสงั เกตพฤติกรรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยท่ี 1
3. แบบประเมนิ คณุ ธรรม จริยธรรม คา่ นิยม และคุณลกั ษณะอนั พึงประสงค์ โดยครผู ู้สอนและนกั ศกึ ษา

ร่วมกนั ประเมนิ

9. วธิ วี ดั ผลและประเมนิ ผล

วิธีวัดผล
1. สงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยท่ี 1
3. การสงั เกตและประเมินผลพฤติกรรมด้านคณุ ธรรม จรยิ ธรรม คา่ นิยม และคณุ ลกั ษณะอันพงึ ประสงค์

เครื่องมอื วัดผล
1. แบบสงั เกตพฤติกรรมรายบุคคล
2. แบบประเมินผลการเรียนร้หู นว่ ยที่ 1
3. แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลักษณะอนั พึงประสงค์ โดยครผู ูส้ อนและนกั ศึกษา

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

ประเมนิ ตามสภาพจริง

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม ค่านิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤตกิ รรมบง่ ชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบงั คับ และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แต่งกายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงต่อเวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรียนและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรยี นและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอยา่ งมีเหตผุ ล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรยี นรู้ หนว่ ยที่ 2
วิชา การโปรแกรมเว็บเบื้องต้น รหสั วชิ า 30901-0001 สัปดาหท์ ่ี 2
เร่ือง รูจ้ กั กับ HTML เวลา 5 ช่วั โมง

1. สาระสำคญั
ศึกษาและปฏิบตั เิ ก่ยี วกับ ภาษา HTML ลกั ษณะของภาษา HTML โครงสร้างพ้นื ฐานของ HTML

เคร่ืองมือทีใ่ ชส้ รา้ งเอกสาร HTML เริ่มตน้ เขียนเวบ็ เพจดว้ ยภาษา HTML

2. สมรรถนะประจำหน่วยการเรยี นรู้
ผเู้ รียนสามารถเขยี นแสดงความรู้ ความเข้าใจ และแสดงทกั ษะเบ้อื งตน้ เกี่ยวกับภาษา HTML

3. จุดประสงค์การเรียนรู้
1. บอกความหมายของภาษา HTML ได้
2. บอกลกั ษณะของภาษา HTMLได้
3. อธิบายโครงสรา้ งพนื้ ฐานของ HTMLได้
4. บอกเคร่อื งมอื ทใี่ ช้สรา้ งเอกสาร HTMLได้
5. เขยี นเวบ็ เพจดว้ ยภาษา HTML เบ้ืองต้นได้
6. มีการพฒั นาคณุ ธรรม จรยิ ธรรม คา่ นยิ ม และคุณลกั ษณะอนั พึงประสงคท์ ผี่ ู้สอนสามารถสังเกตเห็น

ได้ ในดา้ นความมมี นษุ ยสมั พนั ธ์ ความมวี ินยั ความรบั ผิดชอบ ความเช่ือมนั่ ในตนเอง ความสนใจใฝ่รู้ ความ
รักสามัคคี ความกตญั ญูกตเวที

4. สาระการเรยี นรู้
1. รูจ้ กั กบั HTML
2. ลักษณะของภาษา HTML
3. โครงสรา้ งพืน้ ฐานของ HTML
4. เคร่ืองมือทใี่ ชส้ รา้ งเอกสาร HTML
5. เรมิ่ ตน้ เขียนเวบ็ เพจด้วยภาษา HTML

5. วิเคราะหต์ ามหลกั ปรชั ญาเศรษฐกจิ พอเพยี ง
ห่วงท่ี 1 ความพอประมาณ
1. นักเรียนรจู้ กั ใช้อปุ กรณด์ า้ นคอมพวิ เตอร์อยา่ งระมัดระวงั และใช้อย่างคมุ้ คา่
2. นักเรยี นมีอปุ กรณ์ สมุด หนังสือ ของตนเองและใชโ้ ดยไม่เบียดเบียนผูอ้ ืน่
3. การประหยัด ครผู ้สู อนให้นกั เรียนใช้กระดาษหน้าสองเหลอื ใช้ ในการทำรายงานส่ง

หว่ งที่ 2 ความมีเหตผุ ล
1. นักเรยี นสามารถทำใบงานท่ีไดร้ ับมอบหมายให้ตามความรู้ความสามารถของตนเอง
2. นักเรยี นสามารถอธิบายในเน้ือหาหน่วยการเรยี นรดู้ ้วยตนเองได้

ห่วงท่ี 3 การมีภูมิคุ้มกันที่ดี
1. นกั เรียนมที ักษะกระบวนการดา้ นความคดิ และสามารถนำไปประยุกต์ใชไ้ ดจ้ รงิ
2. นกั เรยี นเกิดองคค์ วามรู้ใหม่และได้รับการพัฒนาการดา้ นการคดิ คำนวณและการใชง้ าน
3. นกั เรียนสามารถแกป้ ญั หา สถานการณ์ตา่ ง ๆ ที่เกดิ ขนึ้ ในอนาคต

เงอื่ นไขที่ 1 ความรู้
นกั เรยี นมีความร้คู วามเขา้ ใจในเร่อื ง

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

การเช่ือมโยง 4 มิติ
มติ ิดา้ นสังคม : สามารถทำงานทีไ่ ดร้ บั มอบหมายรว่ มกบั ผู้ได้เป็นอย่างดี ปฏบิ ตั ติ ามคำส่งั ของครูผสู้ อน

มีส่วนรว่ มในการทำกจิ กรรมในชัน้ เรยี น
ดา้ นวฒั นธรรม : รบั ผิดชอบต่องานทีไ่ ดร้ บั มอบหมาย มีความตรงตอ่ เวลา มีความซอ่ื สตั ย์สจุ รติ ตอ่

ตนเองและผ้อู ่ืน
ดา้ นเศรษฐกจิ : รู้จักมคี วามประหยัดอดออม ใชก้ ระดาษหน้าสองในการทำรายงานส่งครู ปดิ เครอ่ื ง

คอมพิวเตอร์หลังจากหมดคาบเรียน
ด้านสง่ิ แวดลอ้ ม : แต่งกายใหส้ ภุ าพเรียบรอ้ ยตามระเบียบของวทิ ยาลยั ฯ ไม่นำอาหารหรอื เครอ่ื งดมื่

เขา้ ไปรบั ประทานในหอ้ งเรยี น

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

อาจารย์มอบให้ เพอ่ื ทดสอบความซอ่ื สตั ย์
2. อาจารยแ์ ละนักศึกษาร่วมกันสรปุ บทเรียน เปิดโอกาสให้ซักถามถ้ามขี อ้ สงสยั ในเรื่องใด

7. สือ่ การเรยี นการสอน
1. หนังสือการโปรแกรมเว็บ1
2. สือ่ ภาพนิง่ power point
3. สื่ออินเทอร์เน็ต

8. หลักฐานการเรยี นรู้
1. แบบสังเกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรู้หนว่ ยท่ี 2
3. แบบประเมนิ คณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลกั ษณะอันพงึ ประสงค์ โดยครผู ู้สอนและนกั ศึกษา

รว่ มกันประเมนิ

9. วธิ ีวดั ผลและประเมนิ ผล

วิธวี ัดผล
1. สงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรู้หน่วยที่ 2
3. การสังเกตและประเมนิ ผลพฤตกิ รรมดา้ นคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอนั พึงประสงค์

เครอ่ื งมอื วัดผล
1. แบบสังเกตพฤตกิ รรมรายบุคคล
2. แบบประเมนิ ผลการเรียนรู้หนว่ ยที่ 2
3. แบบประเมนิ คณุ ธรรม จรยิ ธรรม คา่ นิยม และคณุ ลกั ษณะอันพงึ ประสงค์ โดยครผู สู้ อนและนักศกึ ษา

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

ประเมนิ ตามสภาพจรงิ

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม ค่านิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤตกิ รรมบง่ ชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบงั คับ และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แต่งกายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงต่อเวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรียนและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรยี นและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอยา่ งมีเหตผุ ล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรียนรู้ หน่วยท่ี 3
วิชา การโปรแกรมเว็บเบอื้ งต้น รหสั วิชา 30901-0001 สปั ดาห์ท่ี 3
เรือ่ ง การจัดวางเนือ้ หาหนา้ เวบ็ เวลา 5 ชั่วโมง

1. สาระสำคัญ
ศึกษาและปฏิบัติเกี่ยวกับ การใช้คำสั่งตัดคำขึ้นบรรทัดใหม่ <br> คำสั่งตัดคำขึ้นย่อหน้าใหม่ <p>

คำสั่งจัดวางตำแหนง่ ขอ้ ความในย่อหนา้ คำสง่ั จัดวางตำแหน่งของขอ้ ความใหอ้ ยกู่ งึ่ กลาง <center> และคำสั่ง
จดั เอกสารตามทก่ี ำหนด <pre>

2. สมรรถนะประจำหนว่ ยการเรียนรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกบั การจัดวางเนื้อหาหน้า

เว็บ

3. จดุ ประสงค์การเรียนรู้
1. ใชค้ ำสั่งตดั คำขึน้ บรรทดั ใหม่ <br> ได้
2. ใช้คำส่งั ตดั คำขน้ึ ย่อหน้าใหม่ <p> ได้
3. ใช้คำส่งั จัดวางตำแหน่งข้อความในยอ่ หนา้ ได้
4. ใช้คำสัง่ จัดวางตำแหนง่ ของขอ้ ความใหอ้ ยู่ก่ึงกลาง <center> ได้
5. ใชค้ ำสง่ั จดั เอกสารตามท่กี ำหนด <pre> ได้
6. ใช้คำสง่ั สรา้ งเสน้ ข้ันในแนวนอน <hr> ได้
7. ใชค้ ำสง่ั เพ่ิมหมายเหตเุ พอ่ื เตอื นความจำ<!--…--> ได้
8. มีการพัฒนาคณุ ธรรม จริยธรรม คา่ นยิ ม และคุณลักษณะอนั พงึ ประสงค์ทผี่ ้สู อนสามารถสงั เกตเหน็

ได้ ในดา้ นความมมี นุษยสมั พนั ธ์ ความมวี ินัย ความรบั ผดิ ชอบ ความเชอ่ื ม่ันในตนเอง ความสนใจใฝร่ ู้ ความ
รักสามคั คี ความกตัญญกู ตเวที

4. สาระการเรยี นรู้
1. ใชค้ ำสั่งตดั คำขึ้นบรรทัดใหม่ <br>
2. ใช้คำสง่ั ตดั คำข้ึนยอ่ หนา้ ใหม่ <p>
3. ใช้คำสั่งจัดวางตำแหน่งขอ้ ความในยอ่ หนา้
4. ใช้คำสั่งจดั วางตำแหนง่ ของข้อความให้อยู่ก่ึงกลาง <center>
5. ใชค้ ำสั่งจัดเอกสารตามที่กำหนด <pre>
6. ใชค้ ำสั่งสรา้ งเส้นข้ันในแนวนอน <hr>
7. ใช้คำสั่งเพิ่มหมายเหตเุ พอื่ เตอื นความจำ<!--…-->

5. วิเคราะหต์ ามหลกั ปรชั ญาเศรษฐกจิ พอเพยี ง
หว่ งท่ี 1 ความพอประมาณ
1. นกั เรียนรจู้ กั ใชอ้ ปุ กรณ์ดา้ นคอมพวิ เตอร์อยา่ งระมัดระวังและใชอ้ ยา่ งคมุ้ ค่า
2. นกั เรยี นมอี ุปกรณ์ สมดุ หนงั สือ ของตนเองและใชโ้ ดยไมเ่ บียดเบยี นผู้อน่ื
3. การประหยดั ครผู ู้สอนใหน้ ักเรยี นใชก้ ระดาษหนา้ สองเหลอื ใช้ ในการทำรายงานส่ง

หว่ งท่ี 2 ความมีเหตุผล
1. นกั เรยี นสามารถทำใบงานท่ไี ดร้ บั มอบหมายให้ตามความรู้ความสามารถของตนเอง
2. นักเรยี นสามารถอธบิ ายในเนอ้ื หาหน่วยการเรยี นรู้ดว้ ยตนเองได้

ห่วงท่ี 3 การมภี ูมิคมุ้ กนั ท่ีดี
1. นักเรียนมีทกั ษะกระบวนการดา้ นความคดิ และสามารถนำไปประยุกตใ์ ช้ไดจ้ รงิ
2. นกั เรยี นเกดิ องคค์ วามรใู้ หม่และได้รบั การพัฒนาการด้านการคดิ คำนวณและการใช้งาน
3. นักเรยี นสามารถแกป้ ญั หา สถานการณต์ า่ ง ๆ ทเี่ กดิ ข้นึ ในอนาคต

เงอื่ นไขท่ี 1 ความรู้
นกั เรยี นมีความรคู้ วามเขา้ ใจในเรอื่ ง

1. ใช้คำส่ังตดั คำข้นึ บรรทดั ใหม่ <br>
2. ใชค้ ำสั่งตดั คำขน้ึ ยอ่ หนา้ ใหม่ <p>
3. กใช้คำสง่ั จดั วางตำแหน่งขอ้ ความในยอ่ หน้า
4. ใชค้ ำสง่ั จัดวางตำแหน่งของขอ้ ความใหอ้ ยูก่ ึ่งกลาง <center>
5. ใชค้ ำสั่งจัดเอกสารตามทีก่ ำหนด <pre>
6. ใชค้ ำสง่ั สรา้ งเสน้ ขัน้ ในแนวนอน <hr>
7. ใช้คำสั่งเพ่ิมหมายเหตุเพ่ือเตือนความจำ<!--…-->

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

การเชื่อมโยง 4 มติ ิ
มติ ดิ า้ นสงั คม : สามารถทำงานทีไ่ ดร้ บั มอบหมายรว่ มกับผู้ไดเ้ ปน็ อย่างดี ปฏิบตั ิตามคำสั่งของครผู ู้สอน

มสี ว่ นรว่ มในการทำกจิ กรรมในช้ันเรียน
ดา้ นวัฒนธรรม : รบั ผดิ ชอบตอ่ งานท่ไี ดร้ ับมอบหมาย มีความตรงตอ่ เวลา มีความซอ่ื สตั ยส์ จุ รติ ตอ่

ตนเองและผ้อู ืน่
ด้านเศรษฐกิจ : ร้จู กั มคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานส่งครู ปิดเครอ่ื ง

คอมพิวเตอรห์ ลังจากหมดคาบเรียน
ดา้ นสิง่ แวดลอ้ ม : แต่งกายใหส้ ภุ าพเรยี บร้อยตามระเบยี บของวิทยาลัยฯ ไม่นำอาหารหรอื เครอ่ื งดมื่

เขา้ ไปรบั ประทานในหอ้ งเรียน

6. กจิ กรรมการเรยี นรู้
ขน้ั นำเข้าสบู่ ทเรยี น
1. นกั ศกึ ษารว่ มกนั อภปิ รายเรื่องการจดั วางเนอื้ หาหนา้ เว็บ
2. อาจารยส์ รปุ ทำความเข้าใจเรื่องการจัดวางเนอื้ หาหนา้ เวบ็
ขั้นสอน
1. อาจารย์ผูส้ อนอธิบายการตดั คำขน้ึ บรรทดั ใหม่ <br>
2. อาจารยผ์ ู้สอนอธิบายการตัดคำข้ึนยอ่ หน้าใหม่ <p>
3. อาจารย์ผสู้ อนอธบิ ายการจดั วางตำแหน่งขอ้ ความในยอ่ หนา้
4. อาจารยผ์ ู้สอนอธบิ ายการจดั วางตำแหนง่ ของข้อความใหอ้ ยกู่ ่งึ กลางดว้ ย <center>
5. อาจารยผ์ ู้สอนอธิบายการจดั เอกสารตามท่กี ำหนด <pre>
6. อาจารยผ์ สู้ อนอธบิ ายการสร้างเสน้ ขั้นในแนวนอน <hr>
7. อาจารย์ผู้สอนอธิบายการเพม่ิ หมายเหตเุ พ่อื เตอื นความจำ <!--…-->
8. ให้นกั เรยี นปฏิบัติตามคำสั่งในใบงาน
ขัน้ สรปุ และการประยกุ ต์
1. นกั ศึกษาทำแบบประเมนิ ผลการเรยี นรหู้ น่วยที่ 3 และประเมนิ ตนเองโดยใช้แบบประเมินตนเองท่ี

อาจารยม์ อบให้ เพอ่ื ทดสอบความซอื่ สตั ย์
2. อาจารยแ์ ละนกั ศกึ ษารว่ มกันสรปุ บทเรียน เปิดโอกาสให้ซกั ถามถ้ามีขอ้ สงสัยในเรอื่ งใด

7. ส่อื การเรียนการสอน
1. หนังสอื การโปรแกรมเว็บ1
2. สอ่ื ภาพน่งิ power point
3. ส่อื อินเทอรเ์ นต็

8. หลกั ฐานการเรยี นรู้
1. แบบสงั เกตพฤติกรรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยท่ี 3
3. แบบประเมนิ คณุ ธรรม จริยธรรม คา่ นิยม และคุณลกั ษณะอนั พงึ ประสงค์ โดยครผู ู้สอนและนกั ศกึ ษา

ร่วมกนั ประเมนิ

9. วธิ วี ดั ผลและประเมนิ ผล

วิธีวัดผล
1. สงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยท่ี 3
3. การสงั เกตและประเมินผลพฤติกรรมด้านคณุ ธรรม จริยธรรม ค่านยิ ม และคณุ ลกั ษณะอันพงึ ประสงค์

เครื่องมอื วัดผล
1. แบบสงั เกตพฤติกรรมรายบุคคล
2. แบบประเมินผลการเรียนร้หู นว่ ยที่ 3
3. แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นยิ ม และคุณลักษณะอนั พึงประสงค์ โดยครผู ูส้ อนและนกั ศึกษา

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

ประเมนิ ตามสภาพจริง

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรียนรู้ หน่วยท่ี 4
วชิ า การโปรแกรมเวบ็ เบ้อื งตน้ รหสั วชิ า 30900-0001 สปั ดาหท์ ี่ 4
เรอ่ื ง การจดั การขอ้ ความ เวลา 5 ชั่วโมง

1. สาระสำคัญ
ศึกษาและปฏิบัติเกี่ยวกับ การกำหนดรูปแบบข้อความที่เป็นหัวเรื่อง การกำหนดลักษณะของ

ตัวอักษร การปรับเปลี่ยนขนาดของตัวอักษร การกำหนดแบบอักษร การใช้สีในเว็บเพจ การกำหนดสีพื้น
และสตี ัวอักสร การกำหนดสีเฉพาะข้อความใดๆ และการกำหนดอกั ษรวง่ิ

2. สมรรถนะประจำหนว่ ยการเรยี นรู้
ผู้เรยี นสามารถเขยี นแสดงความรู้ ความเข้าใจ และแสดงทกั ษะเบ้ืองตน้ เก่ยี วกับการจัดการขอ้ ความ

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

ได้ ในดา้ นความมีมนุษยสัมพนั ธ์ ความมวี นิ ยั ความรับผิดชอบ ความเช่ือมั่นในตนเอง ความสนใจใฝ่รู้ ความ
รักสามคั คี ความกตญั ญกู ตเวที

4. สาระการเรยี นรู้
1. การกำหนดรูปแบบข้อความที่เปน็ หวั เรื่อง
2. การกำหนดลกั ษณะของตัวอกั ษร
3. การปรับเปลีย่ นขนาดของตวั อกั ษร
4. การกำหนดแบบอกั ษร
5. การใช้สใี นเว็บเพจ
6. การกำหนดสพี นื้ และสตี ัวอักสร
7. การกำหนดสเี ฉพาะข้อความไดๆ
8. การกำหนดอกั ษรว่ิง

5. วเิ คราะหต์ ามหลกั ปรชั ญาเศรษฐกิจพอเพียง
ห่วงท่ี 1 ความพอประมาณ
1. นกั เรียนรจู้ ักใช้อปุ กรณ์ด้านคอมพวิ เตอรอ์ ยา่ งระมัดระวังและใชอ้ ยา่ งคมุ้ คา่
2. นักเรียนมีอปุ กรณ์ สมดุ หนังสอื ของตนเองและใช้โดยไม่เบียดเบียนผอู้ ืน่
3. การประหยัด ครผู ู้สอนใหน้ กั เรียนใชก้ ระดาษหน้าสองเหลือใช้ ในการทำรายงานสง่

ห่วงที่ 2 ความมเี หตุผล
1. นกั เรียนสามารถทำใบงานท่ีไดร้ ับมอบหมายให้ตามความรคู้ วามสามารถของตนเอง
2. นกั เรยี นสามารถอธิบายในเนอ้ื หาหนว่ ยการเรยี นรดู้ ้วยตนเองได้

หว่ งที่ 3 การมีภูมคิ มุ้ กนั ท่ีดี
1. นักเรียนมที ักษะกระบวนการดา้ นความคดิ และสามารถนำไปประยกุ ต์ใชไ้ ดจ้ รงิ
2. นักเรยี นเกิดองค์ความรูใ้ หมแ่ ละได้รบั การพัฒนาการดา้ นการคดิ คำนวณและการใช้งาน
3. นักเรียนสามารถแก้ปัญหา สถานการณต์ า่ ง ๆ ที่เกิดขน้ึ ในอนาคต

เงื่อนไขท่ี 1 ความรู้
นกั เรียนมีความรคู้ วามเขา้ ใจในเร่อื ง

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

การเช่ือมโยง 4 มิติ

มติ ดิ ้านสงั คม : สามารถทำงานท่ไี ดร้ ับมอบหมายร่วมกบั ผู้ได้เปน็ อย่างดี ปฏิบตั ติ ามคำสง่ั ของครูผูส้ อน
มสี ว่ นร่วมในการทำกจิ กรรมในชั้นเรยี น

ด้านวัฒนธรรม : รับผดิ ชอบตอ่ งานท่ไี ดร้ ับมอบหมาย มคี วามตรงตอ่ เวลา มคี วามซือ่ สัตยส์ ุจริตตอ่
ตนเองและผูอ้ ่นื

ด้านเศรษฐกิจ : ร้จู กั มคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานสง่ ครู ปิดเครอื่ ง
คอมพวิ เตอรห์ ลังจากหมดคาบเรยี น

ด้านสง่ิ แวดลอ้ ม : แต่งกายใหส้ ภุ าพเรยี บร้อยตามระเบยี บของวทิ ยาลัยฯ ไมน่ ำอาหารหรอื เครอ่ื งดม่ื
เขา้ ไปรับประทานในห้องเรียน

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

ขน้ั สรปุ และการประยุกต์
1. นักศึกษาทำแบบประเมนิ ผลการเรียนรหู้ น่วยท่ี 4 และประเมนิ ตนเองโดยใช้แบบประเมินตนเองที่

อาจารย์มอบให้ เพอ่ื ทดสอบความซ่ือสตั ย์
2. อาจารย์และนักศึกษาร่วมกนั สรุปบทเรียน เปิดโอกาสให้ซกั ถามถ้ามีขอ้ สงสัยในเรอื่ งใด

7. สื่อการเรยี นการสอน
1. หนังสอื การโปรแกรมเว็บ1
2. สื่อภาพนงิ่ power point
3. สื่ออนิ เทอรเ์ น็ต

8. หลกั ฐานการเรียนรู้
1. แบบสงั เกตพฤติกรรมรายบุคคล
2. แบบประเมนิ ผลการเรยี นรหู้ น่วยที่ 4
3. แบบประเมินคุณธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลักษณะอนั พึงประสงค์ โดยครผู ู้สอนและนกั ศึกษา

รว่ มกันประเมนิ
9. วิธวี ดั ผลและประเมนิ ผล

วิธีวดั ผล
1. สังเกตพฤตกิ รรมรายบุคคล
2. แบบประเมนิ ผลการเรยี นรู้หน่วยท่ี 4
3. การสงั เกตและประเมนิ ผลพฤติกรรมด้านคุณธรรม จริยธรรม คา่ นิยม และคุณลกั ษณะอนั พงึ ประสงค์

เคร่อื งมอื วดั ผล
1. แบบสังเกตพฤติกรรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นรู้หนว่ ยท่ี 4
3. แบบประเมินคุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลกั ษณะอนั พงึ ประสงค์ โดยครูผสู้ อนและนกั ศึกษา

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

ประเมินตามสภาพจรงิ

10. บนั ทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรุปหลังการจัดการเรียนรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปญั หาท่พี บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปัญหา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจดั การเรียนรู้ หนว่ ยท่ี 5
วิชา การโปรแกรมเว็บเบ้ืองตน้ รหัสวชิ า 30900-0001 สัปดาห์ท่ี 5
เรือ่ ง การใชล้ ิสต์สรา้ งรายการ เวลา 5 ชวั่ โมง

1. สาระสำคัญ
ศึกษาและปฏบิ ตั ิเกี่ยวกบั การสร้างลิสต์แบบไม่มีลำดับ การสร้างลิสต์แบบมีลำดับ การสร้างลิสต์

แบบเมนู การสรา้ งลิสตแ์ บบไดเรก็ ทอร่ีลิสต์ การสรา้ งลิสตจ์ ำกดั ความ การสรา้ งลิสตซ์ ้อนกัน

2. สมรรถนะประจำหนว่ ยการเรยี นรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการใช้ลิสต์สร้าง

รายการ

3. จดุ ประสงคก์ ารเรยี นรู้
1. สรา้ งลิสตแ์ บบไม่มลี ำดับได้
2. สรา้ งลิสตแ์ บบมีลำดบั ได้
3. สรา้ งลสิ ตแ์ บบเมนไู ด้
4. สรา้ งลิสต์แบบไดเร็กทอร่ีลิสตไ์ ด้
5. สรา้ งลสิ ต์จำกัดความได้
6. สรา้ งลิสตซ์ ้อนกนั ได้
7. มีการพฒั นาคณุ ธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอันพงึ ประสงคท์ ผี่ ู้สอนสามารถสงั เกตเห็น

ได้ ในดา้ นความมีมนษุ ยสมั พันธ์ ความมวี ินยั ความรบั ผิดชอบ ความเชอ่ื มั่นในตนเอง ความสนใจใฝร่ ู้ ความ
รกั สามัคคี ความกตัญญกู ตเวที

4. สาระการเรยี นรู้
1. การสรา้ งลสิ ต์แบบไมม่ ลี ำดับ
2. การสรา้ งลสิ ตแ์ บบมีลำดับ
3. การสรา้ งลิสตแ์ บบเมนู
4. การสรา้ งลิสตแ์ บบไดเรก็ ทอรล่ี ิสต์
5. การสรา้ งลสิ ตจ์ ำกดั ความ
6. การสรา้ งลสิ ต์ซอ้ นกัน

5. วเิ คราะหต์ ามหลกั ปรชั ญาเศรษฐกจิ พอเพียง
ห่วงที่ 1 ความพอประมาณ
1. นกั เรียนรจู้ กั ใชอ้ ปุ กรณ์ด้านคอมพวิ เตอร์อยา่ งระมัดระวังและใชอ้ ย่างคมุ้ คา่
2. นกั เรยี นมีอุปกรณ์ สมดุ หนงั สือ ของตนเองและใช้โดยไม่เบยี ดเบยี นผอู้ ื่น
3. การประหยดั ครูผู้สอนให้นกั เรยี นใช้กระดาษหนา้ สองเหลือใช้ ในการทำรายงานสง่

ห่วงที่ 2 ความมีเหตผุ ล
1. นกั เรียนสามารถทำใบงานทไ่ี ดร้ ับมอบหมายให้ตามความรู้ความสามารถของตนเอง
2. นกั เรียนสามารถอธบิ ายในเน้ือหาหนว่ ยการเรยี นรดู้ ว้ ยตนเองได้

ห่วงท่ี 3 การมภี ูมคิ ุ้มกันท่ีดี
1. นกั เรียนมีทกั ษะกระบวนการดา้ นความคิด และสามารถนำไปประยุกตใ์ ชไ้ ดจ้ รงิ
2. นกั เรยี นเกดิ องคค์ วามรใู้ หม่และได้รบั การพัฒนาการด้านการคดิ คำนวณและการใชง้ าน
3. นกั เรียนสามารถแกป้ ญั หา สถานการณต์ า่ ง ๆ ทีเ่ กดิ ข้ึนในอนาคต

เงื่อนไขท่ี 1 ความรู้
นักเรยี นมีความรู้ความเขา้ ใจในเรือ่ ง

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

การเชือ่ มโยง 4 มติ ิ
มิติดา้ นสังคม : สามารถทำงานที่ไดร้ บั มอบหมายรว่ มกบั ผู้ได้เปน็ อย่างดี ปฏิบัติตามคำสง่ั ของครผู ้สู อน

มสี ว่ นร่วมในการทำกจิ กรรมในชนั้ เรียน
ด้านวัฒนธรรม : รบั ผดิ ชอบต่องานทีไ่ ดร้ ับมอบหมาย มคี วามตรงตอ่ เวลา มคี วามซ่ือสัตยส์ จุ ริตตอ่

ตนเองและผ้อู ื่น
ด้านเศรษฐกิจ : รู้จักมคี วามประหยัดอดออม ใชก้ ระดาษหน้าสองในการทำรายงานส่งครู ปดิ เครอื่ ง

คอมพิวเตอร์หลงั จากหมดคาบเรียน
ด้านสิง่ แวดล้อม : แตง่ กายให้สภุ าพเรียบรอ้ ยตามระเบยี บของวทิ ยาลยั ฯ ไมน่ ำอาหารหรอื เคร่อื งดมื่

เขา้ ไปรบั ประทานในห้องเรียน

6. กจิ กรรมการเรยี นรู้
ขนั้ นำเขา้ สูบ่ ทเรียน
1. นักศึกษารว่ มกันอภปิ รายเรอ่ื งการใชล้ สิ ตส์ รา้ งรายการ
2. อาจารย์สรปุ ทำความเขา้ ใจเรอื่ งการใช้ลิสตส์ รา้ งรายการ
ขนั้ สอน
1. อาจารย์ผสู้ อนอธิบายการสรา้ งลิสต์แบบไมม่ ลี ำดบั
2. อาจารย์ผู้สอนอธิบายการสรา้ งลสิ ตแ์ บบมีลำดบั
3. อาจารย์ผสู้ อนอธบิ ายการสร้างลิสตแ์ บบเมนู
4. อาจารย์ผู้สอนอธิบายการสร้างลสิ ตแ์ บบไดเร็กทอรล่ี ิสต์
5. อาจารย์ผสู้ อนอธิบายการสร้างลสิ ตจ์ ำกัดความ
6. อาจารยผ์ ู้สอนอธิบายการสร้างลสิ ตซ์ ้อนกัน
7. ใหน้ ักเรยี นปฏบิ ตั ิตามคำส่งั ในใบงาน

ข้ันสรุปและการประยกุ ต์
1. นกั ศึกษาทำแบบประเมินผลการเรยี นรูห้ น่วยท่ี 5 และประเมินตนเองโดยใชแ้ บบประเมินตนเองท่ี

อาจารยม์ อบให้ เพื่อทดสอบความซ่อื สตั ย์
2. อาจารย์และนกั ศึกษาร่วมกนั สรปุ บทเรยี น เปิดโอกาสใหซ้ ักถามถ้ามขี ้อสงสัยในเรื่องใด

7. ส่ือการเรียนการสอน
1. หนังสอื การโปรแกรมเวบ็ 1
2. ส่ือภาพนง่ิ power point
3. สือ่ อนิ เทอรเ์ น็ต

8. หลกั ฐานการเรยี นรู้
1. แบบสงั เกตพฤติกรรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นรู้หน่วยท่ี 5
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นยิ ม และคุณลกั ษณะอนั พงึ ประสงค์ โดยครผู ู้สอนและนักศกึ ษา

ร่วมกันประเมิน

9. วธิ ีวดั ผลและประเมนิ ผล

วิธีวดั ผล
1. สังเกตพฤติกรรมรายบุคคล
2. แบบประเมนิ ผลการเรียนรู้หนว่ ยท่ี 5
3. การสังเกตและประเมนิ ผลพฤตกิ รรมด้านคณุ ธรรม จริยธรรม ค่านิยม และคณุ ลักษณะอนั พึงประสงค์

เครอื่ งมอื วดั ผล
1. แบบสงั เกตพฤติกรรมรายบุคคล
2. แบบประเมินผลการเรยี นรู้หนว่ ยท่ี 5
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคุณลักษณะอันพงึ ประสงค์ โดยครผู สู้ อนและนกั ศึกษา

ร่วมกนั ประเมนิ
เกณฑก์ ารประเมินผล
9. เกณฑ์ผ่านการสังเกตพฤติกรรมรายบคุ คล ต้องไมม่ ชี ่องปรบั ปรงุ
10. แบบประเมินผลการเรยี นรหู้ นว่ ยที่ 5 เกณฑผ์ า่ นคอื พอใช้
4. แบบประเมนิ คุณธรรม จริยธรรม คา่ นยิ ม และคณุ ลักษณะอนั พงึ ประสงค์ คะแนนข้นึ อยู่กับการ

ประเมนิ ตามสภาพจรงิ

10. บนั ทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ขอ้ สรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปญั หาท่ีพบ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปัญหา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรยี นรู้ หน่วยที่ 6
วชิ า การโปรแกรมเวบ็ เบือ้ งตน้ รหสั วชิ า 30900-0001 สัปดาห์ท่ี 6
เร่อื ง เช่ือมโยงเว็บเพจดว้ ยลงิ ค์ (Link) เวลา 5 ชัว่ โมง

1. สาระสำคัญ
ศึกษาและปฏิบตั ิเกี่ยวกับ การสร้างลงิ ค์ การใชภ้ าพเป็นลิงค์ การลิงคไ์ ปยังไฟล์อื่นๆ ที่ไม่ใช่เอกสาร

การสรา้ งลงิ ค์เพ่อื ส่งอีเมล การกำหนดสีของลงิ ค์ การทำ Image Map การสรา้ งลิงค์แบบ Rollover

2. สมรรถนะประจำหน่วยการเรยี นรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการเชื่อมโยงเว็บเพจ

ด้วยลิงค์ (Link)

3. จุดประสงค์การเรียนรู้
1. สรา้ งลงิ คไ์ ด้
2. ใชภ้ าพเป็นลงิ คไ์ ด้
3. ลิงค์ไปยงั ไฟล์ได้อ่นื ๆ ทไ่ี ม่ใช่เอกสารได้
4. สรา้ งลงิ คเ์ พือ่ ส่งอีเมลได้
5. กำหนดสขี องลงิ คไ์ ด้
6. ทำ Image Map ได้
7. สรา้ งลงิ คแ์ บบ Rollover ได้
8. มีการพฒั นาคณุ ธรรม จริยธรรม คา่ นยิ ม และคณุ ลกั ษณะอันพึงประสงค์ท่ีผู้สอนสามารถสังเกตเห็น

ได้ ในดา้ นความมมี นษุ ยสมั พนั ธ์ ความมวี ินัย ความรบั ผดิ ชอบ ความเช่ือมนั่ ในตนเอง ความสนใจใฝร่ ู้ ความ
รกั สามคั คี ความกตัญญูกตเวที

4. สาระการเรยี นรู้
1. การสรา้ งลิงค์
2. การใชภ้ าพเปน็ ลงิ ค์
3. การลงิ ค์ไปยังไฟล์อืน่ ๆ ท่ีไม่ใช่เอกสาร
4. การสรา้ งลิงค์เพือ่ สง่ อเี มล
5. การกำหนดสีของลงิ ค์
6. การทำ Image Map
7. การสรา้ งลงิ คแ์ บบ Rollover