หน่วยที่ 1 ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ

HT หนว่ยที่1 HypertextMarkupLanguage ความรู้เบอ้ืงต้นเกยี่วกับการสรา้งเวบ็เพจ สมรรถนะประจำหนว่ย 1.เทคโนโลยเีวบ็เพจ 2.ความสำคัญของอินเทอรเ์นต็ 3.หมายเลยไอพี 4.โปรแกรมทใ่ีชใ้นการสร้างเว็บเพจ วชิาการสรางเวบ็เพจดวยภาษาเอชทเีอ็มแอล รหสัวิชา20901-2004

ช่อื วิชา การสรา งเว็บเพจดว ยภาษาเอชทีเอม็ แอล หนว ยท่ี 1 ช่ือหนว ย ความรเู บอื้ งตนเกีย่ วกบั การสรา งเวบ็ เพจ รหัสวชิ า 20901-2004 ช่อื เร่อื ง เทคโนโลยีเว็บเพจ / ความสำคัญของอนิ เทอรเนต็ / หมายเลยไอพี / โปรแกรมที่ใชในการสรางเวบ็ เพจ 1. สาระสำคญั ศึกษาและปฏบิ ัติเกีย่ วกับความรูเบ้ืองตน ในการสรางเวบ็ เพจ หลักการทำงานของเวบ็ เพจ เนือ่ งจากเว็บเพจ สามารถเผยแพรขอมลู ไดดวยขอ ความ ภาพ เสียง เว็บเพจถูกนำมาใชประโยชนในการประชาสัมพันธและนำเสนอขอ มูล ความรตู าง ๆ 2. สมรรถนะประจำหนว ย 1. เทคโนโลยีเว็บเพจ 2. ความสำคญั ของอนิ เทอรเ นต็ 3. หมายเลยไอพี 4. โปรแกรมท่ีใชใ นการสรางเว็บเพจ 3. จุดประสงคก ารเรียนรู 1. สามารถแสดงความรคู วามเขา ใจเกี่ยวกบั เทคโนโลยีเว็บเพจ 2. สามารถแสดงความรูเก่ียวกบั ความสำคัญของอนิ เทอรเนต็ 3. บอกประเภทของหมายเลขไอพแี ตละคลาส 4. บอกโปรแกรมท่ใี ชในการสรางเว็บเพจ 4. สาระการเรยี นรู 1. เทคโนโลยีเวบ็ เพจ 2. ความสำคญั ของอนิ เทอรเน็ต 3. หมายเลยไอพี 4. โปรแกรมท่ีใชในการสรางเว็บเพจ

