002COM-2-65-12E-Book

E-Book

เรื่อง ข้ันตอนการพฒั นาเวบ็ ไซต์

วชิ า คอมพวิ เตอร์ประยุกต์

นักเรียนจ่าอากาศ ช้ันปี ที่ 2 โรงเรียนจ่าอากาศ

เ ข้ า สู่ บ ท เ รี ย น

คานา

หนังสืออิเล็กทรอนิกส์เล่มนี้ จัดทำข้ึนเพ่ือ ประกอบกำร
เรียนกำรสอน วิชำคอมพิวเตอร์ประยุกต์ เร่ือง ข้ันตอนกำร
พัฒนำเวบ็ ไซต์ สำหรับนักเรียนจ่ำอำกำศ ชั้นปีท่ี 2 โรงเรียนจ่ำ
อำกำศ กรมยุทธศึกษำทหำรอำกำศ เพื่อให้นักเรียนจ่ำอำกำศ
สำมำรถศึกษำ ทบทวนควำมร้นู อกห้องเรยี นไดด้ ว้ ยตนเอง

ร.อ.ณรงคเ์ ดช พงษป์ ระเทศ
นกศ.กอบ.กกศ.รร.นนก.

ผูจ้ ดั ทำ

สารบญั 1
2
คู่มือกำรใช้งำน 3
คำอธบิ ำยรำยวชิ ำ 4
หนว่ ยท่ี 1 ข้ันตอนกำรพัฒนำเว็บไซต์ 5
9
แบบทดสอบก่อนเรียน 10
ตอนที่ 1.1 รปู แบบโครงสร้ำงเวบ็ ไซต์ 22
23
แบบฝึกหัดที่ 1 24
ตอนท่ี 1.2 กำรออกแบบเว็บเพจ 25

แบบฝึกทดั ที่ 2
แบบทดสอบหลังเรียน
แบบสอบถำมควำมคิดเห็น
ผูจ้ ัดทำ

1

คมู่ ือการใชง้ าน

ใหผ้ เู้ รียนปฏิบตั ิดังนี้
1. ให้ทำแบบทดสอบกอ่ นเรียน กอ่ นเขำ้ เรียนเนือ้ หำ
2. ศึกษำเน้ือหำในหน่วยท่ี 1 มีท้ังหมด 2 ตอน แล้วทำแบบฝึก
ทกั ษะในแต่ละหน่วยใหค้ รบทุกหน่วย
3. เม่ือเรียนครบทุกตอนแล้ว ให้ทำแบบทดสอบหลังเรียน เพ่ือ
ประเมินผลกำรเรียนของตนเอง ถ้ำยัง “ไม่ผ่ำน” ให้กลับไป
ทบทวนบทเรียนใหม่ แล้วทำแบบทดสอบหลังเรยี นซ้ำ

4. กลบั ส่หู นำ้ สำรบญั

หนำ้ ถัดไป

ยอ้ นกลบั

2

คาอธิบายรายวิชา

ศึกษำอัลกอลิทึมในกำรเขียนโปรแกรม หลักกำรเขียน
โปรแกรมข้ันพื้นฐำนด้วยอัลกอลิทึม ของโปรแกรมต่ำง ๆ เช่น
ภำษำ C, PHP, Html ,Adobe ผสำนกับควำมรู้ด้ำนวิทยำกำร
คอมพิวเตอร์และเทคโนโลยีสำรสนเทศและกำรจัดกำรสมัยใหม่
ที่จะนำไปสกู่ ำรพฒั นำควำมรแู้ ละกำรนำไปใชป้ ระโยชน์

โดยให้ผู้เรียนมีควำมรู้ควำมเข้ำใจเก่ียวกับคอมพิวเตอร์
มีทักษะกำรใช้งำนโปรแกรมสำเร็จรูป ตลอดจนนำควำมรู้
ควำมเข้ำใจในวิชำคอมพิวเตอร์ไปใช้ให้เกิดประโยชน์ต่อกำร
ปฏิบัติ ร ำ ช ก ำ ร และ สำ ม ำ ร ถพั ฒนำ ก ร ะบ ว นก ำ ร คิ ด
และจินตนำกำร ควำมสำมำรถในกำรแก้ปัญหำและกำรจัดกำร
ทักษะในกำรใช้งำนคอมพิวเตอร์ ตลอดจนให้ผู้เรียนมีค่ำนิยม
ในกำรใชเ้ ทคโนโลยที ำงด้ำนคอมพวิ เตอร์อย่ำงสร้ำงสรรค์

