ชุดที่7

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

2 การเชื่อมโยงเอกสารหรือเชื่อมโยงหน้าลิงค์ (Link) บัตรคาสง่ั สาหรบั นักเรยี น ชดุ การเรยี นรูก้ ารสร้างเวบ็ เพจด้วยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ช้นั มธั ยมศึกษาปีท่ี 3 กล่มุ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชดุ ที่ 7 เร่ือง การเชื่อมโยง เอกสารหรือเช่ือมโยงหนา้ ลงิ ค์ (Link) ใชเ้ วลาจานวน 2 ชัว่ โมง ให้นักเรียนปฏิบัตดิ งั น้ี 1. นักเรยี นแบ่งกลมุ่ กลุ่มละ 4 – 5 คน โดยคละกนั ระหวา่ งเก่ง ปานกลางและอ่อน แล้วเลือกประธานกลุม่ และเลขานุการกลุม่ พรอ้ มต้งั ช่อื กลุ่ม 2. นกั เรียนรับชดุ การเรียนรูก้ ารสรา้ งเวบ็ เพจดว้ ยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ชั้นมัธยมศึกษาปีท่ี 3 กลมุ่ สาระการเรียนรู้การงานอาชพี และเทคโนโลยี ชุดที่ 7 เรื่อง การเชื่อมโยงเอกสารหรือเชื่อมโยงหนา้ ลิงค์ (Link) กล่มุ ละ 1 ชุด 3. นักเรยี นศึกษาบัตรคาสง่ั ให้เข้าใจอยา่ งละเอียด และปฏบิ ัตติ ามข้ันตอนทกี่ าหนดให้ 4. นกั เรียนอ่านมาตรฐานการเรียนรู้ ตวั ชี้วดั สาระสาคัญและ จุดประสงค์การเรียนรู้ 5. นักเรยี นทาแบบทดสอบก่อนเรยี นดว้ ยความซ่ือสตั ย์ไมเ่ ปดิ ดเู ฉลยกอ่ น จานวน 10 ขอ้ เวลา 15 นาที ลงในกระดาษคาตอบก่อนเรียน 6. ตรวจแบบทดสอบกอ่ นเรยี นดว้ ยตนเอง และเขยี นคะแนนที่ไดใ้ นชอ่ งคะแนนท่ีได้ใน กระดาษคาตอบก่อนเรียน 7. นักเรยี นศึกษาบัตรเน้ือหา ทาบตั รกิจกรรม แล้วทาตามคาชแ้ี จงตามลาดับดว้ ยความต้งั ใจ และความซ่ือสตั ย์ไม่เปดิ ดูเฉลยกอ่ น 8. เมอ่ื เสร็จทุกขั้นตอน ใหเ้ ปิดดบู ตั รเฉลยกิจกรรม และตรวจคาตอบ หากตอบผดิ หรอื ไม่แน่ใจใหก้ ลับไปศึกษาใหมอ่ กี คร้งั 9. นกั เรยี นทาแบบทดสอบหลงั เรียนดว้ ยความซื่อสตั ย์ไม่เปิดดูเฉลย จานวน 10 ขอ้ เวลา 15 นาที ลงในกระดาษคาตอบหลังเรียน 10. ตรวจแบบทดสอบหลงั เรียนดว้ ยตนเอง และเขยี นคะแนนท่ีได้ในช่องคะแนนทีไ่ ดใ้ น กระดาษคาตอบหลังเรียน 11. ส่งชุดการเรียนร้กู ารสรา้ งเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวชิ า ง23102 ชน้ั มัธยมศึกษาปีท่ี 3 กลมุ่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ใหค้ รผู สู้ อนเพื่อตรวจ คาตอบอกี คร้งั และตรวจสอบคะแนนกอ่ นเรยี น ระหว่างเรยี น และหลงั เรียน

3 การเช่ือมโยงเอกสารหรือเชื่อมโยงหน้าลิงค์ (Link) แผนผงั แสดงขนั้ ตอนการใช้ ชดุ การเรยี นร้กู ารสรา้ งเว็บเพจด้วยภาษา HTML มีดงั น้ี อา่ นคาชแ้ี จง / บตั รคาสงั่ ศึกษาตวั ช้วี ดั และจดุ ประสงคก์ ารเรียนรู้ ทาแบบทดสอบก่อนเรยี น ศกึ ษาบตั รเน้อื หา และทากจิ กรรมตามบัตรกิจกรรม ทาแบบทดสอบหลงั เรียน ผ่านเกณฑ์ 80% ไม่ผา่ นเกณฑ์ ศกึ ษาชุดการเรยี นร้กู ารสร้างเว็บเพจด้วยภาษา HTML ชดุ ต่อไป

