85
แผนการสอน หนว่ ยที่ 9
ช่อื วิชา การพัฒนาเวบ็ ไซต์ทางธุรกจิ สอนครัง้ ที่ 15-16
ชือ่ หน่วย การเชื่อมโยงและการทดสอบการทางานของเว็บไซต์ ชว่ั โมงรวม 64 ช.ม.
ชอื่ เรือ่ ง รู้จกั กับการเช่อื มโยงเวบ็ ไซต์ การเช่อื มโยงเว็บไซต์ การตรวจสอบการเช่ือมโยง จานวน 8 ช.ม.
เว็บไซต์
9.1 รู้จักกับการเช่ือมโยงเว็บไซต์
การเชื่อมโยงเว็บไซต์ คือ การกาหนดส่วนของข้อความ หรือรูปภาพที่ต้องการ ในเว็บเพจหน้าหนึ่งให้
เช่ือมโยงไปยังเว็บเพจหน้าอื่น ๆ ซ่ึงเน้ือหาท่ีเชื่อมโยงน้ันอาจจะอยู่ภายในหน้าเดียวกันเว็บไซต์เดียวกันหรืออยู่คน
ละหน้าต่างเว็บไซต์ก็ได้ การเชื่อมโยงหน้าเว็บเพจแต่ละหน้าจะประกอบ ด้วย ลิงก์ (Link) หรือจุดท่ีใช้สาหรับ
เชื่อมโยงไปยังเป้าหมายปลายทางอาจเป็นรูปภาพหรือข้อความ ก็ได้ และเป้าหมาย (Target) เป็นส่วนปลายทาง
หรือจุดท่ีต้องการให้เช่ือมโยงมาถึงจะอยสู่ ว่ นใด ของเอกสารก็ได้ การเชอื่ มโยงเว็บไซต์แบ่งเป็น การเชือ่ มโยง
เว็บเพจมีด้วยกันหลายประเภท แบ่งตามวัตถุประสงค์ของการใช้งานจะแบ่งการเชื่อมโยงบนเว็บเพจออกเป็น 5
ประเภท ดงั นี้
- การเช่ือมโยงภายในหนา้ เว็บเดยี วกัน
- การเชื่อมโยงภายในเวบ็ ไซต์
- การเชอื่ มโยงภายนอกเว็บไซต์
- การเชอ่ื มโยงเพื่อส่งอเี มล์
- การเชอ่ื มโยงดว้ ย Map Link
ตัวอยา่ งการเชื่อมโยงเว็บไซต์ เช่น
contact .html
index.html product.htm
9.2 การเชือ่ มโยงเว็บไซต์ l
9.2.1 การเชือ่ มโยงภายในเวบ็ เพจเดยี วกัน
การเชื่อมโยงภายในหน้าเว็บเดียวกัน หากข้อมูลในหน้าเดียวกันมีขนาดยาวมากทาให้ต้องเล่ือนแถบ
Scroll Bar เพ่ือเล่ือนดูข้อมูล สามารถสร้างจุดเชื่อมโยงข้อมูลส่วนดังกล่าวให้เชอ่ื มโยง ดูข้อมูลที่ต้องการได้โดยไม่
ต้องเลื่อน Scroll Bar ชดุ คาสง่ั ในการเช่ือมโยงเวบ็ เพจหนา้ เดยี วกัน
9.2.2 การเช่อื มโยงภายในเวบ็ ไซต์
การเชอื่ มโยงภายในเวบ็ ไซตก์ ารเชอ่ื มโยงลกั ษณะน้ีเปน็ การเช่อื มโยงไปยังหน้าเว็บหนงึ่ ท่ีอยู่ใน
เว็บไซต์เดียวกัน
86
แผนการสอน หนว่ ยที่ 9
ชือ่ วิชา การพัฒนาเวบ็ ไซต์ทางธรุ กจิ สอนคร้งั ที่ 15-16
ชื่อหน่วย การเช่ือมโยงและการทดสอบการทางานของเว็บไซต์ ช่วั โมงรวม 64 ช.ม.
ชอื่ เรอ่ื ง ร้จู ักกบั การเชอ่ื มโยงเว็บไซต์ การเชอ่ื มโยงเวบ็ ไซต์ การตรวจสอบการเช่ือมโยง จานวน 8 ช.ม.
เวบ็ ไซต์
i. การเชื่อมโยงภายนอกเวบ็ ไซต์
9.2.3 ขนั้ ตอนการเชอ่ื มโยงภายนอกเวบ็ ไซต์
การเชือ่ มโยงภายนอกเว็บไซต์ คือ การสร้างจุดเช่ือมโยงไปยงั เว็บไซต์อ่นื ๆ สามารถทาไดโ้ ดยการ
พิมพ์ http:// นาหนา้ ชือ่ เวบ็ ไซต์ทต่ี ้องการเช่อื มโยง
9.2.4 การเชอื่ มโยงเพอ่ื สง่ อีเมล์
การเชื่อมโยงเพอื่ ส่งอีเมล์เพอื่ จะตอ้ งมกี ารสร้างจุดเชอ่ื มโยงเพ่ือติดตอ่ ไปยงั อเี มลแ์ อดเดรสของผดู้ ูแล
ระบบ โดยไม่ต้องเสยี เวลาพิมพอ์ ีเมลแ์ อดเดรส โดยสามารถกาหนดจดุ เชื่อมโยงเพื่อส่งอเี มล์ได้ท้งั แบบข้อความและ
รูปภาพ
9.2.5 การเช่อื มโยงดว้ ย Map Link
การเชื่อมโยงดว้ ย Map Link เป็นการกาหนดจุดการเชือ่ มโยงบนภาพกราฟกิ ซ่ึงสามารถใช้เครื่องมือ
Map จาก Properties ในการวาดรปู ทรงต่าง ๆ เพ่ือกาหนดพ้นื ทีล่ งิ กใ์ หส้ ามารถกาหนดขอบเขตการ
เชือ่ มโยงบนภาพกราฟิกได้
9.4 การตรวจสอบการเชือ่ มโยงเว็บไซต์
ก่อนทาการอัปโหลดไฟล์เว็บข้ึนสู่ระบบอินเทอร์เน็ต การตรวจสอบการเช่ือมโยงของเว็บเพจ ถือว่าเป็นส่ิง
ท่ีสาคัญ เพื่อป้องกันไม่ให้เกิด Broken Link คือ การเชื่อมโยงท่ีผู้ใช้คลิกแล้ว ไม่สามารถ เปิดเว็บเพจท่ี
ต้องการได้ ปัญหา Broken Link จะเกิดข้ึนได้เมื่อมีการเปล่ียนช่ือไฟล์ ย้ายไฟล์หรือโฟลเดอร์ รวมถึง การลบ
ไฟล์ มกั เกิดขนึ้ เม่ือมีการอปั โหลดไฟลจ์ ากเครื่องที่ทางานข้ึนสู่ระบบอนิ เทอรเ์ นต็ ตรวจสอบการเชื่อมโยงท้ังหมดใน
Site มีขั้นตอนดังน้ี
2. คลกิ ทเี่ มนู Site >Site Options >Check Links Sitewide หรือกด Ctrl+F8
3. จะปรากฏหน้าตา่ งการตรวจสอบในโปรแกรม Adobe Dreamweaver CC 2018 จะสามารถ
ตรวจสอบกอ่ นการอัพโหลดไฟล์ 3 ฟังก์ชนั่ คือ
4. Broken Link คอื ลิงกท์ ี่ผู้ใช้คลกิ แลว้ ไม่สามารถเปิดเวบ็ เพจทีต่ อ้ งการได้จะเกดิ ขนึ้ ไดเ้ มื่อมกี าร
เปลยี่ นช่ือไฟล์ยา้ ยไฟล์หรือโฟลเดอรร์ วมถงึ การลบไฟล์
5. External Links คอื ลิงกภ์ ายทเี่ ชอ่ื มโยงในเวบ็ ไซต์
6. Orphaned Files คือ ไฟล์ทีเ่ กบ็ ในไซต์แต่ไม่ได้ถูกใชง้ าน
87
แผนการสอน หน่วยท่ี 9
ชือ่ วิชา การพัฒนาเว็บไซต์ทางธุรกิจ สอนครง้ั ท่ี 15-16
ชือ่ หน่วย การเชื่อมโยงและการทดสอบการทางานของเว็บไซต์ ชว่ั โมงรวม 64 ช.ม.
ช่อื เรื่อง รูจ้ กั กบั การเช่อื มโยงเวบ็ ไซต์ การเช่อื มโยงเว็บไซต์ การตรวจสอบการเชื่อมโยง จานวน 8 ช.ม.
เว็บไซต์
ใบงานท่ี 9 การเชอื่ มโยงและการทดสอบการทางานของเว็บไซต์
คาชแ้ี จง : ใหน้ กั เรยี นฝกึ ปฏิบัตติ ามเนื้อหาทไ่ี ดเ้ รยี นในหน่วยที่ 9 การเชอื่ มโยงและการทดสอบ การทางานของ
เวบ็ ไซต์ ดงั ต่อไปน้ี
1. สร้างเวบ็ เพจแตล่ ะหน้าตามเร่ืองทนี่ ักเรยี นสนใจใหม้ เี น้ือหาครบตามเมนูทก่ี าหนด
2. ทาการเช่อื มโยงเวบ็ ไซต์ทั้งหมด
3. ตรวจสอบการเช่ือมโยงเวบ็ ไซตแ์ ละจดั การไฟล์เพื่อเตรยี มอัพโหลดเวบ็ ไซต์
88
แผนการสอน หน่วยที่ 9
ชอื่ วิชา การพัฒนาเว็บไซต์ทางธรุ กจิ สอนครงั้ ที่ 15-16
ชอ่ื หน่วย การเชื่อมโยงและการทดสอบการทางานของเว็บไซต์ ชว่ั โมงรวม 64 ช.
ม.
ช่อื เรื่อง รจู้ ักกบั การเช่ือมโยงเว็บไซต์ การเชอื่ มโยงเวบ็ ไซต์ การตรวจสอบการเช่ือมโยง จานวน 8 ช.ม.
เวบ็ ไซต์
แบบฝกึ หดั หนว่ ยที่ 9 การเช่ือมโยงและการทดสอบการทางานของเว็บไซต์
คาสง่ั จงตอบคาถามต่อไปน้ีใหไ้ ด้ใจความสมบรู ณ์
1. การเชือ่ มโยงเว็บไซต์ หมายถึงอะไร
ตอบ การเชื่อมโยงเว็บไซต์ คือ การกาหนดสว่ นของขอ้ ความ หรือรูปภาพทีต่ ้องการ ในเว็บเพจหน้าหน่ึงให้
เชือ่ มโยงไปยงั เวบ็ เพจหนา้ อน่ื ๆ ซงึ่ เนอ้ื หาทเ่ี ช่ือมโยงนนั้ อาจจะอยู่ภายในหนา้ เดยี วกันเวบ็ ไซต์เดยี วกันหรืออยู่
คนละหนา้ ตา่ งเวบ็ ไซต์ก็ได้
............................................................................................... ..................................................... ....
2. การเชอ่ื มโยงบนเวบ็ เพจแบ่งออกเปน็ กปี่ ระเภท
ตอบ การเช่ือมโยงเว็บเพจมีด้วยกันหลายประเภท แบง่ ตามวัตถุประสงค์ของการใชง้ านจะแบ่งการเชอ่ื มโยง
บนเว็บเพจออกเปน็ 5 ประเภท ดงั นี้ การเชอ่ื มโยงภายในหนา้ เว็บเดยี วกัน การเช่ือมโยงภายในเวบ็ ไซต์
การเชือ่ มโยงภายนอกเวบ็ ไซต์ การเชือ่ มโยงเพื่อสง่ อเี มล์ การเชอื่ มโยงดว้ ย Map Link
............................................................................................................. ...........................................
3. การเชือ่ มโยงภายในเว็บเพจเดียวกันจะใชใ้ นกรณีใด
ตอบ การเชอื่ มโยงภายในหน้าเว็บเดียวกัน หากข้อมลู ในหน้าเดียวกันมขี นาดยาวมากทาใหต้ อ้ งเลอื่ นแถบ
Scroll Bar เพ่ือเล่อื นดูข้อมลู
............................................................................................................................. ...........................
4. Target เป็นการกาหนดวธิ ีเปิดหนา้ เว็บทเ่ี ชื่อมโยง มีกร่ี ปู แบบ
ตอบ Target เป็นการกาหนดวิธีเปิดหน้าเวบ็ ทีเ่ ชอ่ื มโยง ดงั น้ี Default , _blank , _new , _parent
_self , _top
............................................................................................................................. ...........................
5. การปรบั สีของ Hyperlink ในหนา้ ต่าง Properties แถบ Links (CSS) มอี ะไรบา้ ง
ตอบ – Link Color คือ การระบุสีตัวอกั ษรของลิงกท์ ่ีมีลิงก์ขอ้ มูลทั้งหมด
– Visited Links คือ การระบสุ ีของลงิ กห์ ลังจากคลิกเปดิ การเชือ่ มโยงแล้ว สขี องตัวอักษรจะ
เปลี่ยนเปน็ สที ก่ี าหนดไวใ้ นช่อง Visited Links ตามที่กาหนด
– Rollover Links คอื การระบสุ ีของลิงก์เม่ือวางเมาส์อยบู่ นข้อความลิงก์ สีของตัวอกั ษรจะเปล่ยี นสที ่ีได้
กาหนดในชอ่ ง Rollover Links ตามทีก่ าหนด
– Active Link : คือ การระบุสีของลงิ ก์เม่ือใชเ้ มาส์คลิกทขี่ ้อความลิงก์ สีของตวั อักษรจะเปล่ยี นเปน็ สที ี่
ได้กาหนดไวใ้ นชอ่ ง Active Links ตามท่ไี ด้กาหนดไว้
............................................................................................................................. ...........................
89
แผนการสอน หน่วยท่ี 9
ช่อื วิชา การพฒั นาเวบ็ ไซต์ทางธรุ กิจ สอนคร้ังที่ 15-16
ชื่อหน่วย การเช่ือมโยงและการทดสอบการทางานของเว็บไซต์ ชัว่ โมงรวม 64 ช.
ม.
ชอื่ เรื่อง รจู้ ักกับการเชือ่ มโยงเวบ็ ไซต์ การเช่ือมโยงเว็บไซต์ การตรวจสอบการเชื่อมโยง จานวน 8 ช.ม.
เว็บไซต์
แบบทดสอบหลงั เรยี น
หนว่ ยที่ 9 การเชือ่ มโยงและการทดสอบการทางานของเว็บไซต์
จงทาเครื่องหมาย (X) ทบั ตัวเลอื กทถี่ ูกต้อง
1. การเชือ่ มโยงในข้อใดใชแ้ ทนการเลอ่ื น Scroll Bar
ก. การเชื่อมโยงภายในหนา้ เว็บเดียวกนั
ข. การเชอ่ื มโยงภายในเวบ็ ไซต์
ค. การเชอื่ มโยงภายนอกเว็บไซต์
ง. การเชือ่ มโยงเพื่อสง่ อเี มล์
2. Target ในข้อใดใช้กาหนดการเปดิ หนา้ เวบ็ ที่เชื่อมโยงในหนา้ ต่างเบราวเ์ ซอร์ใหมอ่ ีกหน้าต่าง
ก. _self
ข. _top
ค. _parent
ง. _new
3. คาส่ัง <a href="product.html" target="_self">- สนิ คา้ </a> คอื คาสงั่ ในการเชื่อมโยงแบบใด
ก. การเช่ือมโยงภายในเว็บไซต์
ข. การเชอื่ มโยงภายนอกเวบ็ ไซต์
ค. การเชื่อมโยงเพ่ือส่งอเี มล์
ง. การเช่อื มโยงด้วย Map Link
4. การเชอื่ มโยง โดยพมิ พ์คาว่า http:// แล้วตามดว้ ยช่อื ของเว็บไซต์คอื การเช่ือมโยงในขอ้ ใด
ก. การเชอ่ื มโยงภายในเวบ็ ไซต์
ข. การเช่อื มโยงภายนอกเว็บไซต์
ค. การเช่อื มโยงเพ่ือส่งอีเมล์
ง. การเชอ่ื มโยงด้วย Map Link
5. หากตอ้ งการเชื่อมโยงข้อมูลบนรูปภาพกราฟิกต้องใช้การเช่อื มโยงแบบใด
ก. การเช่อื มโยงภายในเวบ็ ไซต์
ข. การเช่ือมโยงภายนอกเว็บไซต์
ค. การเชอ่ื มโยงเพ่ือสง่ อเี มล์
ง. การเช่อื มโยงดว้ ย Map Link
90
แผนการสอน หน่วยที่ 9
สอนครง้ั ที่ 15-16
ชื่อวิชา การพัฒนาเว็บไซต์ทางธุรกิจ ชว่ั โมงรวม 64 ช.ม.
ชอ่ื หน่วย การเชื่อมโยงและการทดสอบการทางานของเว็บไซต์ จานวน 8 ช.ม.
ช่ือเร่อื ง รู้จักกบั การเช่ือมโยงเวบ็ ไซต์ การเชอ่ื มโยงเว็บไซต์ การตรวจสอบการเชื่อมโยง
เวบ็ ไซต์
6. ขอ้ ใดคือการกาหนดให้ไมแ่ สดงเสน้ ใตท้ ุกครง้ั ทม่ี ีการลงิ ก์เสมอ
ก. Always underline
ข. Never underline
ค. Show underline only on rollover
ง. Hide underline on rollover
7. ข้อใดคือ การระบุสขี องลงิ ก์เมอ่ื ใชเ้ มาสค์ ลิกทีข่ ้อความลิงก์
ก. Link Color
ข. Visited Links
ค. Rollover Links
ง. Active Link
8. การกาหนดคุณสมบตั ใิ ห้กับการลิงกข์ ้อใดไมส่ ามารถทาได้
ก. Title/Encoding
ข. Appearance (CSS)
ค. Appearance (HTML)
ง. Links(CSS)
9. ขอ้ ใดคือคียล์ ัดของการตรวจสอบการเชอ่ื มโยงเว็บไซต์
ก. Ctrl+F5
ข. Ctrl+F2
ค. Ctrl+F1
ง. Ctrl+F8
10. ขอ้ ใดคือลงิ กท์ ่ีผู้ใช้คลิกแล้วไม่สามารถเปิดเวบ็ เพจท่ตี ้องการได้
ก. Broken Link
ข. External Links
ค. Orphaned Files
ง. Canvas Link
91
แผนการสอน หน่วยท่ี 10
ชอ่ื วิชา การพัฒนาเวบ็ ไซต์ทางธุรกจิ สอนคร้ังที่ 17-18
ชือ่ หน่วย การขอพนื้ ท่ีและการอพั โหลดเว็บไซต์ ชว่ั โมงรวม 72 ช.ม.
ชอ่ื เรอื่ ง การขอพ้ืนท่ใี นการอัพโหลดเว็บไซต์ โปรแกรมที่ใช้ในการอัพโหลดเวบ็ ไซต์ จานวน 8 ช.ม.
การอัพโหลดเว็บไซต์
1. สาระสาคญั
หลังจากท่ีได้สร้างเว็บไซต์ รู้จักกับการเชื่อมโยงเว็บไซต์ การเช่ือมโยงเว็บไซต์การตรวจสอบการเช่ือมโยง
เว็บไซต์เสร็จและเตรียมพร้อมไฟลข์ อ้ มูลตา่ ง ๆ ของเวบ็ ไซต์เสรจ็ เรียบร้อยแลว้ ในหนว่ ยนีเ้ น้ือหาจะประกอบไปด้วย
การขอพ้ืนที่ในการอัพโหลดเว็บไซต์ โปรแกรมท่ีใช้ในการอัพโหลดเว็บไซต์ การอัพโหลดเว็บไซต์ เพื่อเผยแพร่และ
นาเสนอเว็บไซตต์ อ่ ไป
2. หัวเรอื่ ง/รายการสอน/สาระการเรียนรู้
10.1 การขอพืน้ ที่ในการอพั โหลดเว็บไซต์
10.2 โปรแกรมท่ีใช้ในการอัพโหลดเวบ็ ไซต์
10.3 การอัพโหลดเว็บไซต์
3. สมรรถนะอาชพี ประจาหน่วย
แสดงความร้เู กี่ยวกบั การขอพืน้ ทแี่ ละการอัพโหลดเว็บไซต์
4. จดุ ประสงคก์ ารเรยี นรู้
จุดประสงคท์ ่ัวไป
1. บอกการขอพื้นทใ่ี นการอัพโหลดเวบ็ ไซต์ได้
2. บอกโปรแกรมทใี่ ชใ้ นการอัพโหลดเวบ็ ไซตไ์ ด้
3. อพั โหลดเวบ็ ไซตไ์ ด้
จดุ ประสงค์เชิงพฤตกิ รรม
1. สามารถบอกการขอพ้นื ทีใ่ นการอัพโหลดเวบ็ ไซต์ได้
2. สามารถบอกโปรแกรมท่ีใช้ในการอพั โหลดเว็บไซตไ์ ด้
3. สามารถอัพโหลดเวบ็ ไซต์ได้
92
แผนการสอน หน่วยที่ 10
สอนครั้งที่ 17-18
ชือ่ วิชา การพัฒนาเว็บไซต์ทางธรุ กิจ ชวั่ โมงรวม 72 ช.ม.
ชอื่ หน่วย การขอพืน้ ที่และการอัพโหลดเว็บไซต์
จานวน 8 ช.ม.
ชอ่ื เร่ือง การขอพน้ื ทใ่ี นการอัพโหลดเว็บไซต์ โปรแกรมที่ใช้ในการอัพโหลดเว็บไซต์
การอัพโหลดเวบ็ ไซต์
4. การบรู ณาการหลกั ปรัชญาของเศรษฐกจิ พอเพียง
เง่อื นไขความรู้ เงือ่ นไขคณุ ธรรม
1. มคี วามอดทน
แสดงความรู้เกยี่ วกับการขอพื้นที่และการ 2. มคี วามขยนั
อพั โหลดเว็บไซต์ 3. มคี วามรบั ผิดชอบ
4. มคี วามมวี นิ ยั ในการเรยี น
5. มีจริยธรรมในการเรยี นคอมพวิ เตอร์
พอประมาณ
1.จานวนผเู้ รยี น
2. ระยะเวลาในการเรยี นการสอน
3. การใชท้ รพั ยากรร่วมกัน
มีเหตผุ ล มีภมู ค้มุ กัน
1. ลดเวลาในการปฏบิ ัตงิ าน 1. ประหยดั ค่าใช้จา่ ย
2. ประมาณการเหตกุ ารณต์ ่าง ๆ 2. มีความรอบคอบในการทางาน
3.ลดขั้นตอนในการทางาน
4. เข้าใจงานและระบบการทางาน
สงั คม วัฒนธรรม
1. สรา้ งความสัมพนั ธ์ท่ีดใี นกล่มุ ผู้เรียน 1. มีมรรยาทในการเรียน
2. ชว่ ยเหลอื กนั ในการทางานใหต้ รงเวลา 2. มีสมั มาคาระต่อครูผสู้ อนและผู้อาวโุ สกวา่
3. มคี วามรบั ผิดชอบในการใชเ้ คร่ืองคอมพิวเตอร์
สิง่ แวดล้อม สมดุล/พร้อมรับการเปลยี่ นแปลง
1. รักษาความสะอาดในหอ้ งเรยี น ใชเ้ คร่อื งคอมพิวเตอรท์ มี่ ีให้คุ้มคา่ และเป็น
2. ดูแลรกั ษาเคร่ืองคอมพิวเตอรใ์ หส้ ะอาดเสมอ ประโยชนส์ งู สุดต่อผเู้ รยี น
3. ปดิ ไฟ ปดิ เครอ่ื งเม่ือเลกิ ใชง้ าน
ศาสตรพ์ ระราชา
หลักการทรงงาน ศาสตร์สากล ศาสตร์ภมู ปิ ัญญา
1. การมีสว่ นรว่ ม 1. ความมีเหตผุ ล 1. รกั ษาส่ิงแวดล้อม
2. ประยกุ ตก์ ารเรยี นรู้ท่หี ลากหลาย
2. ศึกษาขอ้ มลู อย่างเปน็ ระบบ 2. รอบรู้
3. .พรอ้ มปรับเปลี่ยนตามสถานการณ์
3. ทางานอยา่ งมคี วามสุข 3. มสี ติ
93
แผนการสอน หน่วยท่ี 10
สอนครัง้ ที่ 17-18
ช่อื วิชา การพฒั นาเวบ็ ไซต์ทางธุรกิจ ชวั่ โมงรวม 72 ช.ม.
ชือ่ หน่วย การขอพื้นที่และการอพั โหลดเวบ็ ไซต์
จานวน 8 ช.ม.
ชื่อเร่ือง การขอพ้นื ที่ในการอัพโหลดเวบ็ ไซต์ โปรแกรมทใี่ ชใ้ นการอัพโหลดเวบ็ ไซต์
การอัพโหลดเว็บไซต์
6. กิจกรรมการเรียนการสอน
ขั้นตอนการสอนหรอื กจิ กรรมของครู
ขั้นเตรยี มการ
1. ครูเตรียมเอกสารการสอน Power point การสอน
2. ครเู ชค็ ชอื่ การเขา้ ห้องเรียน
3. นักเรียนตรวจสอบอปุ กรณภ์ ายในหอ้ งเรียน
ข้นั นา
1. ครสู อบถามความรู้พืน้ ฐานเก่ียวกบั การอัพโหลดเวบ็ ไซต์และสอบถามแลกเปลย่ี นเรยี นรกู้ ับผเู้ รยี นถึง
การเตรยี มไฟลเ์ วบ็ ไซต์ในการอัพโหลด ปญั หาที่อาจจะเกิดขน้ึ ในการอพั โหลดเวบ็ ไซต์ และแนวทาง
การแก้ไขปัญหาต่าง ๆ เพอื่ ให้ผเู้ รียนสามารถแก้ไขปัญหาได้ด้วยตนเอง
ขน้ั สอน
ทฤษฎี
ครูผูส้ อนสาธติ วธิ กี ารขอพน้ื ท่ีในการอัพโหลดเว็บไซต์ การติดตัง้ โปรแกรมท่ีใช้ในการอพั โหลดเวบ็ ไซต์
การอัพโหลดเวบ็ ไซต์ และบนั ทกึ วิธกี ารปฏบิ ัตงิ านเผยแพร่ใหผ้ ูเ้ รยี นทบทวนเนื้อหาการเรียนร้ผู า่ น
เวบ็ ไซต์ www.kruwipawee.com
ปฏิบตั
1. ผูส้ อนให้ผเู้ รียนทาแบบทดสอบก่อนเรียน
2. ผู้สอนให้ผ้เู รยี นทา ใบงานท่ี แบบฝกึ หดั หน่วยที่ 10 ใบงานท่ี 10 การขอพื้นทแี่ ละการอพั โหลด
เว็บไซต์ ผ้สู อนใหผ้ ู้เรยี นทาแบบฝกึ หัด หน่วยที่ 10
3. ผูส้ อนใหผ้ ู้เรียนทาแบบทดสอบหลงั เรยี น
4. ผ้สู อนใหผ้ ู้เรยี นปฏบิ ตั ติ ามเน้ือหาท่คี รูสาธติ โดยให้สมัครขอพ้ืนที่ฟรี เม่ือสมัครเสรจ็ เรียบรอ้ ยแลว้ ให้
ทาการอัพโหลดเวบ็ ไซตเ์ พื่อเผยแพร่ สง่ ลงิ กท์ ่ีทาการเผยแพร่ผา่ นกลมุ่ รายวชิ าเพอื่ ใหผ้ สู้ อนบนั ทกึ
ความกา้ วหนา้ ของงาน และสรปุ ผลการปฏบิ ตั งิ านก่อนทาการสอบภาคปฏบิ ัตติ อ่ ไป
ข้ันสรุป
1. ผูส้ อนและผเู้ รยี นรว่ มกันสรุปเน้ือหาท่ีได้เรยี นให้มีความเขา้ ใจในทศิ ทางเดยี วกนั
2. ผู้สอนให้ผเู้ รียนศกึ ษาเพ่ิมเติมนอกห้องเรียน ดว้ ยบทเรียนช่วยสอนท่ีจัดทาขึน้
7. สอ่ื และแหล่งการเรียนรู้
1. หนังสอื เรียนวชิ า การสรา้ งเว็บไซต์
2. แบบประเมนิ ผลการเรยี นร้กู ่อนเรยี น/หลงั เรยี นพร้อมเฉลย
ส่ือการสอน Power Point หน่วยการเรยี นรูท้ ่ี 10
3. ส่อื การสอน www.kruwipawee.com
94
แผนการสอน หน่วยที่ 10
ชอ่ื วิชา การพัฒนาเวบ็ ไซต์ทางธุรกิจ สอนครัง้ ท่ี 17-18
ชือ่ หน่วย การขอพ้ืนท่ีและการอพั โหลดเวบ็ ไซต์ ช่ัวโมงรวม 72 ช.ม.
ชือ่ เร่อื ง การขอพื้นทีใ่ นการอัพโหลดเว็บไซต์ โปรแกรมที่ใช้ในการอัพโหลดเว็บไซต์ จานวน 8 ช.ม.
การอัพโหลดเว็บไซต์
8. วัดและประเมินผล
8.1 เครอื่ งมือประเมนิ
8.8.1 ตรวจแบบประเมินผลการเรยี นรู้ก่อนเรียน
8.1.2 สังเกตพฤติกรรมการปฏิบตั ิงาน
8.2 เกณฑก์ ารประเมิน
เกณฑ์การประเมิน ตามแบบทดสอบประจาหนว่ ยและแบบประเมินชิ้นงาน
เกณฑ์การประเมนิ ผลการประเมิน
ระดบั คะแนน ร้อยละ 80-100 ระดับดีมาก
ระดับคะแนน รอ้ ยละ 70-79 ระดบั ดี
ระดับคะแนน รอ้ ยละ 60-69 ระดบั ปานกลาง
ระดับคะแนน รอ้ ยละ 50-59 ระดบั ผา่ นเกณฑ์
ระดบั คะแนน ต่ากว่า รอ้ ยละ 50 ไมผ่ า่ นเกณฑ์การประเมนิ
หมายเหตุ คะแนนในการประเมิน มีคะแนนเต็มเทา่ กับ 5 คะแนน
95
แผนการสอน หน่วยที่ 10
ช่ือวิชา การพฒั นาเว็บไซต์ทางธุรกิจ สอนครั้งท่ี 17-18
ชอื่ หน่วย การขอพ้นื ท่ีและการอพั โหลดเวบ็ ไซต์ ชั่วโมงรวม 72 ช.ม.
ชอ่ื เรอื่ ง การขอพน้ื ที่ในการอัพโหลดเว็บไซต์ โปรแกรมทใี่ ชใ้ นการอัพโหลดเว็บไซต์ จานวน 8 ช.ม.
การอัพโหลดเว็บไซต์
10.1 การขอพน้ื ท่ีในการอัพโหลดเวบ็ ไซต์
การขอพ้ืนที่ในการอัพโหลดไฟล์เว็บไซต์ (Web Hosting ) คือ พ้ืนท่ีสาหรับเก็บข้อมูลเว็บไซต์บน
อินเทอร์เน็ตโดยต้องจดทะเบียนเพื่อสารองพ้ืนท่ีไว้ สาหรับอัพโหลดไฟล์เว็บไซต์ท่ีได้ออกแบบไว้ไปเก็บไว้ที่ Web
Hosting ซึ่งจะทาให้คอมพิวเตอร์เคร่ืองอ่ืนสามารถ เปิดชมเว็บไซต์ได้ผ่านระบบอินเทอร์เน็ต มี 2 แบบให้เลือกใช้
งาน คอื แบบเสียคา่ ใชจ้ า่ ย และแบบให้บรกิ ารฟรี ซ่งึ มีขอ้ แตกต่างกันดังน้ี
10.1 Web Hosting แบบเสียคา่ ใชจ้ า่ ย จะเป็นพื้นทเ่ี หมาะกบั เว็บไซต์ที่ต้องการความน่าเชื่อถือ
เชน่ เว็บไซตห์ น่วยงาน เว็บไซต์ขายสินคา้ เวบ็ ไซตบ์ ริษัท หรอื เว็บไซต์ใหบ้ ริการตา่ ง ๆ เนื่องจากสามารถใชช้ ือ่
Domain Name ที่จดทะเบยี นไวไ้ ด้ โดยรองรบั ระบบฐานข้อมูล และภาษาสคริปต์ ต่างๆ หรอื Free E-mail
Hostingประเภทน้ีจะมีทีมงานท่ีคอยดูแลระบบ Server เพื่อใหม้ ีความเสถยี รในการทางาน
10.1.2 Web Hosting แบบใหบ้ รกิ ารฟรี เป็น Host ทเ่ี หมาะกับเว็บไซต์ทอี่ อกแบบ เพ่อื
การศกึ ษาทดลองที่ไม่หวงั ผลทางธุรกิจ มขี ้อจากัดในการใช้งาน เชน่ ให้พนื้ ที่นอ้ ยไม่มี E-mail และมักจะมีป้าย
โฆษณาบนเว็บไซต์ให้อัตโนมตั ิ
10.2 โปรแกรมทใี่ ช้ในการอัพโหลดเว็บไซต์
FTP ย่อมาจาก File Transfer Protocol คือ โปรโตคอลเครือข่ายชนิดหนึ่ง ถูกนาใช้ในการถ่ายโอน
ไฟล์ ระหว่างเคร่ืองคอมพิวเตอร์ การถ่ายโอนไฟล์ระหว่าง ไคลเอนต์ (client) กับเครื่องคอมพิวเตอร์ท่ีเป็นแม่ข่าย
เรยี กวา่ Hosting หรือ Server ซึง่ ทาใหก้ ารถา่ ยโอนไฟล์งา่ ยและปลอดภัย การใช้ FTP ท่พี บบ่อยสุด เชน่ การดาวน์
โหลดไฟล์จากอินเทอร์เน็ต ความสามารถในการถ่ายโอนไฟล์ ทาให้ FTP เป็นสิ่งจาเป็นเมื่อสร้างเว็บไซต์เสร็จ
เรียบร้อยแล้ว โดยท่ีการติดต่อกันทาง FTP จะต้องติดต่อผ่าน Port 21 ซ่ึงก่อนท่ีจะเข้าใช้งานได้นั้น จะต้องเป็น
สมาชิกและมีชื่อผู้เข้าใช้ (User) และ รหัสผู้เข้าใช้ (password) ก่อน โปรแกรมที่นิยมใช้ในการถ่ายโอนไฟล์ข้อมูล
ไดแ้ ก่ โปรแกรม FileZilla CuteFTP หรือ WSFTP เป็นตน้
FTP แบง่ เปน็ 2 สว่ น
1. FTP server เป็นโปรแกรมทถี่ ูกตดิ ตง้ั ไว้ที่เครื่องเซิฟเวอร์ ทาหน้าท่ใี ห้บรกิ าร FTP หากมีการ
เชือ่ มต่อจากไคลแอนเขา้ ไป
2. FTP client เปน็ โปรแกรม FTP ทถี่ ูกตดิ ต้ังในเครื่องคอมพิวเตอร์ของ user ทัว่ ๆ ไป ทาหน้าท่ี
เชอ่ื มต่อไปยงั FTP server และทาการอัพโหลด ดาวนโ์ หลดไฟล์ หรือ จะสงั่ แก้ไขช่ือไฟล์ ลบไฟล์ และเคล่ือนยา้ ย
ไฟล์ก็ได้เช่นกัน
10.3 การอัพโหลดเวบ็ ไซต์
เม่ือขอพ้ืนที่ (Web Hosting) เพ่ืออัพโหลดเว็บไซต์บนระบบอินเทอร์เน็ตเรียบร้อยแล้วขั้นตอนต่อไป
คอื การโอนข้อมูลไปยังพื้นท่ีทีไ่ ด้ขอไว้ โปรแกรมที่ใช้ในการอัพโหลดไฟล์ได้แก่ SSH Secure Shell, FileZilla เป็น
ต้น เว็บไซต์ที่ใช้พ้ืนที่ฟรีส่วนใหญ่โปรแกรมท่ีสามารถถ่ายโอนไฟล์ข้อมูลได้ส่วนใหญ่คือ โปรแกรม FileZilla ซ่ึงมี
สามารถดาวนโ์ หลดมาติดตง้ั ฟรีได้
96
แผนการสอน หน่วยที่ 10
ชือ่ วิชา การพัฒนาเว็บไซต์ทางธุรกจิ สอนครงั้ ที่ 17-18
ชอ่ื หน่วย การขอพน้ื ท่ีและการอัพโหลดเว็บไซต์ ช่ัวโมงรวม 72 ช.ม.
ช่อื เรือ่ ง การขอพนื้ ทีใ่ นการอัพโหลดเว็บไซต์ โปรแกรมทใ่ี ชใ้ นการอัพโหลดเว็บไซต์ จานวน 8 ช.ม.
การอัพโหลดเว็บไซต์
10.3.2 การอัพโหลดเว็บไซต์
เม่อื ติดต้งั โปรแกรม FileZilla เสรจ็ เรียบร้อยแลว้ ขั้นตอนการอัพโหลดไฟลเ์ วบ็ ไซต์ มีดังนี้
1. เปดิ โปรแกรม FileZilla ข้ึนมา กรอกขอ้ มลู การใช้งานเวบ็ ไซต์ท่ีไดจ้ ากการสมัครพ้นื ที่ คลกิ ปุ่ม
Quickconnect โปรแกรมจะทาการเชื่อมต่อไปยัง Hosting หลังจาก FTP เข้ามาใน Server จะพบว่า ด้านซ้าย
ของโปรแกรม คือ สว่ นของ Computer/Desktop และ ดา้ นขวาของโปรแกรม คือสว่ นของ Hosting
1
Computer/Desktop Hosting
2. คลิกเลือกไฟลท์ ้งั หมด คลกิ ขวา Upload ไฟล์ โปรแกรมจะทาการอัพไฟลไ์ ปยงั ฝัง่ Hosting
3. โปรแกรมจะแสดงสถานะการถ่ายโอนไฟล์ข้อมลู เม่ือถ่ายโอนไฟลข์ ้อมลู หมดโปรแกรมจะ
แสดง Successful transfers พรอ้ มบอกจานวนไฟล์ขอ้ มูลทีไ่ ดถ้ ่ายโอนสาเร็จ
4. เม่อื อัพโหลดเสร็จเรยี บรอ้ ยแลว้ สามารถเข้าไปดูเว็บไซต์ได้ที่ blossomtea.eu5.org หากต้องการ
แก้ไขไฟล์สามารถดาวน์โหลด (Download) ไฟล์ทต่ี ้องการแกไ้ ขมาแกไ้ ขแลว้ อัพโหลดไปแทนทไ่ี ฟลเ์ ดิมได้
97
แผนการสอน หน่วยท่ี 10
ชื่อวิชา การพัฒนาเวบ็ ไซต์ทางธรุ กิจ สอนครัง้ ท่ี 17-18
ชอื่ หน่วย การขอพ้ืนท่ีและการอพั โหลดเวบ็ ไซต์ ชวั่ โมงรวม 72 ช.ม.
ช่อื เรอ่ื ง การขอพ้นื ท่ีในการอัพโหลดเว็บไซต์ โปรแกรมท่ใี ช้ในการอัพโหลดเวบ็ ไซต์ จานวน 8 ช.ม.
การอัพโหลดเวบ็ ไซต์
ใบงานที่ 10 การขอพ้ืนทแ่ี ละการอพั โหลดเวบ็ ไซต์
คาชแ้ี จง : ให้นกั เรียนฝกึ ปฏิบัตติ ามเน้อื หาทีไ่ ดเ้ รยี นในหน่วยที่ 10 การขอพ้นื ทแ่ี ละการอัพโหลดเวบ็ ไซต์
ดังตอ่ ไปนี้
1. ใช้อนิ เทอรเ์ นต็ สบื คน้ ข้อมูลและสมัครขอพื้นท่ีฟรีจากเวบ็ ไซตใ์ ดก็ได้
2. ตดิ ตง้ั โปรแกรม FileZilla อัพโหลดไฟลเ์ ว็บไซตเ์ พื่อเผยแพร่
3. นาเสนอผลงานเวบ็ ไซต์ หน้าช้ันเรียน
98
แผนการสอน หน่วยที่ 10
ช่ือวิชา การพัฒนาเวบ็ ไซต์ทางธุรกจิ สอนครัง้ ที่ 17-18
ชอื่ หน่วย การขอพนื้ ที่และการอพั โหลดเว็บไซต์ ช่ัวโมงรวม 72 ช.
ม.
ชอ่ื เรอ่ื ง การขอพืน้ ทใ่ี นการอัพโหลดเวบ็ ไซต์ โปรแกรมที่ใช้ในการอัพโหลดเว็บไซต์ จานวน 8 ช.ม.
การอัพโหลดเวบ็ ไซต์
แบบฝกึ หัด หนว่ ยที่ 10 การขอพืน้ ท่ีและการอัพโหลดเว็บไซต์
…………………………………………………………….........................................................................................
คาสง่ั จงตอบคาถามต่อไปน้ีให้ไดใ้ จความสมบรู ณ์
1. Web Hosting หมายถึงอะไร
ตอบ Web Hosting หมายถึง พื้นทส่ี าหรับเกบ็ ข้อมลู เว็บไซต์บนอินเทอรเ์ นต็ โดยต้องจดทะเบยี นเพื่อสารอง
พนื้ ที่ไว้ สาหรับอัพโหลดไฟล์เว็บไซตท์ ่ีไดอ้ อกแบบไวไ้ ปเก็บไวท้ ี่ Web Hosting ซง่ึ จะทาใหค้ อมพิวเตอร์เคร่อื ง
อนื่ สามารถ เปดิ ชมเว็บไซต์ได้ผ่านระบบอินเทอร์เน็ต
.............................................................. ...................................................................................... ....
2. Web Hosting มีกป่ี ระเภท อะไรบ้าง
ตอบ มี 2 แบบให้เลือกใช้งาน คือ แบบเสียคา่ ใช้จ่าย และแบบใหบ้ รกิ ารฟรี
............................................................................................................................. ...........................
3. จงบอกช่ือ Web Hosting แบบฟรแี ละแบบเสียค่าใช้จา่ ยมาอย่างละ 2 เว็บ
ตอบ เวบ็ ไซต์ dragonhispeed (https://dragonhispeed.com/)
เว็บไซต์ HOSTNEVERDIE (https://www.hostneverdie.com)
............................................................................................................................. ...........................
4. จงบอกข้นั ตอนการตดิ ต้ังโปรแกรม FileZilla
ตอบ 1. ดาวนโ์ หลดโปรแกรม https://filezilla-project.org/filezilla_pro.php
2. ดบั เบิลคลิกโปรแกรม FileZilla.exe คลกิ I Agree 3. เลอื ก Options ทต่ี อ้ งการ คลิก Next 4. คลิก
Next 5. คลิก Next 6. โปรแกรมตั้งค่าใหเ้ ลือกจาก Start Menu 7. รอสกั ครู่จนโปรแกรมติดต้ัง
เสร็จ ........................................................................................................................................... .............
5. จงบอกขนั้ ตอนการอัพโหลดเว็บไซตผ์ ่านโปรแกรม FileZilla
ตอบ เปิดโปรแกรม FileZilla ขึน้ มา กรอกข้อมลู การใช้งานเวบ็ ไซต์ที่ไดจ้ ากการสมัครพ้นื ที่ คลิกปมุ่
Quickconnect โปรแกรมจะทาการเชื่อมต่อไปยงั Hosting หลังจาก FTP เขา้ มาใน Server จะพบว่า
ดา้ นซา้ ยของโปรแกรม คือ ส่วนของ Computer/Desktop และ ดา้ นขวาของโปรแกรม คอื สว่ นของ Hosting
คลิกเลอื กไฟล์ทัง้ หมด คลกิ ขวา Upload ไฟล์ โปรแกรมจะทาการอพั ไฟล์ไปยงั ฝ่ัง Hosting โปรแกรมจะ
แสดงสถานะการถ่ายโอนไฟล์ขอ้ มูล เมือ่ ถ่ายโอนไฟล์ข้อมูลหมดโปรแกรมจะแสดง Successful transfers
พร้อมบอกจานวนไฟล์ขอ้ มลู ที่ได้ถ่ายโอนสาเร็จ
.................................................................................................................................................... ....
99
แผนการสอน หนว่ ยที่ 10
ชื่อวิชา การพฒั นาเว็บไซต์ทางธรุ กจิ สอนคร้งั ท่ี 17-18
ชอ่ื หน่วย การขอพ้ืนที่และการอพั โหลดเว็บไซต์ ชัว่ โมงรวม 72 ช.
ม.
ช่ือเร่อื ง การขอพน้ื ที่ในการอัพโหลดเว็บไซต์ โปรแกรมทใี่ ชใ้ นการอัพโหลดเว็บไซต์ จานวน 8 ช.ม.
การอัพโหลดเว็บไซต์
แบบทดสอบหลงั เรยี น
หนว่ ยที่ 10 การขอพ้นื ท่แี ละการอัพโหลดเว็บไซต์
จงทาเครื่องหมาย (X) ทับตวั เลอื กทีถ่ ูกตอ้ ง
1. การขออนญุ าตในการใชพ้ นื้ ที่เพ่ือการศึกษาท่ีไม่หวงั ผลทางธรุ กิจตอ้ งเลอื กใชโ้ ฮสติงแบบใด
ก. แบบเสยี ค่าใชจ้ ่าย
ข. แบบไมเ่ สยี คา่ ใช้จา่ ย
ค. แบบมเี งือนไข
ง. แบบรายเดือน
2. ข้อใดคือโปรแกรมท่สี ามารถอัพโหลดไฟลเ์ ว็บไซต์ได้
ก. Adobe Photoshop
ข. FileZilla
ค. Notepad
ง. TeamViewer
3. การขอพืน้ ทีเ่ พ่ือการอัพโหลด ตอ้ งคานงึ ถงึ ข้อใด
ก. ความเหมาะสมของพ้ืนทีแ่ ละผลกระทบตอ่ การขอใชพ้ ้ืนที่
ข. ผลท่เี กดิ หลงั จากการขอพ้นื ท่ี
ค. ความเสยี หายของการขอพ้ืนที่
ง. ค่าใช้จ่ายในการขอพนื้ ท่ี
4. ขอ้ ใดคือวธิ ีการแก้ไขไฟล์ข้อมูลในเอกสารเวบ็ ไซต์ที่มีการเผยแพร่ผา่ นโปรแกรมเว็บเบราวเซอร์
ก. การสรา้ งไฟล์ใหมม่ าใส่ข้อมลู แล้วอัพโหลดไปแทนท่ีไฟลเ์ ดิม
ข. การดาวน์โหลดไฟล์ท่ีต้องการแกไ้ ขมาแกไ้ ขแล้วอัพโหลดไปแทนที่ไฟลเ์ ดมิ
ค. การดาวนโ์ หลดไฟลท์ ีต่ ้องการแก้ไขมาแก้ไขแลว้ อัพโหลดโดยใชช้ ่ือใหม่
ง. การสร้างไฟล์ใหม่มาใส่ข้อมลู เดิมแลว้ อัพโหลดขน้ึ สู่ Web Server
5. การดงึ ข้อมลู จากเครื่องแมข่ า่ ย (Server) ลงมาเก็บไว้ในเคร่อื งคอมพิวเตอรข์ องผู้ใช้ เรียกว่า
อะไร
ก. Download File
ข. Upload File
ค. Remote File
ง. Transfer File
100
แผนการสอน หน่วยท่ี 10
สอนคร้ังที่ 17-18
ชอ่ื วิชา การพฒั นาเวบ็ ไซต์ทางธุรกิจ ชัว่ โมงรวม 72 ช.ม.
ช่อื หน่วย การขอพืน้ ที่และการอัพโหลดเวบ็ ไซต์ จานวน 8 ช.ม.
ช่ือเร่อื ง การขอพน้ื ที่ในการอัพโหลดเวบ็ ไซต์ โปรแกรมทใ่ี ช้ในการอัพโหลดเวบ็ ไซต์
การอัพโหลดเว็บไซต์
6. ขอ้ ใดคอื ขอ้ เสียของ Web Hosting แบบฟรี
ก. มกั จะมีป้ายโฆษณาบนเวบ็ ไซต์ให้อัตโนมตั ิ
ข. มขี อ้ จากัดในการใช้งาน
ค. ใหพ้ ื้นทนี่ อ้ ยไม่มี E-mail
ง. ถกู ทกุ ข้อ
7. FTP ย่อมาจากอะไร
ก. File Transfer Protocol
ข. File Webserver Protocol
ค. File Transection Protocol
ง. File Transection website Protocol
8. ขอ้ ใดต่อไปนี้ไม่ใช่ไฟล์ทท่ี าหน้าทีถ่ า่ ยโอนข้อมลู
ก. โปรแกรม FileZilla
ข. โปรแกรม CuteFTP
ค. โปรแกรม WSFTP
ง. โปรแกรม SSFTP
9. โปรแกรม FTP ทถี่ กู ตดิ ตง้ั ในเคร่อื งคอมพวิ เตอร์ของ user ทัว่ ๆ เรยี กอีกอย่างหนึ่งวา่
ก. FTP Server
ข. FTP Client
ค. FTP Hosting
ง. FTP Service
10. หากสร้างเวบ็ ไซต์ใหก้ ับหน่วยงานบริษทั ควรเลอื ก Web Hosting แบบใด
ก. แบบเสียคา่ ใชจ้ ่าย
ข. แบบไมเ่ สียค่าใชจ้ ่าย
ค. แบบมเี งือนไข
ง. แบบรายเดือน