3

หนว่ ยที่ 1 ขัน้ ตอนการพัฒนาเว็บไซต์

แผนผังแนวคดิ หน่วยท่ี 1

1.1.1 โครงสรา้ งแบบ
เรยี งลาดบั

1. ขัน้ ตอนการพฒั นาเวบ็ ไซต์ 1.1 รูปแบบโครงสร้างเว็บไซต์ 1.1.2 โครงสรา้ งแบบลาดับขั้น
1.2 การออกแบบเว็บเพจ
1.1.3 โครงสร้ำงแบบ
ตำรำง

1.1.4 โครงสรำ้ งแบบ
ใยแมงมมุ

1.2.1 ส่วนประกอบของเวบ็
เพจ

1.2.2 ข้อแนะนาใน
การออกแบบเว็บเพจ
1.2.3 ขัน้ ตอนการ

สร้างเว็บไซต์

4

แบบทดสอบก่อนเรียน

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

5

ตอนที่ 1.1 รปู แบบโครงสรา้ งเวบ็ ไซต์

เร่ืองท่ี 1.1.1 โครงสรา้ งแบบเรียงลาดับ

จะเป็นโครงสร้ำงแบบธรรมดำที่นิยมใช้งำนกันมำกที่สุด
เนอ่ื งจำกมคี วำมงำ่ ยตอ่ กำรจดั ระบบขอ้ มูล และสำมำรถนำเสนอ
เร่อื งรำวตำมลำดบั ไดเ้ ปน็ อยำ่ งดี เหมำะกับเว็บไซต์ท่ีมีขนำดเล็ก
มีเนื้อหำท่ีไม่ซับซ้อน ส่วนใหญ่ก็จะเป็นพวกเว็บไซต์ท่ีให้ควำมรู้
หรอื เว็บไซตอ์ งค์กรขนำดยอ่ ม

6

ตอนท่ี 1.1 รปู แบบโครงสรา้ งเว็บไซต์

เร่ืองที่ 1.1.2 โครงสร้างแบบลาดบั ขัน้

นิยมใช้กับเว็บท่ีมีควำมซับซ้อนของข้อมูล เพื่อให้สำมำรถ
เข้ำถึงข้อมูลต่ำง ๆ ได้ง่ำยข้ึน โดยจะมีกำรแบ่งเนื้อหำออกเป็น
สว่ นๆ และมีกำรนำเสนอรำยละเอยี ดยอ่ ย ๆ ที่ลดหลนั่ กันมำ ทำ
ให้สำมำรถทำควำมข้ำใจกับโครงสร้ำงเน้ือหำได้ง่ำยขึ้น โดยจะมี
โฮมเพจเป็นจุดเริ่มต้น และจุดร่วมจุดเดียวที่จะนำไปสู่กำร
เชอื่ มโยงเนือ้ หำเป็นลำดบั จำกบนลงล่ำง

7

ตอนท่ี 1.1 รปู แบบโครงสรา้ งเว็บไซต์

เรอ่ื งที่ 1.1.3 โครงสร้างแบบตาราง

เปน็ โครงสร้ำงกำรออกแบบเว็บไซต์ท่ีมีควำมซับซ้อน แต่ก็
มคี วำมยดื หยุ่นในระดบั หน่ึง เพ่ือให้ผู้ใช้งำนสำมำรถเข้ำสู่เนื้อหำ
ต่ำง ๆ ไดง้ ำ่ ยขึ้น

8

ตอนที่ 1.1 รปู แบบโครงสรา้ งเวบ็ ไซต์

เรอ่ื งที่ 1.1.4 โครงสรา้ งแบบใยแมงมมุ

เป็นโครงสร้ำงท่ีได้รับควำมนิยมเป็นอย่ำงมำก เพรำะมี
ควำมยืดหยุ่นมำกท่ีสุด โดยทุกหน้ำเว็บจะมีกำรเช่ือมโยงถึงกัน
หมด ทำให้สำมำรถเข้ำถึงหน้ำเว็บเพจต่ำง ๆ ท่ีต้องกำรได้อย่ำง
ง่ำย และมีควำมอิสระมำกข้ึน นอกจำกน้ีก็สำมำรถเช่ือมโยงไปสู่
เว็บไซต์ภำยนอกได้ดี

9

แบบทดฝกึ หัดท่ี 1

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

10

ตอนท่ี 1.2 การออกแบบเว็บเพจ