4 การเช่ือมโยงเอกสารหรอื เช่ือมโยงหนา้ ลงิ ค์ (Link) มาตรฐานการเรียนรู้ / ตวั ชว้ี ดั มาตรฐาน ง 3.1 เขา้ ใจ เห็นคุณค่า และใช้กระบวนการเทคโนโลยีสารสนเทศใน การสืบคน้ ข้อมูล การเรยี นรู้ การสือ่ สาร การแก้ปัญหา การทางาน และอาชีพอยา่ งมี ประสทิ ธภิ าพ ประสทิ ธิผล มีคุณธรรม ตวั ชวี้ ัด ง 3.1 ม.3/1 อธิบายหลกั การทาโครงงานที่มีการใชเ้ ทคโนโลยสี ารสนเทศ ง 3.1 ม.3/2 เขยี นโปรแกรมภาษาข้นั พืน้ ฐาน สาระสาคัญ เมอื่ ไดท้ ราบถึงวิธกี ารในการสรา้ งเอกสารเว็บแตล่ ะหน้าและเพ่ือใชค้ วามสามารถของ เอกสารเว็บ ท่เี ป็นลักษณะของ “Hyper Text” ไดส้ มบูรณ์แบบซงึ่ เอกสารแตล่ ะหน้านนั้ สามารถเช่ือมโยงซ่ึงกันและกันได้ โดยเนอ้ื หาในหน่วยนีจ้ ะกล่าวถงึ วธิ กี ารในการนาเอา เอกสารที่ไดท้ าการสรา้ งข้ึนน้ันมาเชื่อมโยง เข้าดว้ ยกันดว้ ยวธิ กี ารต่างๆ และประโยชนใ์ น การนาไปใชง้ าน จุดประสงค์การเรยี นรู้ 1. บอกประเภทของการเชอ่ื มโยงข้อมลู และบอกคาส่งั ทใี่ ช้สาหรบั การเช่ือมโยง ขอ้ มลู ได้ 2. อธิบายวิธีการเช่ือมโยงข้อมูลในลักษณะต่างๆ ได้ 3. บอกคาสง่ั ทใี่ ช้สาหรบั เชอ่ื มโยงขอ้ มลู ในลักษณะต่างๆ และบอกวิธกี ารนาเอา รปู ภาพมาใช้ในการสร้างจดุ สาหรบั เช่อื มโยงข้อมลู ได้ 4. ปฏิบตั ิทักษะในการเขยี นโปรแกรมภาษาเอชทเี อม็ แอล เพ่ือทาการเชือ่ มโยง เอกสารเว็บเขา้ ด้วยกนั 5. มีความซอื่ สัตย์ ความใฝ่รู้ใฝเ่ รียน มคี วามรับผดิ ชอบ ความมรี ะเบยี บวินยั

5 การเช่ือมโยงเอกสารหรือเชื่อมโยงหนา้ ลงิ ค์ (Link) แบบทดสอบกอ่ นเรยี น เรื่อง การสร้างเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้นั มธั ยมศกึ ษาปีท่ี 3 กล่มุ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ชุดที่ 7 เรื่อง การเช่อื มโยงเอกสารหรือเชื่อมโยงหนา้ ลงิ ค์ (Link) คาชแี้ จง นกั เรยี นเลอื กคาตอบท่ีถกู ต้องท่สี ดุ เพียงคาตอบเดียว แล้วทาเครื่องหมาย  ลงในกระดาษคาตอบ (10 คะแนน) 1. คาสัง่ <A href= \" index.html \" > กลบั หนา้ แรก </A> เปน็ คาสัง่ ในการเช่ือมโยงข้อมูล ประเภทใด ก. การเช่ือมโยงตา่ งแฟมา เอกสาร ข. การเชือ่ มข้อมูลแบบอ้างตาแหนง่ ค. การเชอ่ื มโยงขอ้ มลู แบบดาวน์โหลด ง. การเชอื่ มโยงขอ้ มูลภายในเอกสารเว็บเดยี วกัน 2. การเช่ือมโยงขอ้ มลู ภายในเวบ็ เพจเดยี วกัน ประกอบดว้ ยแอตทรบิ วิ ต์ ก. HREF และ LINK ข. NAME และ LINK ค. NAME และ HREF ง. NAME HREF และ LINK 3. คาสั่ง <A Href = \"http://www.snr.ac.th\"> โรงเรียนศึกษานารี </A> เปน็ คาสง่ั การ เชื่อมโยงข้อมูลประเภทใด ก. การเชอื่ มโยงขอ้ มลู ตา่ งเวบ็ ไซต์ ข. การเชื่อมโยงข้อมูลแบบดาวน์โหลด ค. การเชอื่ มโยงข้อมูลเว็บไซต์เดียวกัน ง. การเช่อื มโยงข้อมลู ภายในเอกสารเดียวกนั

6 การเชื่อมโยงเอกสารหรอื เชื่อมโยงหน้าลงิ ค์ (Link) 4. ข้อใดกล่าวถึงประเภทของการเชอ่ื มโยงขอ้ มูลภายในเอกสารเดียวกนั ได้ถกู ต้อง ก. ณชิ ารยี ์ นาข้อมูลทีเ่ ช่อื มโยงไป จะตอ้ งอยู่ในแฟามข้อมูลเดียวกัน ข. ดุษฎี นาขอ้ มลู ทเี่ ชอ่ื มโยงไป จะตอ้ งระบุ ยูอาร์แอล (URL) ทเ่ี ปน็ ตาแหนง่ เดยี วกนั ค. พมิ พ์พจี นาข้อมลู ที่เชือ่ มโยงไป จะต้องมชี อื่ แฟมา ข้อมูลเดยี วกนั ที่อยูต่ ่างเว็บไซต์กัน ง. ปริณดา นาขอ้ มลู ท่เี ชอื่ มโยงไป ให้สามารถอยตู่ ่างแฟามข้อมูลกนั ได้แต่ตอ้ งอยู่ในเว็บไซต์ เดยี วกนั 5. สญั ลักษณ์ใดที่ใชใ้ นการเชอื่ มโยงข้อมูลภายในเอกสารเดยี วกัน ก. สัญลักษณ์ “ ข. สญั ลักษณ์ * ค. สัญลกั ษณ์ @ ง. สญั ลกั ษณ์ # 6. การเชอ่ื มโยงข้อมลู ภายในเอกสารเดยี วกนั ข้อใดกล่าวถงึ ได้ถกู ต้อง ก. มกี ารกาหนดชอื่ เพ่ือใชส้ าหรับการอ้างอิง ข. ใชส้ ญั ลกั ษณ์ * นาหน้าช่ือท่ใี ช้สาหรบั การเช่ือมโยง ค. มีคาส่ังกาหนดคุณลักษณะเพิม่ เตมิ คือคาสั่ง #Tag ง. ถกู ทกุ ข้อ 7. ข้อใดใชค้ าสัง่ เชอื่ มโยงเอกสารได้อย่างถกู ต้อง ก. คาส่ัง <A Link = \" Prarinda.html \" ข้อมูลปริณดา ในการเช่ือมโยงเอกสาร </A> ข. คาส่งั <A Href > \" Prarinda.html\" ขอ้ มลู ปรณิ ดา ในการเชื่อมโยงเอกสาร </Href> ค. คาสง่ั <A Href = \" Prarinda.html \"> ข้อมลู ปริณดา ในการเชอ่ื มโยงเอกสาร </A> ง. คาสงั่ <A Link = \" Prarinda.html \"> ข้อมูลปริณดา ในการเชื่อมโยงเอกสาร < /Link> 8. คาสั่ง <A Href= \"http://www.snr.ac.th\"> <img src=\"snr.jpg\" alt= \"โรงเรียนศกึ ษานารี\"> </A> หมายถงึ ขอ้ ใด ก. เช่ือมโยงไปยงั Email ข. การเชอ่ื มโยงโดยใชข้ ้อความ ค. การเช่อื มโยงเพื่อดาวนโ์ หลดไฟล์ ง. การเช่อื มโยงโดยใช้รูปภาพหรอื สัญลกั ษณ์

