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

11.7 การเชอ่ื มโยงข้อมูลแบบแมพ (Image Map) สาหรบั การลิงกน์ อกจากจะสามารถลิงกด์ ว้ ยรูปภสพทงั้ ภาพไดแ้ ลว้ ยงั สามารถ เลือกสรา้ งลงิ กด์ ว้ ยภาพเฉพาะสว่ นท่ีตอ้ งการไดด้ ว้ ยวิธี Image Map ซง่ึ เรยี กสว่ นท่ี สรา้ งลงิ กน์ นั้ วา่ ฮอตปอต (Hotspot) ซง่ึ ลงิ กใ์ นลกั ษณะนีจ้ ะใชก้ บั รูปแผนท่ี 11.8 การเพม่ิ คุณลักษณะพเิ ศษในการเชื่อมโยงข้อมูล การเพ่มิ คณุ ลกั ษณะพเิ ศษในการเช่ือมโยงขอ้ มลู ดว้ ยหนา้ ตา่ ง Page Properties ทาใหส้ ามารถเพ่มิ คณุ สมบตั ิในการเช่ือมโยงใหก้ บั ขอ้ มลู เช่น การเปล่ยี น สีของลิงก์ การกาหนดรูปแบบของลงิ ก์ เป็นตน้ 1.เปิดหนา้ เวบ็ เพจท่ีตอ้ งการปรบั แตง่ 2.ไปท่ี Menu เลอื ก Modify > Page Properties 3.จะมหี นา้ ตา่ ง Page Properties ขนึ้ มา 4.ท่ี หนา้ ตา่ ง Page Properties เลือกแทบ็ Link (CSS) 5.จะมีคณุ สมบตั ใิ หป้ รบั แต่งไดแ้ ก่ Link font, Size,Link color,Rollover links,Visited links,Active links และ Underline style 6.คลิก OK 11.9 การตรวจสอบการเชื่อมโยงในเวบ็ ไซต์ การตรวจสอบลงิ ก์ เป็นการตรวจสอบองคป์ ระกอบไฟลต์ น้ ทางของลิงกว์ า่ มกี าร เคลื่อนยา้ ย ขอ้ มลู ไปไฟลอ์ ่ืนหรอื ไม่ หากมีการเคลอื่ นยา้ ยไฟลอ์ อกจากตาแหนง่ เดิมท่ี เคยอยู่ อาจทาใหก้ ารแสดงผลของรูปภาพไมส่ ามารถแสดงผลรูปภาพได้ ถา้ ไดอ้ พั โหลดเว็บไซตเ์ พ่ือเผยแพรผ่ า่ น เว็บไซตแ์ ลว้ จะไมป่ รากฏภาพท่ีกาหนดใหแ้ สดงออก มา การเปรยี บเทียบการแสดงผลของขอ้ มลู ปกตกิ บั การแสดง ผลของไฟลข์ อ้ มลู ท่ีมี การเคลอื่ นยา้ นไฟลไ์ ปเก็บยงั ท่อี ่ืนทาใหก้ ารแสดงผลผิดพลาดจากเดิม รวมทงั้ หากมี