ใบความรู หนว ยท่ี 1 ชื่อวชิ า การสรางเว็บเพจดว ยภาษาเอชทีเอ็มแอล รหัสวิชา 20901-2004 ชอ่ื หนวย ความรูเ บอ้ื งตน เก่ียวกับการสรา งเวบ็ เพจ สปั ดาหท ี่ 1 ช่ือเรือ่ ง เทคโนโลยีเว็บเพจ / ความสำคัญของอินเทอรเ น็ต / หมายเลยไอพี / โปรแกรมท่ใี ชใ นการสรา งเว็บเพจ 1.1 เทคโนโลยเี วบ็ เพจ การนำเสนอขอมูลในระบบ WWW (World Wide Web) พัฒนาข้ึนมาในชวงปลายป 1989 โดยทีมงานจาก หองปฏิบัตกิ ารทางจลุ ภาคฟสิกสแ หงยุโรป (European Particle Physics Labs) หรือทร่ี ูจักกันในนาม CERN (Conseil European pour la Recherche Nucleaire) ประเทศสวิตเซอรแลนด ทีมงานไดคดิ คนวิธีการถา ยทอดเอกสารขอมูลที่ อยูในรูปแบบ Hypertext ไปยังระบบคอมพิวเตอรอื่น ๆ และเครือขายอินเทอรเน็ต ผลท่ีไดคือ โปรโตคอล HTTP (Hypertext Transport Protocol) และภาษาท่ีใชสนับสนุนการเผยแพรเอกสารของนักวิจัย หรือเอกสารเว็บ (Web Document) จากเครื่องแมขาย (Server) ไปยังสถานท่ีตาง ๆ ในระบบ WWW เรียกวา ภาษา HTML (Hypertext Markup Language) ดวยเทคโนโลยี HTTP และ HTML ทำใหก ารถายทอดขอ มูลเอกสารมคี วามคลอ งตัว สามารถเชื่อมไปยังจุด ตาง ๆ ของเอกสาร เพมิ่ ความนาสนใจในการอานเอกสาร ใชงานเอกสาร จนไดรบั ความนยิ มอยางสูงในปจจุบัน การเผยแพรขอมูลทางอินเทอรเน็ตผานส่ือประเภทเว็บเพจ (Webpage) เปนที่นิยมกันอยางสูงในปจจุบัน ไมเ ฉพาะขอมูลโฆษณาสินคา ยังรวมไปถงึ ขอมูลทางการแพทย การเรียน งานวิจยั ตา ง ๆ เพราะเขาถึงกลุมผูสนใจไดท ่ัว โลก ตลอดจนขอมูลที่นำเสนอออกไป สามารถเผยแพรไ ดทง้ั ขอมลู ตัวอักษร ขอมลู ภาพ ขอ มลู เสียง และภาพเคล่ือนไหว มีลูกเลนและเทคนิคการนำเสนอที่หลากหลาย อันสงผลใหระบบ WWW เติบโตเปน หนึง่ ในรปู แบบบรกิ ารที่ไดรับความ นยิ มสงู สดุ ของระบบอนิ เทอรเน็ต ลกั ษณะเดน ของการนำเสนอขอมลู เว็บเพจ คือ สามารถเชื่อมโยงขอมูลไปยังจุดอ่ืน ๆ บนหนาเวบ็ ได ตลอดจน สามารถเช่ือมโยงไปยังเว็บอื่น ๆ ในระบบเครือขาย อันเปนท่ีมาของคำวา Hypertext หรือขอความที่มีความสามารถ มากกวาขอความปกติน่ันเอง จึงมีลักษณะคลายกับวาผูอานเอกสารเว็บ สามารถโตตอบกับเอกสารนั้น ๆ ดวยตนเอง ตลอดเวลาท่มี ีการใชงานนน่ั เอง ดวยความสามารถดงั กลา วขางตน จงึ มีผูใ หคำนิยาม Web ไวด งั น้ี เทคโนโลยเี ครอื ขา ยคอมพิวเตอรประกอบดวย เวบ็ เซริ เวอร (web server) และโปรแกรมบราวเซอร เวบ็ เซิรฟเวอร (web server) คือ เครอ่ื งคอมพิวเตอรท่ที ำหนา ทเ่ี ปน เครือ่ งบริการเวบ็ แกผ ูรองขอดวยโปรแกรม ประเภทเว็บบราวเซอร (Web Browser)ท่รี อ งขอขอมลู ผา นโปรโตคอลเฮชทที ีพี (HTTP = Hyper Text Transfer Protocol) เครอ่ื งจะสง ขอ มูลใหผูรอ งขอในรูปของขอ ความ ภาพ เสียง หรือสอื่ ผสม เครอ่ื งบริการเว็บจะเปดบริการ พอรท 80 (HTTP Port) ใหผูรอ งขอไดเ ชือ่ มตอผานโปรแกรมประเภทเวบ็ บราวเซอร การใชง าน Web Server - เมื่อผูใชปอนยูอารแอล (URL) ในโปรแกรมเวบ็ เบราวเ ซอร เชน IE, Firefox, Google chome - เครือ่ งไคลแอนทจะแปลงชอ่ื โฮสต ภายในยูอารแ อลเปนไอพีแอดเดรส - เครอื่ งไคลแอนทต ิดตอ กับเคร่ืองเว็บเซริ ฟ เวอร โดยปรกตจิ ะใชโพรโทคอล TCP พอรต 80 - เม่อื ทำการเช่ือมตอเสรจ็ จะใชโ พรโทคอล HTTP ในการเรียกใชข อ มูลทตี่ อ งการ โปรแกรมเบราเซอร (Web browser) คือ โปรแกรมคอมพวิ เตอร ทชี่ วยใหคุณเขา ถงึ เว็บไซต หรือเรียกงายๆ วาเปน โปรแกรมสำหรับใชเลน อินเตอรเน็ต ท้ังนเี้ วบ็ ไซตต าง ๆ จะจัดเก็บขอ มลู ในรปู แบบ เวบ็ เพจ (web page) ท่สี รา งดว ย ภาษา HTML (Hypertext Markup Language) ขอมูลทงั้ หลายของเว็บเพจจะถกู เกบ็ ไวใ นเว็บเซิรฟเวอร (web server) เชอื่ มตอ กันเปนโครงขายขนาดใหญ ท่เี รียกวา เวิลดไ วดเวบ็ (world wide web หรือ www.)