7 การเช่ือมโยงเอกสารหรือเช่ือมโยงหนา้ ลงิ ค์ (Link) 9. ข้อใดเปน็ คาส่งั การเชื่อมโยงขอ้ มูลสาหรบั ดาวนโ์ หลดในรูปแบบเอกสารเนื้อหาต่างๆ ก. <A href=test07html/test_Table0702.html> download ใบงาน</A> ข. <A href=\"test07html/test_Table0702.pdf\"> download ใบงาน</A> ค. <A href=\"test07html/test_Table0702.html\" target=\"_blank\">download ใบงาน</A> ง. ถกู ทุกข้อ 10. <A href = \"mailto: [email protected] \"> mail สุฐิณี </A> หมายถงึ การเชอ่ื มโยง แบบใด ก. การเชื่อมโยงแบบอเี มล์ ข. การเช่อื มโยงนอกเวบ็ ไซต์ ค. การเชื่อมโยงภายในเอกสาร ง. การเช่ือมโยงต่างแฟามเอกสาร

8 การเชื่อมโยงเอกสารหรือเชื่อมโยงหน้าลงิ ค์ (Link) กระดาษคาตอบแบบทดสอบกอ่ นเรียน เรื่อง การสรา้ งเว็บเพจดว้ ยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ช้นั มธั ยมศึกษาปที ี่ 3 กลมุ่ สาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ชดุ ที่ 7 เรื่อง การเชือ่ มโยงเอกสารหรอื เช่ือมโยงหน้าลงิ ค์ (Link) ช่ือ – นามสกลุ ........................................................................ชน้ั มธั ยมศึกษาปีที่ 3 เลขที่ ........ ขอ้ ก ข ค ง คะแนนเต็ม 10 1 คะแนนได้ 2 3 ผลการประเมนิ 4  ดมี าก 5  ดี 6  ปานกลาง 7  ปรับปรงุ 8 9 (ลงช่ือ).....................................ผปู้ ระเมนิ 10 (นายณฐั วฒุ ิ ณรงคเ์ ดชา) วนั ท่ี ........เดือน.....................พ.ศ.......... เกณฑ์การประเมิน อยใู่ นเกณฑ์ ดีมาก คะแนนระหว่าง 9 - 10 อยูใ่ นเกณฑ์ ดี คะแนนระหว่าง 7 - 8 อย่ใู นเกณฑ์ ปานกลาง คะแนนระหว่าง 5 - 6 อยู่ในเกณฑ์ ปรบั ปรงุ คะแนนระหว่าง 0 - 4

9 การเชอื่ มโยงเอกสารหรอื เช่ือมโยงหนา้ ลิงค์ (Link) บตั รเนอ้ื หา การเช่อื มโยงเอกสารหรือเชื่อมโยงหน้าลิงค์ (Link) 1. การเช่ือมโยงเว็บเพจ สามารถทาได้ 3 ลักษณะ 1. การเชื่อมโยงภายในเวบ็ เพจเดียวกนั 2. การเช่ือมโยงไปยังเวบ็ เพจอน่ื 3. การเช่ือมโยงไปนอก เวบ็ ไซต์ 1.1 การเชือ่ มโยงภายใน เว็บเพจเดยี วกนั ช่อื แทก็ : A แอตทริบวิ ต์ : Name รูปแบบ : <A Name =\"ตงั้ ชอ่ื จดุ เปาาหมาย\">...</A> ตาแหน่งท่ใี ช้ : อยภู่ ายในแท็กเปิด <A> เชน่ <A Name = \"Download ประกอบการเรยี น\"></A>

10 การเช่ือมโยงเอกสารหรอื เชื่อมโยงหนา้ ลิงค์ (Link) 1.2 การเชอ่ื มโยงไปยงั เวบ็ เพจอน่ื ชื่อแทก็ : A ช่ือแอตทรบิ วิ ต์ : Href รปู แบบ : <A Href =\"ทอ่ี ยู่ของเวบ็ เพจ\">จดุ เช่ือมโยง</A> ตาแหนง่ ทใ่ี ช้ : อยูร่ ะหวา่ งแท็ก <Body> เชน่ <A Href =\"ex2-nattawut 01.html\"> ตวั อยา่ ง ex 2</A> <BR> 1.3 การเชอ่ื มโยงไปนอกเว็บไซต์ ชอ่ื แทก็ : A ช่อื แอตทรบิ วิ ต์ : Href รูปแบบ : <A Href =\"ชอ่ื ไฟลห์ รือเว็บไซต\"์ >ข้อความ</A> ตาแหนง่ ที่ใช้ : อยรู่ ะหว่างแท็ก <Body> เช่น <A Href =\"www.snr.ac.th\">โรงเรียนศึกษานารี</A> <BR> 2. การเช่ือมโยงด้วยรูปภาพ ชอ่ื แทก็ : A รูปแบบ : <A Href =\"ชื่อไฟล์หรือเว็บเพจ\"> <img src=\"ช่อื ไฟลร์ ูปภาพ\"width=\"ความกวา้ ง\" height=\"ความสงู \" border=\"ระยะเสน้ ขอบ\"></A> ตาแหน่งทีใ่ ช้ : อยรู่ ะหว่างแท็ก <Body>

