การสร้างเว็บเบื้องต้น

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 เป็นตน้