เว็บเบราเซอรจงึ เหมือนประตูเชื่อมตอสโู ลกแหงอินเตอรเน็ต เวิลดไวดเวบ็ ตา งๆ ซึ่งวธิ ีการใชง านนั้น ก็แคก รอกชือ่ เวบ็ ไซต หรอื URL (Uniform Resource Locators) ลงในชอ งใส Address ของเบราเซอร เว็บไซต (Web Site) คอื คำท่ีใชเรียกกลมุ ของเว็บเพจ ( ดงั น้ันภายในเว็บไซตจะประกอบไปดว ยโฮมเพจและเวบ็ เพจ ) โดยเรามักใชเรียกเว็บท่มี ีขนาดใหญแ ละมีการจดทะเบียนชอื่ เว็บไซตนนั้ ๆ ไวแลว (Domain Name) เชน http://www.geocities.com ,http://www.sanook.com , http://www.yahoo.com เปน ตน เว็บเพจ (Web Page) คอื คำทใี่ ชเรยี กหนา เอกสารตา ง ๆ ท่อี ยูในรูปแบบไฟล HTML (Hyper Text Markup Language) เปรียบเสมือนหนากระดาษแตล ะหนาท่มี เี รอ่ื งราวตา ง ๆ มากมายบรรจอุ ยใู นนติ ยสาร แตแตกตา งกันตรงท่ี มกี ารเชือ่ มโยง (Link) ซ่งึ เราสามารถคลกิ ไปท่ีหนาใดของโฮมเพจกไ็ ด โฮมเพจ (Home Page) คือคำที่ใชเ รียกหนา แรกของเวบ็ ไซต ซ่งึ ประกอบไปดว ยเมนตู า ง ๆ และเรือ่ งราวตาง ๆ มากมายคลายกบั หนาปกนติ ยสารบา นเรา ดังนนั้ หากเราออกแบบหนาโฮมเพจใหส วยงามและนาสนใจ โอกาสทผ่ี ชู มจะ แวะเขา มาเยย่ี มเยียนโฮมเพจของเรากจ็ ะยิ่งมากตามไปดวย ประโยชนข องเว็บเพจ เน่อื งจากเว็บเพจสามารถเผยแพรขอ มูลไดดวยขอ ความ ภาพ เสยี ง และภาพยนต ดงั น้ัน เราจงึ พบเห็นการนำ เวบ็ เพจไปสรางและพฒั นา เพื่อนำเสนอขอ มลู และขาวสารในรูปแบบตาง ๆ ไดอยา งมากมายดังน้ี ขา วและเหตุการณใ นปจจุบนั 1. เว็บขาวในปจจุบนั สามารถนำเสนอไดอยา งฉับไว ทนั ตอเหตุการณ ทำใหเ ราสามารถรูเรอื่ งราวทเ่ี กิดขนึ้ จากทีต่ า ง ๆ จากท่ัวทกุ มุม โลกไดอ ยางรวดเร็ว ซึ่งสามารถดูเปนภาพน่งิ หรอื เปน ภาพวดิ ีโอทีม่ ีท้งั ภาพและเสียง ทำใหร ับขาวสารอยางครบถว น 2. ขอมลู ความรูและหองสมุด เว็บเพจเปนเอกสารที่เชอื่ มโยงขอ มูลถึงกนั ได ทำใหมกี ารรวบรวมความรไู วเปน คลงั ขนาดใหญ ไมย ุงยากในการ ดแู ลรักษา และยังเผยแพรไดอยางกวางขวางอีกดว ย 3. ประชาสัมพนั ธบ รษิ ัทและองคกร เปนเว็บเพจทแ่ี นะนำความเปนมา สนิ คา บรกิ าร ท่ีอยูทีต่ ิดตอ และขาวประชาสัมพนั ธขององคก ร 4. ความบันเทงิ เน่อื งจากเว็บเพจมที ้งั ภาพ เสยี ง และวิดโี อ จงึ ทำใหก ารนำเสนอความบนั เทิงไมใชเ รื่องยาก ไมวาจะเปน เวบ็ วิทยุ ฟง เพลงออนไลน เว็บนำเสนอภาพยนต เกม และเว็บเร่ืองตลกขำขันตาง ๆ เปนตน 5. การเงนิ การลงทุน เปน เวบ็ ทีน่ ำเสนอขอ มูลทางการเงินและการลงทนุ รวมไปถึงบรกิ ารสำหรับทำธุรกรรมการเงินออนไลนผาน เครอื ขา ยอนิ เทอรเ นต็ 6. ซอ้ื -ขายสินคา และบรกิ าร เปนเวบ็ ทีเ่ หมอื นรานคาสำหรับขายสนิ คา และบริการตาง ๆ รวมทง้ั ยังบริการรบั ฝากขายสินคา ผานรานเหลาน้ี ไดอกี ดว ย 7. ดาวนโหลดขอมูล เปน เว็บที่ใหบริการดาวนโหลดไฟลต าง ๆ เชน ไฟลโ ปรแกรม ไฟลภ าพ และไฟลเพลง เปน ตน 8. บรกิ ารตดิ ตอ สอ่ื สาร เปนเวบ็ ที่ใหบริการในการติดตอสือ่ สารถงกนั เชน การรบั สง จดหมายอิเลก็ ทรอนิกส (E-mail), เวบ็ บอรด และ เวบ็ แชตสนทนาตาง ๆ เปน ตน