11 การเชือ่ มโยงเอกสารหรือเช่ือมโยงหนา้ ลิงค์ (Link) 3. การกาหนดขอ้ ความคาอธิบาย การกาหนดข้อความแสดงคาอธิบายที่จดุ ลิงค์ ชอื่ แท็ก : A รปู แบบ : <A Href =\"ชื่อไฟลห์ รอื เว็บเพจ\" Title = \"ข้อความแสดงคาอธิบาย\">...</A> ตาแหน่งทใ่ี ช้ : อยูร่ ะหว่างแทก็ <Body> 4. กาหนดสีของจดุ ลงิ ค์ ชอ่ื แทก็ : Body รูปแบบ : <Body n = ชอ่ื สมี าตรฐาน (n หมายถงึ Text, Link, VLink, Alink)> Text คอื กาหนดสตี วั อักษรปกติ Link คือ กาหนดสตี วั อกั ษรกอ่ นมีการเชื่อมโยง VLink คอื กาหนดสีจดุ เช่ือมโยงหลงั จากคลิกใชง้ านแล้ว ALink คอื กาหนดสตี ัวอักษรขณะถูกเลือก ตาแหน่งทใี่ ช้: อยู่ระหวา่ งแท็ก <Body> 5. จดุ เชื่อมโยงไปยังอีเมล์ แอดเดรส สามารถสร้างจุดเชื่อมโยงไปยังอีเมลแอดเดรสได้โดยกาหนดคา่ แอตทริบวิ ต์ Href ในรูปแบบ \"mailto: \" ชื่อแท็ก: A แอตทรบิ ิวต์: Href รปู แบบ : <a href =\"mailto:ช่อื อีเมลแอดเดรส\">...</a> ตาแหนง่ ทใ่ี ช้: อยรู่ ะหวา่ งแทก็ <Body>

12 การเชือ่ มโยงเอกสารหรือเช่ือมโยงหนา้ ลิงค์ (Link) 6. การกาหนดหน้าตา่ งเป้าหมาย การกาหนดหนา้ ต่างเปาาหมายได้โดยเพม่ิ แอตทริบวิ ต์ Target เข้าไปในแท็ก A ช่อื แทก็ : A แอตทรบิ วิ ต์: Href รปู แบบ : <a href =\"ช่อื ไฟล์หรอื เว็บเพจ \" Target= \"ชอ่ื ของหนา้ ต่างเปาาหมาย\">...</a> ตาแหนง่ ที่ใช:้ อยู่ระหวา่ งแท็ก <A> <HTML> <HEAD><TITLE>links</TITLE></HEAD> <BODY> <A HREF=\"html07-m6.pptx\">Download ประกอบการเรียน</A><BR> <A HREF=\"http://www.snr.ac.th\">กลบั สโู่ ฮมเพจ ศ.น</A><BR> <A HREF=\"mailto:[email protected]\">สง่ mail ถงึ ข้าพเจา้ </A> </BODY> </HTML>

13 การเช่อื มโยงเอกสารหรอื เชื่อมโยงหนา้ ลิงค์ (Link) บตั รกจิ กรรมท่ี 1 คาชแี้ จง จงเขียนคาสั่งภาษา HTML ตามที่ข้อความกาหนด ดงั ต่อไปน้ี (10 คะแนน) 1. เชือ่ มโยงไปยังเว็บเพจทช่ี ื่อวา่ web.html โดยใช้ขอ้ ความเชื่อมโยง คือ “การสรา้ งเว็บเพจ” (1 คะแนน) คาสั่ง 2. เชื่อมโยงไปยงั เวบ็ ไซต์ www.snr.ac.th โดยใชข้ อ้ ความเชอ่ื มโยง คือ “โรงเรยี นศึกษานารี” (1 คะแนน) คาสง่ั 3. เชื่อมโยงไปยังเว็บไซต์ www.facebook.com โดยใช้รูปภาพเชอื่ มโยง คือ “facebook.jpg” (1 คะแนน) คาสง่ั 4. กาหนดตาแหน่งการเชื่อมโยงภายในหนา้ เว็บเพจเดียวกนั ช่ือวา่ Computer (1 คะแนน) คาส่งั 5. เชื่อมโยงไปยังเว็บเพจท่ีชือ่ วา่ thai.html ในตาแหนง่ t4 ของเอกสารเว็บนด้ี ว้ ยข้อความ “ไทย” (1 คะแนน) คาสั่ง 6. เชื่อมโยงไปยังเว็บเพจท่ีชอ่ื วา่ sport.html โดยใช้ข้อความท่ีวา่ “กีฬาที่ฉนั ชอบ” บนหน้าตา่ งเวบ็ เบราว์เซอรใ์ หม่ (1 คะแนน) คาสัง่ 7. เชือ่ มโยงไปยงั E-Mail ท่ชี อ่ื วา่ [email protected] โดยใช้ขอ้ ความท่วี ่า “ตดิ ต่อผู้สอน” (1 คะแนน) คาสงั่ 8. คาสง่ั เชอ่ื ม โยงสาหรบั ดาวนโ์ หลดไฟล์เอกสาร html07-m3.pptx โดยใช้ข้อความว่า “ใบความรู้” (1 คะแนน) คาสง่ั 9. คาส่งั ช่ือโยงสาหรบั ดาวนโ์ หลดไฟลเ์ พลง cat.mp3 โดยใชข้ ้อความทีว่ ่า “เพลงแมว” (1 คะแนน) คาส่งั 10. คาสั่งเช่อื มโยงสาหรบั ดาวน์โหลดไฟลท์ ่ีช่ือว่า game.exe โดยใชข้ ้อความว่า “เกมส์” (1 คะแนน) คาสั่ง