การยา้ ย ไฟลข์ อ้ มลู ไปยงั ไฟลอ์ ่ืนจะทาใหก้ ารลิงกเ์ ช่ือมโยง ขอ้ มลู ผิดพลาดไปจากเดิม ดงั แบบท่ี 1 การแสดงผลจะพบ ไฟลป์ กติ แตแ่ บบท่ี 2 ไฟลร์ ูปภาพและการลิงกจ์ ะไม่ แสดง ตามท่กี าหนดเอาไวใ้ นโปรแกรม Adobe Dreamweaver CS6 หน่วยที่ 12 การอัพโหลดเวบ็ ไซตส์ ู่อนิ เทอรเ์ น็ต 12.1 ทาความรู้จักกบั เครื่อง Server ทใ่ี หบ้ ริการข้อมูลในเวบ็ ไซต์ ในระบบอินเทอรเ์ น็ตคอื การเช่ือมตอ่ คอมพวิ เตอรเ์ ขา้ ดว้ ยกนั โดยจะเรยี ก คอมพิวเตอรท์ ่เี ช่ือตอ่ กบั เครอื ข่ายตลอดเวลาวา่ Host หรอื เครอ่ื งแมข่ ่าย ซง่ึ จะทา หนา้ ท่ีคอยใหบ้ รกิ าร (Server) จ่ายขอ้ มลู ตา่ ง ๆ ทาใหบ้ างครงั้ เรยี กเครอ่ื งคอมพิวเตอร์ เหลา่ นีว้ า่ เครอ่ื ง เซิรฟ์ เวอ่ ร์ (Server) คอื เคร่อื งแมข่ า่ ยท่ีทาหนา้ ท่ีใหบ้ รกิ ารในระบบ เครอื ขา่ ยแก่ลกู ข่าย ซง่ึ ใหบ้ รกิ ารผใู้ ชอ้ ีกทีหนง่ึ โดยเคร่อื งคอมพวิ เตอรท์ ่ที าหนา้ ท่ีเป็น เคร่อื งเซิรฟ์ เวอ่ รจ์ ะตอ้ งเป็นเครอ่ื งท่มี ี ประสทิ ธิภาพสงู มีความเสถียร สามารถ ใหบ้ รกิ ารแกผ่ ใู้ ชจ้ านวนมากภายในเซริ ฟ์ เวอ่ รใ์ หบ้ รกิ ารไดด้ ว้ ยโปรแกรมบรกิ าร ซง่ึ ทางานอยบู่ นระบบปฏิบตั กิ ารอีกชนั้ หน่งึ ซง่ึ เซิรฟ์ เวอ่ รท์ ่ใี หบ้ รกิ ารเก่ียวกบั เวบ็ ไซต์ เรยี กวา่ Web Server ซง่ึ ในการทางานเก่ียวกบั เว็บ ตวั Web Server จะสง่ ขอ้ มลู (Web Page) ท่ไี ดส้ รา้ งขนึ้ มาใหก้ บั เคร่อื งคอมพวิ เตอรเ์ คร่อื งอ่ืนท่ีขอขอ้ มลู วา่ เครอ่ื งใด ท่เี ป็น Web Server ของ WWW.Webphone.com และเม่ือเจอเคร่อื งนนั้ แลว้ ก็จะเปิด ไฟล์ Home Page (index) ขนึ้ มาแสดง

12.2 การเลือกใช้บริการพนื้ ทเ่ี พอื่ เผยแพร่เวบ็ ไซตส์ ู่อนิ เทอรเ์ น็ต เม่ือการสรา้ งเว็บไซตเ์ สรจ็ เรยี บรอ้ ยแลว้ หลงั จากนนั้ จะตอ้ งหา Server เพ่ือนา เวบ็ เผยแพรข่ นึ้ สรู่ ะบบอินเทอรเ์ นต็ โดยปกตหิ ากเป็นองคก์ รขนาดกลางหรอื ขนาด ใหญ่ จะมี Server เป็นของตนเองและมีบคุ ลากรท่ีดแู ลระบบ Server ซง่ึ เรยี กบคุ คล นนั้ วา่ Administrator หรอื เรยี กสนั้ ๆ วา่ Admin หรอื บางทเี รยี กวา่ Webmaster ซง่ึ จะทาหนา้ ท่ีในการบรหิ าร จดั การ Server ใหส้ ามารถทางานไดต้ ลอด 24 ชม. โดยไม่ ลม่ หากมปี ัญหาเก่ียวกบั ระบบตอ้ งรบี แกไ้ ขทนั ที และนอกจากนีย้ งั มีหนา้ ท่ีในการทา การจดั สรรทรพั ยากรใหแ้ ก่เว็บตา่ ง ๆ เช่น การจดั การเก่ียว IP , DNS ตลอดจนระบบ บรกิ ารตา่ ง ๆ เช่น ระบบฐานขอ้ มลู ระบบอเี มล เป็นตน้ 12.3 หลกั การเลือกใช้ Domain Name System Domain Name เกิดขนึ้ มาดว้ ยวตั ถปุ ระสงคท์ ่จี ะช่วยใหผ้ ทู้ ่ใี ชง้ านสามารถ เขา้ ถงึ หรอื เรยี กไปยงั Host ท่ตี อ้ งการไดง้ ่าย โดยใชช้ ่ือท่ีสามารถจาไดง้ า่ ย แทนท่ีจะ จาตวั เลข IP Address จานวน16 หลกั ซง่ึ ยากแก่การจดจา จงึ ตอ้ งใชช้ ่ือ Domain Name แทนในการเรยี ก และเขา้ สหู่ นา้ เวบ็ ไซต์ ปัจจบุ นั การจดโดเมนเนมมีทางเลือก ทงั้ แบบโดเมนเนมจรงิ และเป็น Subdomain ซง่ึ แตกตา่ งกนั คือ โดเมนเนมจรงิ จะมี