คำศัพทพ น้ื ฐานเกี่ยวกับการสรา งเว็บเพจ ส่ิงทค่ี วรรกู อ นสรา งเว็บเพจ คือ คำศัพทต า ง ๆ ท่ีชวยทำใหเราเขาใจและสามารถศกึ ษาการสรา งเว็บเพจได อยา งถกู ตอ ง ไคลเอนต - เซอรฟเวอร (Client - Server) ในการตดิ ตอสื่อสารบนเครอื ขา ยอนิ เทอรเ นต็ ทค่ี อมพิวเตอรทัว่ โลกเชอ่ื มโยงถึงกนั นั้น จะมีการตดิ ตอสื่อสารอยู 2 แบบ คอื แบบสงขอ มูลและรบั ขอ มูล โดยเคร่ืองคอมพิวเตอรทีท่ ำการสง ขอมูลเราจะเรียกวา เครื่องใหบ รกิ าร (Server) และเคร่อื งคอมพวิ เตอรท ร่ี บั ขอ มลู เราจะเรียกวา เครอื่ งรับบรกิ าร (Client) เครอื ขา ยใยแมงมมุ WWW (World Wide Web) บริการรูปแบบหน่ึงในอนิ เทอรเ นต็ ท่เี ชื่อแนว าเราทุกคนตอ งเคยสัมผสั ก็คอื WWW หรือท่ีเราเรียกส้ันๆวา \"เว็บ\" นน่ั เอง การใหบริการในรูปแบบนี้ คอื การเรยี กบราวเซอร เชน Internet Explorer หรอื Firefox จากเคร่ืองของเรา และระบุ URL เพื่อใชใ นการอา งที่อยูที่เกบ็ เวบ็ เทา นีเ้ รา กส็ ามรารถเปดดูเวบ็ ไดแ ลว ดังตัวอยา งเมอ่ื เราระบุ URL ที่ ตองการเปดเปน www.huaiyot.ac.th กจ็ ะเปด ดเู ว็บไซต วิทยาลยั การอาชีพหวยยอด เวบ็ ไซต (Web Site) เราจะเรียกกลุมของหนาเว็บ หรือเว็บหลายๆหนา รวมกัน วา \"เวบ็ ไซต\" (Web Site) โดยจะมีการกำหนดเวบ็ เพจหนา หน่ึงไวเปนหนาแรก และเรียกวา \"โฮมเพจ\" (Home Page) ท่ีเปนชองทางเขา เว็บเพจทั้งหมดภายในเว็บไซตน้ัน ตัวอยางหนา โฮมเพจของเวบ็ ไซต Kapook.com

เวบ็ บราวเซอร และเว็บเซริ ฟเวอร (Web Browser & Web Server) เว็บบราวเซอร (Web Browser) คอื โปรแกรมท่เี ปนประตูเขาสูโลก World Wide Web ซึง่ เปนโปรแกรมทอี่ ยูในเครือ่ งคอมพิวเตอรล กู ขาย (Client) มีหนา ท่ีในการสงขอมูลรองขอ และนำเสนอขอมูลเวบ็ โดยตวั เว็บบราวเซอรจ ะเขา ใจในภาษา HTML ทเ่ี ปน มาตรฐานของเวบ็ ปจจบุ ันบราวเซอรทีไ่ ดร บั ความนยิ ม กม็ ี Internet Explorer ของไมโครซอฟท Firefox และ Google Chrome ซึง่ เปน บราวเซอรโ อเพนซอรส เวบ็ เซริ ฟ เวอร (Web Server) เปนท่ีเก็บเว็บเพจ เมือ่ ใดท่ีเราตองการเปดดูเว็บเพจ เราตองใชบราวเซอรดงึ ขอมลู โดยท่บี ราวเซอรจะทำการ ตดิ ตอกับเซิรฟ เวอรที่เก็บเว็บไซตน ้ัน เพอ่ื ใหม กี ารโอนยายขอ มูลมาแสดงทีเ่ คร่ืองของเรา โดเมนเนม (Domain Name) การติดตอ กนั บนอนิ เทอรเ นต็ นน้ั จะใชไอพีแอดเดรสในการทำงาน แตเ ปน ตวั เลขท่ยี าว ทำใหผูใชจำยาก จึงไดม ี การใชโ ดเมนเนม (Domain Name) หรืออนิ เทอรเนต็ แอดเดรส (Internet Address) มาใช ซ่ึงเปนการนำตัวอักษรทีจ่ ำ งายมาใชแทนไอพีแอดเดรส โดเมนเนมจะไมซ้ำกัน และมักถูกตง้ั ใหสอดคลอ งกบั ช่ือบรษิ ัท หรือองคกรผเู ปนเจาของ เพ่อื สะดวกในการจดจำชือ่ เชน บริษทั ดแี ทค มีโดเมนเปน www.dtac.co.th ประเภทของโดเมนเนม โดเมนเนมเปนชื่อของเว็บไซตท เ่ี ราเผยแพรขอมูล ซึ่งจะไมซ ำ้ ใครในโลก มกี ารแบงโดเมนเปน 2 ประเภทตาม ลกั ษณะของมัน ไดแ ก โดเมนเนม 2 ระดับและโดเมนเนม 3 ระดับ โดเมนเนม 2 ระดับ จะมีรปู แบบ เชน google.com สำหรบั ตัวยอทอ่ี ยูห ลงั เคร่อื งหมายจุดในโดเมนเนม คอื คำยอ ของประเภทองคก ร ซง่ึ คำยอ ของประเภทองคกรท่ี เราจะพบบอย มีดังน้ี ตวั ยอ ประเภทองคกร .com บรษิ ทั หรือองคก รพาณิชย เชน บรษิ ัท ไอบีเอ็ม มีอนิ เทอรเ น็ตแอดเดรสเปน ibm.com .edu สถาบนั การศึกษา เชน มหาวิทยาลัยฮารว ารด มีอินเทอรเ น็ตแอดเดรสเปน harvard.edu .gov องคก รรฐั บาล เชน องคกรนาซา มีอินเทอรเ นต็ แอดเดรสเปน nasa.gov .mil องคกรทางทหาร เชน af.mil เปนอินเทอรเ น็ตแอดเดรสของกองทัพอากาศสหรฐั ฯ .net องคก รทท่ี ำหนา ท่ีเปน เกตเวย หรือจดุ เชื่อมตอ เครือขาย เชน mci.net .org องคก รท่ไี มเขาขา ยประเภทองคก รทัง้ หมดทไ่ี ดกลางถึงดานตน .biz บรษิ ัทหรอื งคกรทางธุรกจิ .info ใชในโอกาสโปรโมทสินคา , เหตกุ ารณส ำคญั เชน บอกขอมลู สว นลดสินคา