14 การเชือ่ มโยงเอกสารหรือเชื่อมโยงหนา้ ลงิ ค์ (Link) บัตรกิจกรรมท่ี 2 คาสัง่ ให้นักเรียนแบ่งกลุม่ กล่มุ ละ 4-5 คน ให้ทาเว็บไซด์ เกย่ี วกับเนื้อหาวชิ าที่เรียน เชน่ วิชาภาษาไทย คณติ ศาสตร์ วิทยาศาสตร์ ฯลฯ ทัง้ หมดข้นั ตา่ 6 หนา้ ประกอบด้วยเนื้อหา 5 หนา้ และหนา้ ผู้จัดทา 1 หน้า แล้วนาไฟล์เวบ็ เชื่อมโยง เอกสารเขา้ หากัน สง่ ครูในรปู แบบรายงาน (รูปเลม่ 10 คะแนน) รูปแบบไฟล์ ตวั โปรแกรม Write CD และส่งมาที่ Classroom (10 คะแนน) บันทกึ ช่อื ไฟล์ : ช่ือเรื่อง.html (web.html) ส่งงานมาที่ E-mail: : https://classroom.google.com ส่งหอ้ งเรียนของตนเอง พมิ พ์หวั ข้อ ส่งงาน Project HTML ชอ่ื นกั เรยี น ชน้ั .. เลขท.ี่ ...

15 การเชอื่ มโยงเอกสารหรอื เชื่อมโยงหนา้ ลงิ ค์ (Link) แบบทดสอบหลังเรียน เร่ือง การสรา้ งเว็บเพจด้วยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ชน้ั มัธยมศกึ ษาปที ี่ 3 กลุม่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ชุดท่ี 7 เรือ่ ง การเชอ่ื มโยงเอกสารหรอื เช่ือมโยงหน้าลงิ ค์ (Link) คาชแ้ี จง นกั เรยี นเลือกคาตอบที่ถกู ต้องทส่ี ุดเพยี งคาตอบเดยี ว แลว้ ทาเคร่อื งหมาย  ลงในกระดาษคาตอบ (10 คะแนน) 1. สัญลักษณ์ใดท่ใี ชใ้ นการเช่ือมโยงข้อมูลภายในเอกสารเดียวกัน ก. สัญลกั ษณ์ “ ข. สัญลกั ษณ์ * ค. สญั ลกั ษณ์ @ ง. สญั ลักษณ์ # 2. การเชอ่ื มโยงขอ้ มลู ภายในเว็บเพจเดยี วกนั ประกอบด้วยแอตทรบิ วิ ต์ ก. HREF และ LINK ข. NAME และ LINK ค. NAME และ HREF ง. NAME HREF และ LINK 3. <A href = \"mailto: [email protected] \"> mail สุฐิณี </A> หมายถงึ การเชือ่ มโยง แบบใด ก. การเชือ่ มโยงแบบอีเมล์ ข. การเชอื่ มโยงนอกเวบ็ ไซต์ ค. การเชือ่ มโยงภายในเอกสาร ง. การเช่ือมโยงตา่ งแฟามเอกสาร

16 การเชื่อมโยงเอกสารหรอื เช่ือมโยงหน้าลิงค์ (Link) 4. คาสัง่ <A Href = \"http://www.snr.ac.th\"> โรงเรยี นศกึ ษานารี </A> เป็นคาสงั่ การ เชอ่ื มโยงข้อมูลประเภทใด ก. การเช่อื มโยงขอ้ มูลตา่ งเว็บไซต์ ข. การเชอ่ื มโยงขอ้ มูลแบบดาวน์โหลด ค. การเชอื่ มโยงขอ้ มูลเว็บไซต์เดียวกัน ง. การเชื่อมโยงข้อมูลภายในเอกสารเดียวกัน 5. ข้อใดกล่าวถงึ ประเภทของการเช่ือมโยงข้อมลู ภายในเอกสารเดยี วกันได้ถูกต้อง ก. ณชิ ารยี ์นาขอ้ มลู ที่เช่อื มโยงไป จะตอ้ งอยู่ในแฟามข้อมูลเดยี วกนั ข. ดษุ ฎี นาขอ้ มูลทเี่ ชอื่ มโยงไป จะตอ้ งระบุ ยูอารแ์ อล (URL) ที่เป็นตาแหน่งเดียวกัน ค. พิมพพ์ จี นาข้อมลู ท่ีเชอ่ื มโยงไป จะต้องมชี ือ่ แฟามข้อมลู เดียวกันที่อยตู่ า่ งเวบ็ ไซต์กัน ง. ปริณดานาข้อมูลทเี่ ชอ่ื มโยงไป ให้สามารถอยตู่ ่างแฟามขอ้ มลู กนั ได้แต่ต้องอยใู่ นเว็บไซต์ เดยี วกนั 6. ข้อใดใช้คาส่ังเช่ือมโยงเอกสารได้อยา่ งถูกต้อง ก. คาส่ัง <A Link = \" Prarinda.html \" ข้อมูลปริณดา ในการเช่อื มโยงเอกสาร </A> ข. คาส่ัง <A Href > \" Prarinda.html\" ข้อมลู ปริณดา ในการเชือ่ มโยงเอกสาร </Href> ค. คาส่ัง <A Href = \" Prarinda.html \"> ข้อมลู ปริณดา ในการเชื่อมโยงเอกสาร </A> ง. คาสั่ง <A Link = \" Prarinda.html \"> ข้อมลู ปริณดา ในการเช่ือมโยงเอกสาร < /Link> 7. คาสงั่ <A href= \" index.html \" > กลับหน้าแรก </A> เปน็ คาสัง่ ในการเช่ือมโยงข้อมูล ประเภทใด ก. การเช่อื มโยงตา่ งแฟมา เอกสาร ข. การเช่ือมข้อมลู แบบอ้างตาแหน่ง ค. การเชือ่ มโยงข้อมลู แบบดาวนโ์ หลด ง. การเช่ือมโยงขอ้ มูลภายในเอกสารเว็บเดยี วกัน 8. คาสัง่ <A Href= \"http://www.snr.ac.th\"> <img src=\"snr.jpg\" alt= \"โรงเรยี นศึกษานารี\"> </A> หมายถึงข้อใด ก. เช่อื มโยงไปยงั Email ข. การเช่ือมโยงโดยใช้ข้อความ ค. การเชื่อมโยงเพื่อดาวน์โหลดไฟล์ ง. การเชื่อมโยงโดยใช้รปู ภาพหรอื สญั ลกั ษณ์