เรือ่ งท่ี 1.2.1 ส่วนประกอบของเวบ็ เพจ

สว่ นประกอบของหน้ำเว็บเพจแบง่ ออกเป็น 3 ส่วนหลัก ๆ
ไดแ้ ก่
1. ส่วนหวั ของเว็บเพจ็ (Page Header)

เป็นส่วนที่อยู่ตอนบนสุดของหน้ำ และเป็นส่วนที่สำคัญ
ท่ีสุดของหน้ำ เพรำะเป็นส่วนท่ีดึงดูดผู้ชมให้ติดตำมเนื้อหำ
ภำยในเว็บไซต์ มักใส่ภำพกรำฟฟิกเพ่ือสร้ำงควำมประทับใจ
สว่ นใหญ่ประกอบดว้ ย

- โลโก้ (Logo) เปน็ ส่ิงทเ่ี ว็บไซตค์ วรมี เป็นตวั แทนของ
เว็บไซต์ได้เป็นอย่ำงดี และยงั ทำให้เว็บน่ำเช่อื ถอื

- ชื่อเว็บไซต์
- เมนหู ลกั หรือลิงค์ (Navigation Bar) เปน็ จุดเชื่อมโยง
ไปสูเ่ น้ือหำของเว็บไซต์

11

2.ส่วนของเนือ้ หา (Page Body)
เป็นส่วนท่ีอยู่ตอนกลำงของหน้ำ ใช้แสดงข้อมูลเนื้อหำ

ของเว็บไซต์ ซ่ึงประกอบด้วยข้อควำม , ตำรำงข้อมูล
ภำพกรำฟิก วีดีโอ และอ่ืน ๆ และอำจมีเมนูหลัก หรือเมนู
เฉพำะกลมุ่ วำงอยูใ่ นสว่ นนด้ี ว้ ย

สำหรับส่วนเนื้อหำควรแสดงใจควำมสำคัญท่ีเป็นหัว
เรื่องไว้บนสุด ข้อมูลมีควำมกระชับ ใช้รูปแบบตัวอักษรที่อ่ำน
ง่ำย และจดั Layout ใหเ้ หมำะสมและเปน็ ระเบยี บ

3. สว่ นทา้ ยของหนา้ (Page Footer)
เปน็ สว่ นทีอ่ ยู่ดำ้ นล่ำงสุดของหน้ำ จะมีหรือไม่มีก็ได้ มัก

วำงระบบนำทำงท่ีเป็นลิงค์ข้อควำมง่ำย ๆ และอำจแสดงข้อมูล
เพิ่มเติมเกี่ยวกับเน้ือหำภำยในเว็บไซต์ เช่น เจ้ำของเว็บไซต์,
ข้อควำมแสดงลิขสิทธ์ิ, วิธีกำรติดต่อกับผู้ดูแลเว็บไซต์,
คำแนะนำกำรใช้เว็บไซต์ เป็นต้น โดยปกติส่วนหัวและส่วนท้าย
มักแสดงเหมอื นกันในทุกหน้าของเว็บเพจ

12

ส่วนหัว
(Page Header)

ส่วนเนื้อหา
(Page Body)

สว่ นทา้ ย
(Page Footer)

รปู ท่ี 1 ส่วนประกอบของเวบ็ เพจ

13

เรื่องที่ 1.2.2 ข้อแนะนาในการออกแบบเว็บเพจ

➢เว็บเพจทุกหน้ำต้องมีโลโก้ ชื่อเว็บไซต์ และลิงค์สำหรับท่ีจะ
คลกิ ไปที่หนำ้ แรกได้

➢ทำกำรกำหนด Title name ให้กับทุก ๆ หน้ำ และตั้งช่ือให้
สอ่ื กบั เนอ้ื หำในหน้ำเวบ็ เพจน้ัน

➢เว็บเพจแต่ละหน้ำในเว็บไซต์เดียวกัน ควรที่จะมีรูปแบบ
คลำ้ ยๆ ไปในแนวทำงเดียวกัน

➢ควรเลือกสีตัวอักษรให้เหมำะสมกับพ้ืนหลัง ไม่ใช้สีท่ีตัด
หรือกลมกลืนกบั พ้ืนหลังจนเกินไป

➢ไม่ควรใชส้ แี ละตวั อักษรทีห่ ลำกหลำยจนเกนิ ไป
➢ ทำกำรลดขนำดของรูปภำพให้มีควำมพอดีกับหน้ำเว็บเพ จ

