02 ใบความรู้ที่1.2-เว็บ
TRANSCRIPT
การสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ โรงเรยนเลยอนกลวทยา อ.เมอง จ.เลย
ใบความรท 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 ไปยงบรการ