17 การเชื่อมโยงเอกสารหรอื เช่ือมโยงหน้าลิงค์ (Link) 9. ขอ้ ใดเปน็ คาสัง่ การเชื่อมโยงขอ้ มลู สาหรบั ดาวน์โหลดในรปู แบบเอกสารเนอ้ื หาต่างๆ ก. <A href=test07html/test_Table0702.html> download ใบงาน</A> ข. <A href=\"test07html/test_Table0702.pdf\"> download ใบงาน</A> ค. <A href=\"test07html/test_Table0702.html\" target=\"_blank\">download ใบงาน</A> ง. ถูกทุกข้อ 10. การเช่ือมโยงข้อมูลภายในเอกสารเดยี วกนั ข้อใดกล่าวถึงได้ถูกต้อง ก. มีการกาหนดช่ือเพ่ือใชส้ าหรับการอา้ งอิง ข. ใชส้ ญั ลกั ษณ์ * นาหนา้ ช่อื ท่ีใชส้ าหรับการเชื่อมโยง ค. มีคาสั่งกาหนดคณุ ลกั ษณะเพ่มิ เตมิ คือคาสงั่ #Tag ง. ถกู ทุกข้อ

18 การเชือ่ มโยงเอกสารหรอื เชื่อมโยงหน้าลิงค์ (Link) กระดาษคาตอบแบบทดสอบหลังเรยี น เรอ่ื ง การสร้างเว็บเพจดว้ ยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ชน้ั มัธยมศกึ ษาปีที่ 3 กลุม่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ชดุ ท่ี 7 เร่ือง การเชื่อมโยงเอกสารหรอื เชือ่ มโยงหน้าลิงค์ (Link) ช่ือ – นามสกลุ ........................................................................ช้นั มธั ยมศึกษาปที ่ี 3 เลขที่ ........ ข้อ ก ข ค ง คะแนนเต็ม 10 1 คะแนนได้ 2 3 ผลการประเมิน 4  ดีมาก 5  ดี 6  ปานกลาง 7  ปรับปรุง 8 9 (ลงชือ่ ).....................................ผู้ประเมนิ 10 (นายณฐั วฒุ ิ ณรงคเ์ ดชา) วันท่ี ........เดือน.....................พ.ศ.......... เกณฑ์การประเมิน อยู่ในเกณฑ์ ดีมาก คะแนนระหวา่ ง 9 - 10 อยใู่ นเกณฑ์ ดี คะแนนระหว่าง 7 - 8 อยู่ในเกณฑ์ ปานกลาง คะแนนระหวา่ ง 5 - 6 อยู่ในเกณฑ์ ปรบั ปรุง คะแนนระหวา่ ง 0 - 4

19 การเชือ่ มโยงเอกสารหรือเชื่อมโยงหน้าลงิ ค์ (Link) เฉลยแบบทดสอบก่อนเรยี น เรอื่ ง การสร้างเว็บเพจด้วยภาษา HTML รายวชิ าเทคโนโลยี 3 รหัสวิชา ง23102 ช้นั มัธยมศกึ ษาปีที่ 3 กลุม่ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดที่ 7 เรอ่ื ง การเชื่อมโยงเอกสารหรอื เชื่อมโยงหนา้ ลิงค์ (Link) 1. ง 2. ค 3. ก 4. ก 5. ง 6. ก 7. ค 8. ง 9. ข 10. ก

20 การเชอื่ มโยงเอกสารหรือเชื่อมโยงหน้าลงิ ค์ (Link) เฉลยแบบทดสอบหลังเรยี น เรอ่ื ง การสรา้ งเว็บเพจดว้ ยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมธั ยมศึกษาปีที่ 3 กลุ่มสาระการเรยี นรู้การงานอาชพี และเทคโนโลยี ชุดท่ี 7 เรือ่ ง การเชอ่ื มโยงเอกสารหรือเชอื่ มโยงหนา้ ลิงค์ (Link) 1. ง 2. ค 3. ก 4. ก 5. ก 6. ง 7. ค 8. ง 9. ข 10. ค

21 การเชอ่ื มโยงเอกสารหรอื เช่ือมโยงหนา้ ลงิ ค์ (Link)