โดเมนเนม 3 ระดบั จะมีรปู แบบ เชน huaiyot.ac.th โดยคำยอในสวนท่ี 2 หลังเคร่ืองหมายจุดใชระบุประเภทขององคก ร และคำยอ สว นท่ี 3 หลังเครือ่ งหมายจุดใช ระบุประเทศทต่ี ้งั ขององคกรนั้น เชน ตวั ยอสวนที่ 2 ตัวยอ สวนที่ 3 .co บรษิ ัทหรอื องคก รพาณชิ ย .cn จีน .ac สถาบันการศกึ ษา .th ไทย .go องคกรรฐั บาล .jp ญป่ี นุ .or องคกรไมแสวงผลกำไร .au ออสเตรเลยี .net องคกรทใ่ี หบ รกิ ารเครือขา ย รายละเอียดเก่ียวกับ URL content identifier เปน สว นทแี่ จงใหบราวเซอรท ราบวา ตองจดั การขอมลู ทีพ่ บอยา งไร สำหรบั เว็บเพจใน World Wide Web จะใชโ ปรโตคอลมาตรฐานช่ือ HTTP (Hypertext Transfer Protocol) สวน FTP เปนอกี โปรโตคอลเกย่ี วกับโอนยายไฟลขอมลู ในอินเทอรเ นต็ ทีเ่ ราพบไดบอย hostname เปน สว นที่ระบุชอื่ ของเวบ็ ไซตท ที่ ำหนาที่เผยแพรเ ว็บเพจ บอ ยคร้งั ท่สี วนนีถ้ กู เรียกวาโดเมนเนม (Domain Name) เว็บไซตจะมีโดเมนเนมเฉพาะที่ไมเ หมือนใคร สว นระบตำแหนง ระบทุ ี่เก็บขอ มลู เว็บในเครอ่ื ง ชอื่ ไฟลข อมลู สว นสุดทา ยของ URL จะเปน ช่อื ไฟลข อ มลู เชน เวบ็ เพจจะมนี ามสกลุ .htm หรอื .html ถา ใน สวนนไ้ี มม ใี น URL บราวเซอรจ ะถอื วาชอื่ ไฟลท ีต่ อ งการเรียกดนู นั้ คอื index.htm ซง่ึ โดยปกติจะ ถกู ใชเ ปน ช่ือโฮมเพจในเวบ็ ไซต

