หน่วยการเรียนรู้ที่ 10

หลังจากที่จัดการกับเว็บไซต์ ไม่ว่าจะเป็นตรวจสอบ Broken Link หรือแก้ไขความบกพร่อง
ต่างๆ เรียบร้อยแล้ว ในขั้นตอนต่อไปที่สําคัญคือ การอัพโหลดเว็บไซต์ขึ้นบนอินเทอร์เน็ต โดยมีขั้นตอน
สาํ คญั ไดแ้ ก่ การจดทะเบยี น Domain Name และ Web Hosting ท่ีจะใช้เปน็ ฐานข้อมูลของเว็บไซต์ที่สร้าง
ข้ึนมา โดยทว่ั ไปแล้ว ในระบบอินเทอร์เน็ต เว็บไซต์จะมีหมายเลขประจําตัวของแต่ละเว็บไซต์ เรียกว่า
IP Address เช่น 10.45.159.178 โดยการใช้เป็นชุดตัวเลขในลักษณะนี้อาจทําให้เกิดความสับสนได้
เพราะจํายาก จึงมีการจดทะเบียนที่เรียกว่า Domain Name ขึ้นมา ซึ่งจะเป็นคํา ข้อความหรือตัวอักษร
ธรรมดา ซงึ่ สามารถจําได้ง่ายกว่า เช่น www.google.co.th เป็นตน้

หลักการจดทะเบียน Domain Name ที่ดีนั้นคือชื่อควรสื่อถึงเนื้อหาในเว็บไซต์ กระชับ และ
จดจําได้งา่ ย

ประเภทของ Domain Name
หากสังเกตเว็บไซต์ทั่วไปที่เปิดให้บริการ จะพบได้ว่าแต่ละเว็บไซต์จะลงท้ายไม่เหมือนกัน เช่น

XXX. Com, V.net หรือ 777.co.th เป็นต้น ซึ่งการลงท้ายของชื่อเว็บไซต์แต่ละรูปแบบนั้นจะบ่งบอก
จุดประสงค์ ของแตล่ ะเวบ็ ไซต์ต่างกันไปดงั นี้

.com หรอื .co เปน็ เว็บไซต์เกี่ยวกับธรุ กจิ การคา้ (Commercial)
เชน่ www.microsoft.com, www.adobe.com, www.facebook.com

.edu หรือ .ac เป็นเวบ็ ไซตเ์ ก่ียวกบั การศึกษา (Education)
เช่น www.chula.ac.th, www.ram.edu

.gov หรอื .go เป็นเว็บไซตเ์ ก่ียวกับองคก์ รของรัฐบาล (Government)
เช่น www.rd.go.th, www.nasa.gov

.or หรือ .org เปน็ เว็บไซต์เก่ยี วกับกลุม่ องค์กรณ์ท่ีไมแ่ สวงหาผลประโยชน์ (Organizations)
เชน่ www.ww.or.th, www.tourismthailand.org

นอกจากนี้ การจด Domain Name ในประเทศต่างๆ จะมีตัวอักษรกํากับเพื่อแสดงว่า Domain Name
นัน้ ถกู จดทะเบยี นในประเทศใด เชน่ .us เปน็ เว็บไซต์ทจ่ี ดทะเบียนในประเทศสหรัฐอเมริกา หรือ .th เปน็
เวบ็ ไซต์ทจ่ี ดทะเบยี นในประเทศไทย เป็นต้น

Web Hosting คือพื้นที่บนเครือข่ายอินเทอร์เน็ต ซึ่งต้องมีการจดทะเบียนเพื่อสํารองพื้นที่ไว้
สําหรบั นําเว็บไซต์และไฟลต์ ่างๆ ขนึ้ ไปเก็บไวบ้ น Web Hosting ซึ่งทาํ ให้เครื่องคอมพิวเตอร์เครื่องอื่นๆ
สามารถ เข้าถึงและเปดิ เวบ็ ไซตข์ ึน้ มาดูและใชง้ านได้บนระบบอนิ เทอร์เน็ต
การลงทะเบยี น Web Hosting นัน้ แบง่ ออกเป็น 2 แบบเช่นเดียวกับ Domain Name ดงั น้ี

1. Web Hosting แบบมคี า่ ใช้จ่าย
เป็น Web Hosting ที่เหมาะกับการสร้างเว็บไซต์ที่ต้องการภาพลักษณ์ที่น่าเชื่อถือ เช่น