22 การเช่อื มโยงเอกสารหรอื เชื่อมโยงหนา้ ลงิ ค์ (Link) บตั รเฉลยกิจกรรมที่ 1 คาชแ้ี จง จงเขียนคาสั่งภาษา HTML ตามทขี่ ้อความกาหนด ดงั ตอ่ ไปนี้ (10 คะแนน) 1. เช่ือมโยงไปยงั เว็บเพจทช่ี ื่อวา่ web.html โดยใชข้ อ้ ความเชือ่ มโยง คือ “การสร้างเว็บเพจ” (1 คะแนน) คาส่งั <A Href = \"web.html\"> การสรา้ งเว็บเพจ </A> 2. เชื่อมโยงไปยังเวบ็ ไซต์ www.snr.ac.th โดยใช้ข้อความเช่ือมโยง คือ “โรงเรียนศกึ ษานารี” (1 คะแนน) คาสง่ั <A Href = \" www.snr.ac.th \"> โรงเรียนศึกษานารี</A> 3. เชือ่ มโยงไปยงั เวบ็ ไซต์ www.facebook.com โดยใช้รูปภาพเชือ่ มโยง คือ “facebook.jpg” (1 คะแนน) คาสง่ั <A Href = \" www.facebook.com \"> <img src =\" facebook.jpg \"> </A> 4. กาหนดตาแหนง่ การเช่ือมโยงภายในหน้าเว็บเพจเดียวกันชื่อวา่ Computer (1 คะแนน) คาสง่ั <A href=\"# Computer \"> ไปหา Computer </A> <A name=\" Computer \"> ไปหา Computer </A> 5. เชื่อมโยงไปยงั เวบ็ เพจท่ชี อ่ื วา่ thai.html ในตาแหน่ง t4 ของเอกสารเวบ็ นด้ี ้วยข้อความ “ไทย” (1 คะแนน) คาสั่ง <A Href = \" thai.html #t4\"> ไทย</A> 6. เชอื่ มโยงไปยังเวบ็ เพจทช่ี อื่ ว่า sport.html โดยใชข้ ้อความท่ีวา่ “กีฬาท่ีฉนั ชอบ” บนหนา้ ต่างเวบ็ บราวเซอร์ใหม่ (1 คะแนน) คาสั่ง <A Href = \" sport.html \" target=\"_blank\"> กฬี าทีฉ่ ันชอบ</A> 7. เชอื่ มโยงไปยัง E-Mail ทช่ี อื่ วา่ [email protected] โดยใชข้ อ้ ความท่วี า่ “ติดต่อผู้สอน” (1 คะแนน) คาส่งั <A Href=\"mailto: [email protected]\">ตดิ ตอ่ ผู้สอน</A> 8. คาส่งั เชอ่ื ม โยงสาหรับดาวนโ์ หลดไฟลเ์ อกสาร html07-m3.pptx โดยใช้ข้อความวา่ “ใบความรู้” (1 คะแนน) คาสัง่ <A Href =\"html07-m3.pptx\">Download หนว่ ยที่ 7</A> 9. คาสงั่ ชอ่ื โยงสาหรับดาวน์โหลดไฟล์เพลง cat.mp3 โดยใชข้ อ้ ความท่วี ่า “เพลงแมว” (1 คะแนน) คาสั่ง <A Href =\" cat.mp3 \">เพลงแมว</A> 10. คาสงั่ เชือ่ มโยงสาหรับดาวนโ์ หลดไฟลท์ ช่ี อื่ ว่า game.exe โดยใช้ข้อความวา่ “เกมส์” (1 คะแนน) คาสง่ั <A Href =\" game.exe \"> เกมส์ </A>

23 การเชื่อมโยงเอกสารหรอื เช่ือมโยงหนา้ ลิงค์ (Link) บัตรกจิ กรรมที่ 2 คาสัง่ ใหน้ ักเรียนแบ่งกลุ่ม กลุ่มละ 4-5 คน ใหท้ าเวบ็ ไซด์ เก่ียวกบั เนือ้ หาวิชาทเี่ รยี น เช่น วิชาภาษาไทย คณติ ศาสตร์ วิทยาศาสตร์ ฯลฯ ท้งั หมดขั้นต่า 6 หน้า ประกอบดว้ ยเนื้อหา 5 หน้า และหนา้ ผจู้ ัดทา 1 หน้า แลว้ นาไฟล์เวบ็ เชอื่ มโยง เอกสารเขา้ หากัน สง่ ครใู นรูปแบบรายงาน (รปู เลม่ 10 คะแนน) รปู แบบไฟล์ ตัวโปรแกรม Write CD และส่งมาที่ Classroom (10 คะแนน) บนั ทึกชื่อไฟล์ : ช่ือเรอื่ ง.html (web.html) สง่ งานมาท่ี E-mail: : https://classroom.google.com ส่งหอ้ งเรยี นของตนเอง พมิ พ์หวั ข้อ ส่งงาน Project HTML ชอื่ นกั เรียน ชั้น.. เลขท่.ี ... แนวคำตอบ บตั รเฉลยกิจกรรมที่ 2 (ตัวอยำ่ งผลงำนนักเรียน)

24 การเช่ือมโยงเอกสารหรอื เชื่อมโยงหนา้ ลงิ ค์ (Link) บรรณานุกรม กระทรวงศึกษาธิการ,สานักงานคณะกรรมการการศึกษาข้ันพ้ืนฐาน. (2551). ตวั ชว้ี ดั และ สาระการเรียนรแู้ กนกลาง กลมุ่ สาระการเรียนรกู้ ารงานอาชีพและเทคโนโลยี ตามหลักสูตรแกนกลางการศึกษาขนั้ พืน้ ฐาน พุทธศกั ราช 2551. สานกั วชิ าการ และมาตรฐานการศึกษา กรงุ เทพฯ จันทรเ์ พญ็ เชอื้ พานชิ . (2549). “นวัตกรรมการศึกษาไทย :รูปแบบการเรยี นการสอน” นวัตกรรม การจัดการเรียนรู้ตามแนวปฏิรปู การศกึ ษา. ศูนยต์ าราและเอกสารทาง วชิ าการ คณะศึกษาศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย. ชยั วัฒน์ สุทธริ ัตน์ . (2552). 80 นวัตกรรมการจัดการเรียนรู้ทเี่ นน้ ผเู้ รียนเปน็ สาคญั . กรงุ เทพฯ: บริษัท แดเน็กซ์ อินเตอร์คอรป์ ปอเรชัน่ . สุวทิ ย์ มลู คา และ อรทัย มูลคา (2545). 19 วิธจี ัดการเรยี นรู้ : เพอ่ื พฒั นาความรู้ทักษะ. พมิ พค์ รัง้ ท่ี 3. กรุงเทพฯ : โรงพิมพภ์ าพพิมพ์ ศูนย์ส่งเสรมิ วิชาการ. 231/4 ซอยวดั กระสังข์กระจาย เขตบางกอกใหญ่ กรุงเทพ. เว็บครูณัฐวุฒิออนไลน์ web : https://sites.google.com/a/snr.ac.th/nattawut/home

