การสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ โรงเรยนเลยอนกลวทยา อ.เมอง จ.เลย

ใบความรท 1.2 เวลด ไวด เวบ (World Wide Web)

เกรดความรเรอง เวลด ไวด เวบ

บรการ เวลด ไวด เวบ หรอเวบ (Web - WWW) เปนบรการหนงของอนเทอรเนตทใช ร ป แ บ บ ก า ร น า เ ส น อ ข อ ม ล ใ น ล ก ษ ณ ะ ห น า ก ร ะ ด า ษ อ เ ล ก ท ร อ น ก ส ห ร อ ร ป แ บ บไฮเปอรเทกซ (Hypertext) โดยสามารถคลกทจดเชอมโยงไปยงขอมลตาง ๆ ในลกษณะของตวอกษร ภาพนง ภาพเคลอนไหว และเสยงทตองการไดในทนท อกทงยงสามารถเชอมโยงกลบไปมาเหมอนการเปดอานหนงสอหลายๆ หนา หลายๆเลมในเวลาเดยวกน นอกจากนเวลดไวดเวบยงไดผนวกบรการอนๆของอนเทอรเนต เชน Ftp เปนตน จดเรมตนของ เวลด ไวด เวบ เกดขนเมอป พ.ศ. 2533ทหองทดลองของสถาบนเซรน (CERN) เมองเจนวา ประเทศสวตเซอรแลนด โดยไดพฒนาการน าเสนอเอกสารในรปแบบทเรยกวาไฮเปอรเทกซซงสามารถใชงานผานเครอขายอนเทอรเนตได ทงนไดพฒนาภาษาทใชในการเขยนหรอน าเสนอขอมล สารสนเทศทเรยกวาภาษา HTML (Hypertext Markup Language) และพฒนาโปโตคอลเพอการสอสารขอมล คอ HTTP (Hypertext Transport Protocol) ขนมาเพอใหเปนขอตกลงในการรบสงเอกสารในรปภาษาHTML พรอมกนนไดพฒนาโปรแกรมทใชอานเอกสาร ทเขยนจากภาษา HTML ในเวบทเรยกวา เวบบราวเซอร (Web Browser) ขนอกดวย โปรแกรมอานขอมลในเวบ หรอเวบบราวเซอร (Web Browser)

เนองจากภาษาทใชจดท าเวบนน เขยนขนมาจากภาษาทใชเฉพาะเวลด ไวด เวบ ดงนนในการอานขอมลจงจ าเปนตองมโปรแกรมทใชอานขอมลโดยเฉพาะ ซงเราเรยกวา โปรแกรมเวบบราวเซอร ปจจบนบราวเซอรทไดรบความนยมสงสดมอยหลายโปรแกรม ไดแก

1. Google Chrome จาก Google 2. Safari จาก Apple 3. Internet Explorer จาก Microsoft 4. Firefox จาก Mozilla 5. Opera จาก Opera Software ASA

เวบไซต เวบเพจ และโฮมเพจ

เวบไซต เวบเพจ และโฮมเพจ ถอเปนองคประกอบหนงของเวบ เนองจากเมอเขาไปในเวบ

แลวสารสนเทศหรอขอมลตางๆ ทตองการสบคนกคอหนาของเอกสารทปรากฏบนจอคอมพวเตอร ซงรายละเอยด ของแตละสวนมดงน เวบไซต (Web site) เวบไซต คอ แหลงทจดเกบ และเผยแพรเวบเพจตาง ๆ โดยเมอใดกตามทผใชตองการ ดเวบเพจ จะตองใชโปรแกรมบราวเซอรเพอเปดดเวบเพจ ทงนโปรแกรมบราวเซอรจะท าการตดตอไปยงเวบไซตทแจงเพอขอโอนยายเวบเพจทตองการมายงเครองคอมพวเตอรทใช เชน เวบไซต www.nuul.ac.th

โฮมเพจ คอ เวบเพจหนาแรกของเวบไซตหรอหนาตอนรบ (Welcome page) ซงปรากฏเปนหนาแรกเมอเปดเวบไซตนนขนมา เปรยบเสมอนหนาปกหนงสอ หรอสารบญค าน าทผจดท าเวบไซตสรางขนเพอใชประชาสมพนธองคกรหรอเวบของตนวาใหบรการในสงใดบาง ทงนเพออ านวยความสะดวกในการเขาถงเนอหาขอมลในเวบ จงมการก าหนดใหเวบเพจหนาใดหนาหนงเปนหนาหลกเพอก าหนดใหเปนสารบญแจงหวเรองหรอหวขอทส าคญซงปรากฏในเวบท เพอทจะเชอมโยงไปยงหนาเวบอนๆ ไดอกมากมาย