และลดขนำดของไฟล์รปู ภำพดว้ ย
➢ถ้ำมีกำรใช้รูปภำพที่มีขนำดใหญ่ควรมีกำรตัดแบ่งรูปภำพ

ให้เป็นช้ินเล็กหรอื ทำกำร Slice Image น่นั เอง
➢ไม่ควรใช้ภำพเคลื่อนไหวหรือตัวอักษรเคลื่อนไหวมำก

จนเกินไป

14

เรอ่ื งที่ 1.2.3 ขั้นตอนการสร้างเว็บไซต์

กำรสร้ำงเว็บไซต์ อำจเร่ิมต้ังแต่กำรกำหนดเนื้อหำ
รำยละเอียดต่ำง ๆ ในหน้ำเว็บเพจ จนถึงกำรอัพโหลดเว็บไซต์
ขน้ึ บนอนิ เทอรเ์ นต็ จะมขี ้ันตอนดงั น้ี

ข้ันตอนท่ี 1 วางแผนจดั ทาเว็บไซต์
กำหนดเนื้อหำ แบ่งเนื้อหำเป็นหมวดหมู่ต่ำง ๆ ตำมลำดับ

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

15
ขัน้ ตอนที่ 2 การกาหนดโครงสร้างของเวบ็

คือข้นั ตอนกำรกำหนดผงั ของเวบ็ ไซต์ หรือทีเ่ รยี กว่ำ Site
Map เพ่อื ใหท้ รำบองคป์ ระกอบท้ังหมดของเว็บไซต์ ตวั อยำ่ งเชน่
เรำมหี นำ้ เว็บเพจทง้ั หมด 6 เวบ็ เพจ กำหนด Site Map ไดด้ งั รูป

ขอ้ สงั เกต
1. หนำ้ แรกของเว็บ หรอื โฮมเพจ จะต้องชื่อ index

ส่วนนำมสกุลให้ใสต่ ำมลกั ษณะของภำษำท่ีใช้ในกำรสรำ้ งเว็บ
2. กำรตั้งช่ือเว็บเพจแตล่ ะหนำ้ เวลำใหก้ ำหนดชือ่ เปน็

ภำษำอังกฤษตำมดว้ ยนำมสกุลของภำษำทเ่ี รำสรำ้ งเว็บ เชน่
index.html, gallery.html, contact.html เป็นต้น

16

ขั้นตอนท่ี 3 การกาหนดการเชื่อมโยงเวบ็ เพจ
กำรกำหนดกำรเช่ือมเว็บเพจ เป็นกำรกำหนด

ควำมสัมพันธ์ของกำรเชื่อมโยงในแต่ละหน้ำเว็บเพื่อให้สำมำรถ
กลับไปกลับมำระหว่ำงหน้ำต่ำง ๆ ได้ โดยแต่ละไฟล์จะมี
ควำมสัมพนั ธ์กัน ตวั อยำ่ งดงั รูป

17

ข้ันตอนที่ 4 การตงั้ ชอื่ ไฟล์และโฟลเดอร์

1. กำรสรำ้ งโฟลเดอร์
กำรสร้ำงโฟลเดอร์ให้สรำ้ งเปน็ ชอ่ื หนว่ ยงำน / เร่ืองนน้ั ๆ ควรใช้
ตวั อักษร ภำษำองั กฤษตวั พมิ พเ์ ล็ก หรือผสมกบั ตัวเลข 0-9

2. กำรต้งั ช่ือไฟล์
ก ำ ร ต้ั ง ช่ื อ ไ ฟ ล์ ใ ห้ ต้ั ง ชื่ อ แ ล ะ น ำ ม ส กุ ล ไ ฟ ล์ เ ป็ น ตั ว อั ก ษ ร
ภำษำอังกฤษตัวพิมพเ์ ลก็ หรอื ผสมกับตวั เลข 0-9 หรือเครื่องมือ
ขดี ลบ/ขดี ล่ำง และตง้ั ช่ือไฟลใ์ ห้ตรงกบั เร่อื งนั้น ๆ

เช่น
gallery.html คอื ภำพบรรยำกำศ
contact.html คอื ติดตอ่ เรำ เป็นตน้

18
ข้นั ตอนที่ 5 การออกแบบเว็บเพจแตล่ ะหนา้ ในเว็บไซต์