เว็บไซต์ ขายสินค้า เว็บไซต์ให้บริการต่างๆ เพราะสามารถเลือก Domain Name แบบเสียค่าใช้จ่ายที่จด
ไว้ได้ รวมถึง จะมีระบบทีมงานที่คอยดูแลระบบ Server ทําให้เว็บไซต์มีความเสถียรมากกว่า นอกจากนี้
อาจยังมีบริการเสริมต่างๆ เช่น Free E-mail สําหรับสมาชิก หรือรองรับภาษาสคริปต์ต่างๆ ได้มากกว่า
โดยทวั่ ไป Web Hosting ประเภทนี้มักเรยี กเก็บค่าใช้จ่ายเปน็ รายเดือน

2. Web Hosting แบบไม่มคี า่ ใช้จ่าย
เปน็ Web Hosting ทม่ี ขี อ้ ดีหลัก คือไม่มีค่าใช้จ่ายรายเดือนซึ่งเหมาะกับเว็บไซต์ที่ไม่ได้ หวัง

ผลทางธุรกิจ หรือไม่ได้ต้องการภาพลักษณ์มากนัก ซึ่งโดยทั่วไปแล้ว Web Hosting ประเภทนี้มัก มี
ขอ้ จํากดั อยู่พอสมควร เช่น พืน้ ทีใ่ หบ้ ริการทม่ี ีจาํ กดั หรือมีแบนเนอร์โฆษณาอย่ใู นเว็บ ซง่ึ ลดความน่าเชื่อถือ
ลงไปได้ เป็นสาเหตุที่ทําให้ไม่เหมาะกับเว็บไซต์ประเภทธุรกิจนั่นเอง และอีกข้อหนึ่งที่ต้องพิจารณา คือ
ความน่าเชอื่ ถือของ Hosting ว่าใหบ้ ริการมานานเท่าใด หรอื มคี วามสเถียรภาพหรือไม่เปน็ ต้น Web Hosting
ประเภทนม้ี กั ใหบ้ ริการจดทะเบียนพร้อม Domain Name แบบไม่เสียค่าใช้จ่าย ซึ่งต้องใช้ชื่อที่ลงท้าย ด้วย
ชอื่ ของผู้ให้บรกิ าร

ในกรณีที่ไม่ได้หวังผลทางธุรกิจ หรือความน่าเชื่อมากนักการใช้ Domain Name และ Web
Hosting แบบไม่มีค่าใช้จา่ ยถือวา่ เป็นทางเลอื กทีด่ ี โดยมักมีการใหบ้ ริการทง้ั สองอย่างในที่เดียว
ซึ่งเว็บไซต์ที่ให้บริการ ทั้ง Domain Name และ Web Hosting แบบไม่มีค่าใช้จ่ายที่เป็นที่นิยม ได้แก่
www.000webhost.com โดยมีวธิ กี ารสมคั รและใชบ้ รกิ ารดงั นี้

1. เปดิ เวบ็ ไซต์ www.000webhost.com ขนึ้ มา

2. คลิกท่ีปุ่ม Order Now ในหมวด Free Hosting
3. ระบุชื่อ Domain Name ทีต่ ้องการกรอกรายละเอยี ดตา่ งๆ ได้แก่ ชื่อ อีเมล และรหัสผ่าน
ลงไป
4. กรอกขอ้ ความ แล้วคลกิ เคร่ืองหมาย หน้า I Agree to Terms of Service จากนั้นคลิก Create My
Account
5. เปิดอีเมลท่ีระบไุ วใ้ นการลงทะเบยี น จากนนั้ เปิดอีเมลทไ่ี ดร้ บั จากเว็บผดิ พลาด การอ้างองิ
การเชอื่ มโยงหลายมติ ไิ มถ่ กู ต้องคลกิ ลงิ ก์ทใ่ี หม้ า เพือ่ เปดิ ใชง้ าน Domain Name และ Web Hosting
6.หลังจากนั้น ทางเว็บไซต์จะส่งอีเมลมาอีกฉบับหนึ่ง ซึ่งจะมีรหัสผ่านและ FTPสําหรับอัปโหลด ขึ้น
อนิ เทอร์เน็ต พรอ้ มใชง้ านได้ทันที

หลังจากท่ีเตรยี มจดทะเบียน Domain Name และ Web Hosting รวมถึงตรวจสอบและแก้ไขข้อผิดพลาด
ต่างๆ ในเว็บไซต์ว่าไม่มีปัญหาแล้ว จะเข้าสู่ขั้นตอนที่สําคัญของการทํางาน ได้แก่ การอัพโหลด เว็บไซต์ขึ้นบนระบบ
อนิ เทอรเ์ นต็ โดยมีขน้ั ตอนต่างๆ ดังนี้