25 การเชื่อมโยงเอกสารหรอื เชื่อมโยงหนา้ ลิงค์ (Link) คานา ชุดการเรียนรู้การสร้างเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ช้ันมัธยมศึกษาปีท่ี 3 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดท่ี 7 เร่ือง การเช่ือมโยง เอกสารหรอื เชอื่ มโยงหนา้ ลงิ ค์ (Link) เป็นเครอื่ งมือสาคญั ในกระบวนการจัดการเรียนการสอน ซึ่งจะช่วย กระตุ้นกระบวนการเรียนรู้และตรวจสอบคุณภาพการเรียนรู้ของนักเรียน ผู้จัดทาได้ศึกษาวิเคราะห์ หลักสูตรแกนกลางการศึกษาขั้นพื้นฐาน พุทธศักราช 2551 อีกทั้งได้ศึกษาค้นคว้าหาความรู้ ทักษะการปฏิบัติ ทักษะด้านการคิด เพื่อนาข้อมูลมาประกอบการจัดทาชุดการเรียนรู้การสร้างเว็บเพจ ด้วยภาษา HTML ให้สอดคล้องกับมาตรฐานการเรียนรู้ ที่มุ่งให้นักเรียนได้รับการพัฒนาทั้งด้านความรู้ คุณธรรม ค่านิยมท่ีถูกต้องเหมาะสม ชุดการเรียนรู้การสร้างเว็บเพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ชั้นมัธยมศึกษาปีที่ 3 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชุดท่ี 7 เร่ือง การเชื่อมโยง เอกสารหรอื เชอ่ื มโยงหนา้ ลิงค์ (Link) มีจุดประสงค์การเรียนรู้ คือ บอกประเภทของการเชื่อมโยงข้อมูล และบอกคาสัง่ ที่ใช้สาหรับการเชือ่ มโยงขอ้ มูลได้ อธิบายวธิ กี ารเชอื่ มโยงขอ้ มูลในลกั ษณะต่างๆ ได้ บอกคาส่งั ท่ีใช้สาหรบั เช่ือมโยงข้อมูลในลกั ษณะต่างๆ และบอกวธิ ีการนาเอารปู ภาพมาใชใ้ นการสรา้ ง จุดสาหรบั เชื่อมโยงข้อมูลได้ ปฏิบัติทักษะในการเขียนโปรแกรมภาษาเอชทีเอ็มแอล เพื่อทาการเช่ือมโยง เอกสารเวบ็ เข้าดว้ ยกนั มีความซอื่ สตั ย์ ความใฝ่ร้ใู ฝ่เรียน มคี วามรับผดิ ชอบ ความมรี ะเบียบวนิ ัย ผจู้ ดั ทาหวังเป็นอย่างยง่ิ วา่ ชดุ การเรยี นร้กู ารสร้างเวบ็ เพจด้วยภาษา HTML รายวิชาเทคโนโลยี 3 รหัสวิชา ง23102 ชนั้ มัธยมศึกษาปีท่ี 3 กลมุ่ สาระการเรียนรู้การงานอาชพี และเทคโนโลยี ชดุ ท่ี 7 เร่ือง การเช่อื มโยงเอกสารหรือเชือ่ มโยงหนา้ ลิงค์ (Link) เล่มนี้จะเป็นประโยชนต์ อ่ ผู้เรยี นในการเรยี นรู้ อย่างมีประสิทธิภาพ มีความเขา้ ใจ ผลสัมฤทธ์ิทางการเรียนสงู ข้ึน ขอบคุณผูใ้ ห้ข้อเสนอแนะตลอดจน ใหก้ ารสนับสนนุ ทุกทา่ นไว้ ณ โอกาสนี้ ณฐั วุฒิ ณรงคเ์ ดชา

26 การเช่อื มโยงเอกสารหรอื เชื่อมโยงหน้าลงิ ค์ (Link) สารบญั เรื่อง หน้า คาช้ีแจงสาหรบั ครู................................................................................................................... 1 บตั รคาสัง่ สาหรับนกั เรยี น..................................................................................................... 2 แผนผังแสดงขัน้ ตอนการใช้ชุดการเรียนรูก้ ารสรา้ งเว็บเพจดว้ ยภาษา HTML........................ 3 มาตรฐานการเรยี นรู้ / ตวั ชี้วัด. ............................................................................................. 4 สาระสาคัญ / จุดประสงค์การเรียนรู้...................................................................................... 4 แบบทดสอบกอ่ นเรยี น............................................................................................................ 5 กระดาษคาตอบแบบทดสอบก่อนเรยี น.................................................................................. 8 บัตรเนอื้ หา ........................................................................................................................... 9 บตั รกจิ กรรมที่ 1 .................................................................................................................. 13 บตั รกิจกรรมท่ี 2 .................................................................................................................. 14 แบบทดสอบหลงั เรยี น............................................................................................................. 15 กระดาษคาตอบแบบทดสอบหลงั เรยี น................................................................................... 18 เฉลยแบบทดสอบก่อนเรียน.................................................................................................... 19 เฉลยแบบทดสอบหลังเรียน.................................................................................................... 20 ภาคผนวก............................................................................................................................... 21 บรรณานุกรม.......................................................................................................................... 24