โฮมเพจ (Home page)

หนาโฮมเพจของเวบไซต www.kapook.com

เวบเพจ คอ หนาเอกสารทสรางขนดวยภาษา HTML และแสดงขอมลในรปแบบของสอมลตมเดยเปรยบเสมอนหนาหนงสอทอยในรปอเลกทรอนกส โดยทขอมลทแสดงในหนาเอกสารน มทงขอความ เสยง ภาพนง และภาพเคลอนไหว สามารถเชอมโยงไปยงหนาเอกสารทอยในรปของไฮเปอรเทกซ คอเชอมโยงไปยงเวบเพจอนๆ ซงอาจจะมขอมลนนๆในระดบลกลงไปไดเรอยๆทงนเวบเพจจะตองมทอยอ เลกทรอนกสบนเครอขายเฉพาะของตนซงเรยกวา ยอารแอล (Uniform Resource Locator -URL) ซงมกจะปรากฏในชอง Address ในโปรแกรมบราวเซอร หนาเวบเพจทระบหนาเวบเพจ ของ http://www.nukul.ac.th/net

เวบเพจ (Web page)

โปรแกรมบราวเซอรสามารถเชอมตอแหลงขอมลไดหลายลกษณะหรอหลายโปรโตรคอล เชนการรบสงขอมลแบบไฮเปอรเทกซ ทเรยกวา HTTP (Hypertext Transfer Protocol) หรอการโอนยายขอมล FTP (File Transfer Protocol) ซงในการใชบราวเซอรผใชตองก าหนดรปแบบการใชงานทตองการเพอใหเครองสามารถตดตอกบระบบเครอขายในรปแบบทถกตอง ดงนนจงมการก าหนดรปแบบมาตรฐานส าหรบการเขยนทอยซงเรยกวา URL (Uniform Resource Locator) เพอแจงใหบราวเซอรทราบวาตองการขอใชบรการใดจากศนยแหงใด เปนตน

ลงค คอ จดเชอมโยงเอกสารจากเวบเพจหนงไปยงเวบเพจหนง โดยสามารถเชอมโยงดวยขอความหรอรปภาพ ทงนจดทเปน link จะมสญลกษณรปมอช ซงการ link สามารถแบงเปนหลายลกษณะดงนคอ

1. Link ไปยงหนาเวบเพจอน การ link ในลกษณะน โปรแกรมบราวเซอรจะไปเปดหนาเอกสารอกหนาหนงภายในเวบ

เดยวกน ซงจะสามารถท าไดอยางรวดเรว โดยการคลกเลอกหวขอทนาสนใจในเวบนนๆ

Link ไปยงหนาเวบอนภายในเวบไซตเดยวกน

รปแบบทอยของเวบ (URL-Uniform Resource Locator)

ลงค (Link)

2. Link ไปยงเวบไซตอนๆ การ link ในลกษณะน โปรแกรมบราวเซอรจะชไปยงเวบไซตอนๆ อยางรวดเรว ท าให

สามารถเขาถงขอมลไดทนททนใด 3. Link ไปยงบรการอนๆในอนเทอรเนต การ link ในลกษณะน สามารถชไปยงแหลงขอมลอนๆ ทใหบรการในอนเทอรเนตได ซง

จะสามารถท างานไดอยางรวดเรว เชน การดหนง ฟงเพลง โปรแกรมบราวเซอรกจะสามารถดงไฟลเสยง ภาพวดโอ ไดทนท

ไคลเอนต-เซรฟเวอร (Client-Server) : การตดตอสอสารบนเครอขายอนเทอรเนตทคอมพวเตอรทวโลกเชอมโยงถงกนนน จะมการตดตอสอสารอย 2 แบบ คอ แบบสงขอมลและรบขอมล โดยเครองทท าหนาทเกบและสงขอมลเรยกวา เครองใหบรการ (Server) และเครองรบบรการ (Client)

Link ไปยงเวบไซตอน

Link ไปยงบรการ