การเชอ่ื มตอ่ Dreamweaver กบั Remote Server
จากข้นั ตอนท่ีจดทะเบียน Domain Name และ Web Hosting แลว้ จะได้รบั อีเมล 1 ฉบับ

ทีม่ ขี ้อมลู ทปี่ ระกอบไปด้วย FTP, Username และ Password โดยต้องนาํ ข้อมลู ชุดนีไ้ ปตงั้ ค่ากบั Site
ที่สร้าง ไวใ้ น Dreamweaver โดยมีขน้ั ตอนดังนี้

1. คลกิ ชือ่ ไซตบ์ นพาเนล Files จากนั้นคลิกท่ี Manage Sites
2. คลกิ ปุม่ (Edit the current selected site) เพอ่ื ปรับปรุง Site ทเี่ ลอื ก
3. คลิกเลอื กที่ Servers ทางซา้ ยเพอ่ื ตง้ั ค่า คลิกที่ (Add New Server) เพอ่ื สร้าง Server ใหม่ข้นึ มา

4. ตัง้ คา่ ต่างๆ ของ Server ดงั น้ี เม่อื ตัง้ คา่ เสรจ็ แลว้ คลกิ Save

การกาํ หนด Host Directory
Host Directory คือ ที่อยู่ของ File บน Server ตามที่ Web Hosting กําหนดไว้ให้ โดยส่วนใหญ่ จะ

หมายถึงโฟลเดอร์ชื่อ public html ซึ่งสามารถตรวจสอบได้จากที่เชื่อมต่อระหว่าง Dreamweaver กับ Server
แลว้ ผา่ นพาเนล Files ที่กดปุ่ม Expand to show แลว้ โดยท่ี Host Directory มี 2 รปู แบบ
ดงั นี้
1. Host Directory ทอี่ ยใู่ น Directory เดยี วกับ Public FTP
2. Host Directory ทซ่ี ่อนอยู่ในโฟลเดอรอ์ ่ืน

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

เม่อื Host Directory เปน็ แบบที่ 2 ดังในตวั อยา่ งจะอยใู่ นโฟลเดอร์ /fantasy/public_html จําเปน็ ต้องมีการกาํ หนด
Root Directory ตามขัน้ ตอนดงั นี้
1. คลิกช่ือไซต์บนพาเนล Files จากนัน้ คลิกท่ี Manage Sites
2. คลกิ ปมุ่ (Edit the current selected site ) เพ่ือปรบั ปรงุ site ที่เลอื ก

การเรม่ิ ตน้ อพั โหลดเวบ็ ไซต์
หลังจากที่ต้งั คา่ การเชอ่ื มโยง รวมถึง Host Directory เรยี บรอ้ ยแลว้ ข้นั ตอนตอ่ ไปคือ การอพั

โหลด เวบ็ ไซต์ ซ่งึ สามารถเลอื กไดท้ ้งั การอพั โหลดทล่ี ะไฟล์ หรืออัพโหลดไฟล์ท้งั หมดขึน้ ไปพรอ้ มกนั
โดย การอัพโหลดนี้จะเป็นการคดั ลอกไฟล์จากเคร่ืองคอมพิวเตอรไ์ ปบน Web Server โดยมีข้ันตอนดังนี้
1. คลกิ ปุ่ม (Connect to Remote Server) บนพาเนล Files เพอ่ื เชื่อมต่อกบั Server

1.1 คลิกปมุ่ (Put Files to Server) เพื่อวางไฟลแ์ ละโฟลเดอรไ์ ว้ใน Host Directory บน
Serverโดยในกรณที ไ่ี ม่ได้เลือกไฟล์เจาะจง จะเปน็ การอพั โหลดทง้ั เว็บไซต์

2. ในกรณที ่อี ัพโหลดทงั้ เว็บไซต์ โปรแกรมจะถามว่าตอ้ งการอพั โหลดทัง้ เวบ็ ไซต์หรอื ไม่ คลกิ OK

3. จะเรม่ิ กระบวนการอัพโหลด ซึ่งต้องรอจนกว่าจะเสรจ็ ส้นิ

4. หลังจากที่กระบวนการอัพโหลดเสร็จส้ิน จะเหน็ ว่าโครงสรา้ งฝั่ง Remote Server จะมไี ฟลแ์ ละโฟลเดอร์ท่ี
อพั โหลดไว้ปรากฏขน้ึ มา

5. เมือ่ เปิดเวบ็ ไซต์ด้วย Domain Name ที่จดทะเบยี นไว้ จะพบวา่ เว็บเพจถกู นํามาอัพโหลดเรยี บร้อยแล้ว