ใบความรู หนวยท่ี 1 ชอื่ วิชา การสรา งเวบ็ เพจดวยภาษาเอชทีเอ็มแอล รหัสวิชา 20901-2004 ชอ่ื หนวย ความรเู บือ้ งตนเกี่ยวกับการสรา งเว็บเพจ สปั ดาหท่ี 1 ช่ือเรอื่ ง เทคโนโลยีเวบ็ เพจ / ความสำคญั ของอนิ เทอรเนต็ / หมายเลยไอพี / โปรแกรมทใ่ี ชในการสรางเวบ็ เพจ 1.2 ความสำคัญของอนิ เทอรเนต็ อินเทอรเนต็ (Internet) คือ เครือขายนานาชาติทเ่ี กดิ จากเครอื ขายขนาดเลก็ มากมาย รวมเปน เครอื ขา ยเดียวทง้ั โลก หรือเครือขา ยส่อื สาร ซ่งึ เชอ่ื มโยงระหวางคอมพวิ เตอรทัง้ หมด ทตี่ อ งการเขามาในเครอื ขา ย สำหรับคำวา internet หากแยกศัพทจะไดม า 2 คำ คอื คำวา Inter และคำวา net ซงึ่ Inter หมายถงึ ระหวาง หรือทามกลาง และคำวา Net มาจากคำวา Network หรอื เครอื ขาย เมื่อนำความหมายของทง้ั 2 คำมารวมกนั จึง แปลวา การเช่ือมตอกนั ระหวางเครือขา ย อนิ เทอรเ นต็ (Internet) เปน เครอื ขา ยคอมพิวเตอรท เี่ ชือ่ มโยงเคร่ืองคอมพวิ เตอรห ลายลา นเครือ่ งทว่ั โลกเขาดวยกนั เปนเครือขายเดียว (Global Network) ท่รี วมผูใชกวา 60 ลานคน เพื่อประกอบกจิ กรรมหลากหลายต้ังแต การพูดคยุ การส่ือสารขอมูล การแลกเปลี่ยนขาวสารความรู การคาขายแบบอเิ ลก็ ทรอนิกส การศกึ ษาทางไกล ฯลฯ เมือ่ ครั้งทีอ่ ินเตอรเนต็ ถือกำเนดิ ขึน้ น้ัน ไมม ใี ครเคยคาดคดิ วามนั จะกลายมาเปนเครอื ขายที่มบี ทบาทกับวถิ ีชวี ติ ของมนุษย ในปจจบุ นั จนถึงขนาดท่ีกำลงั จะปฏิวัติวธิ กี ารดำเนินชีวิตของประชากรโลกในศตวรรษหนา กลา วคือเม่อื 20 ป กอ น กระทรวงกลาโหมสหรฐั ไดมีมติดว นให พฒั นาเครอื ขายคอมพิวเตอรท มี่ ชี อื่ วา ARPANET จุดมุงหมายคอื ใหเ ปน เครอื ขา ยทมี่ ีความเชอื่ ถอื ไดส ูง สามารถท่ีจะทำงานไดแ มภ ายหลงั ทอ่ี เมริกาถูกถลม โดยอาวุธนิวเคลียร ดังน้ันเทคโนโลยี ทีใ่ ชเช่อื มเครอื ขาย ตอ งมีความสามารถทจ่ี ะทำงานกับโครงสรางพื้นฐาน (Infrastructure) ที่เหลือจากการทำลายของ อาวุธนิวเคลียร เชน หากโครงขายโทรศพั ท และ เคเบลิ ถูกทำลายในบางพื้นท่ี เครอื ขายจะยงั คงทำงานไดโ ดยการสลับ มาใชโ ครงขา ยอนื่ เชน โครงขา ยดาวเทียม หรอื วิทยุ เปนตน นอกจากน้ันเทคโนโลยีดังกลาวตองมีความสามารถในการ เช่ือมตอเคร่อื งคอมพวิ เตอรตา งประเภท และตา งรนุ ที่มีอยูท ว่ั ไปตามฐานทัพตา ง ๆ ในคร้ังน้ันการพัฒนาเครือขาย ARPANET ไดก ระทำรวมกันระหวางกระทรวงกลาโหม กับมหาวิทยาลัยตาง ๆ รวมทั้งหนว ยงานสำคัญ ๆ เชนองคก าร NASA ทำให ARPANET เรมิ่ เตบิ โตโดยเร่ิมมกี ารใชงานมากขึน้ สำหรับการศึกษา และการวิจัย ถึงแมจะเร่ิมมีการพัฒนาเครือขายอื่น ๆ เชน DECNET และ BITNET ข้ึนมาเปนคูแขง แตเพราะขอดี ของ ARPANET ท่ีเปนระบบเปดที่ใชโปรโตคอลแบบ TCP/IP ทำใหไมจำกัดกับเครื่องคอมพิวเตอรประเภทใดประเภท หนง่ึ หรือ โครงขายเช่ือม (Physical Links) แบบใดแบบหนึง่ ทำใหมนั เอาชนะคูแขงและกลายมาเปนตัวเชื่อมเครือขา ย อื่น ๆ ที่เขากันไมได ใหสามารถคุยกันรูเรอ่ื ง ดวยเหตุนี้ทำให ARPANET ถูกพัฒนามาเปนเครือขายของเครือขาย หรือ อินเตอรเ น็ต (internet) ในท่สี ุด ขอดขี องการที่เปนระบบเปด คอื สามารถใชเทคโนโลยีการเชอ่ื มตอ ไดหลายแบบท้ัง ไม โครเวพ ดาวเทียม โทรศัพท เคเบิล ใยแกวนำแสง หรือแมแ ตระบบโทรศพั ทเคลื่อนท่ี และสามารถเช่ือมตอคอมพิวเตอร แบบใดกไ็ ด รวมทง้ั ยงั บริหารงายคือ ผูใชอ อกคาใชจ ายเฉพาะสวนของตน ทำใหอินเตอรเ น็ตขยายตัวงายในขณะท่ีความ ซับซอ นของงานไมเพิ่มขึ้นเทาไรนัก ความงายในการขยายเครือขายและการใชงาน ไดทำใหอ ินเตอรเน็ตเริ่มไดรับความ นยิ มนอกประเทศสหรัฐอเมรกิ า จนกลายมาเปนเครือขา ยท่ีเชือ่ มโยงทว่ั โลก