ช่ือตามดว้ ย นามสกลุ เช่น wooWebphone.com โดยสามารถตงั้ ช่ือและจดทะเบียน กบั ผใู้ หบ้ รกิ ารไดห้ ากโดเมนเนมไมซ่ า้ กบั ผทู้ ่มี ีการจดทะเบยี นไปแลว้ การตงั้ ช่ือโดเมน เนมใชอ้ กั ษรภาษาองั กฤษ a-z โดยไมค่ านงึ วา่ เขียนตวั ใหญ่หรอื ตวั เล็ก ใชต้ วั เลข 0-9 และใช้ – ไดเ้ ทา่ นนั้ 12.4 การสมัครขอใช้พนื้ ทฝี่ ากเว็บไซต์ การสมคั รขอใชพ้ ืน้ ท่ฝี ากเว็บไซตน์ นั้ โดยใชบ้ รกิ าร Web Hosting มี 2 แบบ คอื การขอเชา่ พนื้ ท่ใี นเคร่อื งบรกิ ารเว็บโดยเสยี คา่ บรกิ าร และการขอพืน้ ท่ีในเครอ่ื งบรกิ าร เว็บโดยไมเ่ สียค่าบรกิ าร 12.5 การอัพโหลดข้อมูลขึน้ สู่เครื่อง Web Server การถ่ายโอนไฟล์ คือ การโอนยา้ ยฟม้ ขอ้ มลู จากเครอ่ื งคอมพิวเตอรร์ ะบบหนง่ึ มายงั เคร่อื งแมข่ า่ ย (Web Server) ผา่ นเครอื ขา่ ย สามารถทาไดห้ ลายรูปแบบ เชน่ การโอนจากแมข่ ่าย (Web Server) มายงั เคร่อื งพีซี หรอื เคร่อื งพีซีไปแมข่ า่ ยหรอื ระหวา่ งแมข่ ่ายดว้ ยกนั เอง การถา่ ยโอนแฟ้มขอ้ มลู หรอื การโอนยา้ ยแฟ้มขอ้ มลู การ โอนยา้ ยสามารถแบง่ ได้ ดงั นี้ 1.การดาวนโ์ หลดไฟล์ (Download File) หมายถงึ การรบั ขอ้ มลู จากเคร่อื งแม่ ข่าย (Server) ลงมาเก็บไวใ้ นเคร่อื งคอมพวิ เตอรข์ องผใู้ ช้ 2.การอปั โหลดไฟล์ (Upload File) หมายถงึ การนาไฟลข์ อ้ มลู จากเคร่อื งของ ผใู้ ชข้ นึ้ ไปเก็บไวใ้ น เครอ่ื งท่ีใหบ้ รกิ าร (Server) ผา่ นระบบอินเทอรเ์ น็ต ในการสรา้ ง เวบ็ ไซตจ์ ะมีการอปั โหลด ไฟลเ์ วบ็ ไซตใ์ นเครอ่ื งไปเกบ็ ไวใ้ นเคร่อื งบรกิ ารเว็บไซต์ (Web Server) ท่ขี อใชบ้ รกิ ารพืน้ ท่ี (Web Server) โปรแกรมท่ีชว่ ยในการอปั โหลด ไฟล์ เช่น FTP Commander WS_FTP , CuteFTP , SSH Secure Shell transfer client เป็นตน้