ออกแบบโครงสร้ำงหน้ำเว็บเพจในแต่ละหน้ำ เพื่อจะได้รู้
ว่ำในเว็บเพจแต่ละหน้ำมีรำยละเอียดอะไรบ้ำง ไม่ว่ำจะเป็น
ขอ้ มูล รูปภำพ จำกน้นั ทำกำรออกแบบหนำ้ เว็บเพจหน้ำตอ่ ไป

จำกรูปด้ำนบนจะเห็นว่ำได้แบ่งหน้ำเว็บเพจออกเป็นส่วนๆ โดย
สำมำรถแบง่ ส่วนประกอบของหน้ำเว็บ ไดด้ ังน้ี

1. ส่วนหัวของเวบ็ เพจ (Header)
2. ส่วนของเน้อื หำ (Body)
3. สว่ นทำ้ ยของหนำ้ (Footer)

19
ขั้นตอนท่ี 6 สรา้ งเว็บเพจในแตล่ ะหน้า

เมื่อได้ทำกำรออกแบบหน้ำเว็บเพจแต่ละหน้ำแล้ว ต่อไป
คือข้ันตอนกำรสร้ำงหน้ำเว็บเพจตำมที่ได้ออกแบบไว้ ด้วย
โปรแกรมต่ำง ๆ ไม่ว่ำจะเป็นโปรแกรมประเภท Text Editor
เพ่ือใช้ในกำรเขียนชุดคำส่ัง HTML หรือโปรแกรมสำเร็จรูปเพ่ือ
ให้แต่ละหน้ำเว็บเพจนำเสนอข้อควำม รูปภำพ วีดีโอ และเสียง
อยู่ในรูปแบบตำมทตี่ ้องกำร

ตัวอยา่ งการสรา้ งหนา้ เว็บเพจด้วยโปรแกรม Notepad

20

ขนั้ ตอนท่ี 7 การลงทะเบยี นขอพ้นื ทเ่ี วบ็ ไซต์
หลังจำกเรำสร้ำงเว็บไซต์เสร็จแล้ว ขั้นตอนต่อไป คือ ทำ

กำรตั้งช่ือเว็บไซต์คือกำรจดโดเมนเนม และหำท่ีฝำกเว็บไซต์
ท่ีเรียกว่ำ เว็บโฮสต้ิง (Web Hosting) ท่ีมีท้ังแบบเสียค่ำใช้จ่ำย
และแบบให้พ้ืนท่ีฝำกเว็บไซต์ฟรี อย่ำงเช่นเว็บไซต์ท่ีให้บริกำร
ฝำกเว็บไซต์ฟรี คือ http://www.thcity.com วิธีกำรให้ทำกำร
สมัครตำมข้ันตอนต่ำง ๆ บนหน้ำเว็บเพจ เท่ำนี้เรำก็จะมีช่ือ
เว็บไซต์และพนื้ ที่ ฝำกเวบ็ ไซตแ์ ล้ว

21

ขัน้ ตอนท่ี 8 การอัพโหลดเว็บไซต์
เม่ือเรำทำกำรสมัครบริกำรพ้ืนท่ีฝำกเว็บแล้ว ข้ันตอน

ต่อไป คือกำรอัพโหลดไฟล์เว็บไซต์ของเรำไปยังเว็บไซต์ท่ี
ให้บริกำรพ้ืนท่ีฝำกเว็บซึ่งอำจจะทำกำรอัพโหลดผ่ำนเว็บ
บรำวเซอร์เว็บท่ีให้บริกำร หรือกำรอัพโหลดด้วยโปรแกรม เช่น
CuteFTP, Filezilla, WS_FTP เป็นต้น เพื่อให้ผู้คนได้เข้ำเย่ียม
ชมโดยสำมำรถดใู นเว็บไซต์ของเรำผำ่ นเครอื ข่ำยอนิ เทอรเ์ น็ต

ขั้นตอนที่ 9 การเรียกดเู ว็บไซต์
เม่ือเรำทำกำรอัพโหลดไฟล์เว็บไซต์ของเรำขึ้นบนเว็บไซต์

ท่ีให้บริกำรพื้นที่ฝำกเว็บแล้ว เรำสำมำรถเปิดดูเว็บไซต์ของเรำ
ผ่ำนโปรแกรมเว็บบรำวเซอร์ เช่น Internet Explorer, Mozilla
Firefox, Google Chrome เป็นต้น โดยกำรพิมพ์ที่อยู่เว็บไซต์
ตรง Address Ba

22

แบบทดฝึกหดั ที่ 2

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

23

แบบทดสอบหลงั เรียน

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

24

แบบสอบถามความคิดเห็นของผเู้ รยี น

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