การแกไ้ ขไฟลบ์ นเวบ็ ไซต์
เม่ืออัพโหลดไฟลข์ ึ้นไปบนเว็บไซต์แลว้ เมื่อต้องการปรับปรงุ เว็บไซต์ สามารถทําได้ใน

โปรแกรม Dreamweaver จากนั้นจงึ นําขึ้นไปใช้งานบน Web Server โดยมกี ารแกไ้ ขไฟลบ์ นเวบ็ ไซต์ท่ี
สําคญั ดว้ ย วิธีต่างๆ ดงั นี้
การอพั เดตไฟตบ์ นเวบ็ ไซต์

ในกรณีทมี่ กี ารแก้ไขขอ้ มลู บนเวบ็ เพจ และตอ้ งการอพั โหลดไฟลเ์ ดมิ ขึน้ ไปบน Server เพอื่
อพั เดต ใหเ้ ปน็ ไฟล์ทป่ี รบั ปรงุ ลา่ สุดสามารถทาํ ไดด้ ว้ ยขนั้ ตอนดงั นี้

1. คลิกเลอื กไฟล์ทีต่ ้องการอพั โหลดใหม่ และคลกิ ปุ่ม (Put Files to Server) เพ่ือวางไฟล์
และโฟลเดอร์ไว้ใน Host Directory บน Server

2. คลิกปุ่ม Yes เพอื่ อัพโหลดไฟล์ที่เกยี่ วขอ้ งดว้ ย (เช่นไฟล์ CSS รปู ภาพ หรืออน่ื ๆ ทีใ่ ชใ้ นเว็บเพจ)

3. กระบวนการอพั โหลดจะเรม่ิ ตน้ ขึ้น โดยจะแสดงใหเ้ หน็ ว่า มีไฟล์ใดถกู อัพเดตบา้ ง และไฟลใ์ ด
ไม่มกี ารเปล่ียนแปลง ซ่ึงจะไมม่ ีการอปั โหลดเกดิ ข้นึ

การ Synchronize ไฟล์ใหเ้ หมือนกนั
การ Synchronize คอื การตรวจสอบไฟลบ์ นเครื่องคอมพิวเตอรก์ ับบน Web Server วา่ มคี วาม

เหมือนหรือตา่ งกนั ซง่ึ หลงั จากที่ Synchronize แล้ว จะทําใหไ้ ฟลบ์ นเครื่องและ Server เหมอื นกนั โดยการ
Synchronize ไฟล์มขี นั้ ตอนดังนี้

1. คลิกเลอื กไฟลแ์ ละโฟลเดอร์ที่ตอ้ งการ จากน้นั คลิกป่มุ (Synchronize with Remote
Server)

2. เลอื กตัวเลอื กการ Synchronize จากนั้นคลิกป่มุ Preview

โดยมกี ารกาํ หนดคา่ ตา่ งๆ ดังนี้ Synchronize คอื การระบวุ ่าใชไ้ ฟล์หรอื โฟลเดอรใ์ ดบ้าง โดยมี 2 รปู แบบ
ได้แก่

- Selected Local Files Only คอื Synchronize เฉพาะไฟล์และโฟลเดอรท์ เ่ี ลือก
- Entire Site คอื Synchronize ทัง้ เวบ็ ไซต์ รวมถงึ ไฟลท์ ่ยี ังไมไ่ ด้อัพโหลด
- Direction คอื การระบทุ ิศทางของการ Synchronize โดยมี 3 รปู แบบได้แก่
- Put Newer Files คอื อัพโหลดไฟลท์ ี่ใหม่กว่าบนเคร่ืองคอมพวิ เตอรไ์ วบ้ น Server
- Get Newer Files คือ ดาวน์โหลดไฟลท์ ่ใี หม่กว่าบน Server มาไวบ้ นเคร่อื งคอมพิวเตอร์
- Get and Put คอื ทั้งอพั โหลดและดาวน์โหลดไฟล์จากทั้งสองฝงั่ ท่ใี หมท่ ีส่ ุด
3. จะแสดงรายการไฟล์ทีม่ ีความตา่ งกนั ระหวา่ งบนเครอ่ื งคอมพิวเตอร์และบน Server โดยคลกิ ท่ี OK เพ่อื
เรม่ิ ตน้ การ Synchronize ทันที
4. เมอ่ื เสร็จสิน้ แลว้ จะพบว่าโปรแกรมจะ Synchronize ไฟลใ์ ห้ตรงกันตามทต่ี ง้ั คา่ ไวท้ ันที