ใบความรู หนวยที่ 1 ช่ือวชิ า การสรา งเวบ็ เพจดว ยภาษาเอชทีเอม็ แอล รหสั วิชา 20901-2004 ช่ือหนวย ความรเู บื้องตน เกี่ยวกบั การสรางเวบ็ เพจ สัปดาหที่ 1 ชอ่ื เรอ่ื ง เทคโนโลยเี วบ็ เพจ / ความสำคัญของอนิ เทอรเน็ต / หมายเลยไอพี / โปรแกรมท่ใี ชในการสรางเว็บเพจ 1.3 หมายเลขไอพี (IP Address) IP Address ยอมาจากคำเต็มวา Internet Protocol Address คือ หมายเลขประจำเครื่องคอมพิวเตอรแตละ เครื่องในระบบเครือขายที่ใชโปรโตคอลแบบ TCP/IP ถาเปรียบเทียบก็คือบานเลขที่ของเราน่ันเอง ในระบบเครือขาย จำเปนจะตองมีหมายเลข IP กำหนดไวใหกับคอมพิวเตอร และอุปกรณอื่น ๆ ที่ตองการ IP ทั้งน้ีเวลามีการโอนยาย ขอมูล หรือส่งั งานใด ๆ จะสามารถทราบตำแหนง ของเครื่องทเี่ ราตองการสงขอมูลไป จะไดไมผดิ พลาดเวลาสงขอมูล ซึ่ง ประกอบดวยตัวเลข 4 ชุด มีเครื่องหมายจุดขั้นระหวางชุด เชน 192.168.100.1 หรือ 172.16.10.1 เปนตน โดย หมายเลข IP Address ของเครอื่ งคอมพวิ เตอรแ ตล ะเคร่ืองจะมีคา ไมซ ้ำกัน ส่งิ ตัวเลข 4 ชดุ นีบ้ อก คือ Network ID กับ Host ID ซงึ่ จะบอกใหร ูวา เครอื่ ง Computer ของเราอยูใน Network ไหน และเปนเคร่อื งไหนใน network นั้น เราจะ รไู ดอ ยางไรวา Network ID และ Host ID มีคาเทา ไหร กข็ นึ้ อยูก ับวา IP Address นั้น อยใู น class อะไร Class ตาง ๆ ของ IP Address - Class A ตั้งแต 10.xxx.xxx.xxx - Class B ตง้ั แต 172.16.xxx.xxx ถงึ 172.31.xxx.xxx - Class C ตั้งแต 192.168.0.xxx ถึง 192.168.255.xxx IPv4 IPv4 (ไอพวี ี 4) คือ หมายเลข IP Address (ไอพี แอดเดรส) มขี นาด 32 บทิ IPv4 ยอมาจาก\" Internet Protocol Version 4 ถกู แบง ออกเปน 4 ชุดดวยเครอื่ งหมายจุด โดยแตล ะชุดมีขนาด 8 บทิ หมายเลขไอพี เปน รหสั ประจำเครือ่ งคอมพวิ เตอร เพอ่ื ใชในการเชื่อมตอกับอุปกรณอ ่นื ๆ ในระบบเครือขาย IPv4 จะเปนหมายเลขทมี่ ที ั้งหมด 32 บิต (แตละชวงเวนวรรคจุด.) แบงเปนชวงละ 8 บติ โดยตัวเลข 8 นี้ก็จะมี คาตั้งแต 0 - 255 ดังน้ัน IPv4 จึงมีหมายเลขไดตั่งแต 0.0.0.0 ถึง 255.255.255.255 แตก็ใชวาทุกตัวจะใชไดหมด เพราะจะมบี างหมายเลขทีถ่ กู เกบ็ ไวใชงานเฉพาะ

การแบง คลาสของ IPv4 เพื่อจดุ ประสงคในการใชง านที่ตางกันไป - คลาส A เริ่มตงั้ แต 1.0.0.1 ถงึ 127.255.255.254 - คลาส B เริ่มตง้ั แต 128.0.0.1 ถงึ 191.255.255.254 - คลาส C เริ่มตงั้ แต 192.0.1.1 ถึง 223.255.254.254 - คลาส D เริม่ ต้งั แต 224.0.0.0 ถึง 239.255.255.255 ใชสำหรบั งาน multicast - คลาส E เริ่มตงั้ แต 240.0.0.0 ถึง 255.255.255.254 ถกู สำรองไว ยังไมมกี ารใชงาน IPv6 IPv6 คือคำยอ ของ \"Internet Protocol Version 6\" IPv6 คอื โปรโตคอลรุนลาสุดของอินเตอรเ น็ต ออกแบบ มาเพื่อแทนท่ีโปรโตคอลอนิ เตอรเน็ตปจจุบัน ซึง่ เปน IP เวอรช ัน่ 4 เพ่อื ใหสามารถส่อื สารกบั ผานทางอินเตอรเนต็ ได คอมพิวเตอรและอปุ กรณอ ื่น ๆ จะตอ งมที อี่ ยูของผสู งและผรู บั ท่อี ยทู เ่ี ปนตัวเลขเหลา นร้ี ูจักกันในนามของทอ่ี ยู โปรโตคอลอนิ เตอรเน็ต ในขณะท่อี ินเตอรเ นต็ และจำนวนผใู ชง านเพ่ิมข้นึ แบบทวีคูณ ความตอ งการสำหรับทีอ่ ยู IP ก็ เพม่ิ ขึน้ ดวยเชน กนั IPv6 คือมาตรฐานทพ่ี ัฒนาขนึ้ โดย Internet Engineering Task Force ซึง่ เปนองคก รท่พี ฒั นาเทคโนโลยี อนิ เตอรเ น็ตตา ง ๆ IETF ไดเตรยี มรับมอื กับความตอ งการท่อี ยู IP ท่เี พ่มิ ข้ึน จงึ ไดส รา ง IPv6 เพื่อปรับตวั ใหเ ขากับ จำนวนผูใชและอุปกรณท เ่ี ขาถงึ อนิ เตอรเ นต็ ท่เี พม่ิ ขึน้ IPv6 ทำใหผูใชและอุปกรณจำนวนมากขน้ึ สามารถส่ือสารกนั บนอินเตอรเ น็ตไดดว ยการใชต วั เลขท่ีมากขน้ึ เพอื่ สรา งท่อี ยู IP ภายใต IPv4 ทกุ ๆ ทอี่ ยู IP จะยาวเทากับ 32 บิต ซึง่ ทำใหไ ดท ่อี ยูทไี่ มซ ำ้ กนั 4.3 พันลา นทอี่ ยู ตัวอยา งของทีอ่ ยู IPv4 คอื : ---------------------- 172.16.254.1 ---------------------- เมอ่ื เปรียบเทยี บกัน ที่อยู IPv6 จะเทา กบั 128 บิต ซง่ึ จะทำใหไดท ่ีอยู IP โดยประมาณถงึ สามรอยส่ีสบิ ลาน ลา นลา นลานทีอ่ ยูทไี่ มซ ้ำกัน ตวั อยางของท่อี ยู IPv6 คอื : ---------------------- 2001:db8:ffff:1:201:02ff:fe03:0405 ---------------------- IPv6 ใหความไดเ ปรยี บดา นเครอื ขา ยอน่ื ๆ สวนใหญแ ลว คอมพวิ เตอรแ ละแอปพลิเคชันจะตรวจหาและใช ประโยชนเ ครอื ขายและบรกิ ารทีเ่ ปดใชงาน IPv6 โดยทผี่ ูใชไ มต อ งทำอะไรเลย IPv6 ยงั ชวยบรรเทาปญ หาเครอื ขายอื่น

ๆ ท่ีอาจเกิดขนึ้ เนื่องจากจำนวนทีจ่ ำกัดของท่อี ยูท่ีมใี หบน IPv4 ไดอ ีกดวย ตวั อยางเชน IPv6 จะลดความจำเปนในการ แปลทอ่ี ยูเครือขา ย ซง่ึ เปนบริการทีท่ ำใหลูกขา ยหลายเคร่ืองแชรท่ีอยู IP เดยี ว แตก็เช่อื ถือไมไ ดเ สมอไป ใบความรู หนว ยที่ 1 ชอ่ื วิชา การสรา งเว็บเพจดว ยภาษาเอชทเี อม็ แอล รหัสวชิ า 20901-2004 ชื่อหนวย ความรเู บ้ืองตนเก่ยี วกบั การสรา งเวบ็ เพจ สัปดาหท่ี 1 ช่ือเร่ือง เทคโนโลยเี ว็บเพจ / ความสำคัญของอนิ เทอรเน็ต / หมายเลยไอพี / โปรแกรมทีใ่ ชในการสรา งเวบ็ เพจ โปรแกรมท่ีใชในการสรางเว็บเพจ โปรแกรมท่ีใชในการสรา งเวบ็ เพจมีหลายโปรแกรม ขึน้ อยูกับลักษณะการสรางเว็บเพจ ดงั น้ี 1. โปรแกรมสรา งเวบ็ เพจดวยการเขียนโคดภาษา HTML โปรแกรม Notepad เปนโปรแกรมสรางหนาเว็บเพจดวยภาษา HTML เปนโปรแกรมประเภท Text Editor ที่ถูกติดต้ัง มาพรอม กับระบบปฏิบัติการ Microsoft Windows หรือเราอาจจะดาวนโหลดโปรแกรมที่อำนวยความ สะดวกในการเขียนโคด คำสง่ั มาติดตงั้ เพิม่ เติมอยา งเชนโปรแกรม Edit Plus เปน ตน 2. โปรแกรมสำเร็จรปู ในการสรางเวบ็ เพจ

ปจ จุบนั มีโปรแกรมสำเรจ็ รปู ทีช่ ว ยสรา งเวบ็ ไซตไดอ ยา งงายดาย แคเ พิม่ ขอความและแทรกรูปภาพในตำแหนงที่ ตองการบนหนาเว็บเพจก็ทำใหเวบ็ เพจออกมาสวยงามได แถมยังมเี คร่ืองมอื ทช่ี วยจดั วางหนา เวบ็ แทรกลูกเลน หรอื ภาพเคลอื่ นไหวไดด วยโปรแกรมทีใ่ ชสรา งเว็บไซต เชน Macromedia Dreamweaver, Microsoft FrontPage เปนตน ซง่ึ โปรแกรมเหลา นี้จะทำการสรางโคด HTML ใหอตั โนมัติ