สารบัญ

หนงั สอื -รหสั หนงั สอื +ชอ่ื หนงั สอื +อา่ น +พมิ พ์ ปกหนงั สอื คานา สารบญั บทของเนอื ้ หา บรรณานกุ รม -ประเภทของปก -เนอื ้ ความ -เนอื ้ ความ -เนอื ้ หาแตล่ ะบท -เนอื ้ ความ -ชื่อผ้แู ตง่ +พลกิ +ประเภทของสารบญั +อา่ น +พลกิ +อา่ น +พลกิ +อา่ น +อา่ น +พลกิ +อา่ น หน้าหนงั สอื +=njvsoy’lnv -เนอื ้ หาแตล่ ะหน้า ตวั หนงั สอื +พลกิ -อกั ขระ +อา่ น -สะกด รูปภาพ +ภาพ +ดู

สารบัญ 1 หน่วยท:่ี 1 ความรู้เบื้องต้นเกยี่ วกบั เวบ็ ไซต์ 2 3 คำศพั ทพ์ ้นื ฐำนเกี่ยวกบั อินเทอร์เน็ต 4 4 ควำมหมำยของอินเทอร์เนต็ 5 ควำมหมำยของเวลิ ดไ์ วดเ์ วบ็ ควำมหมำยของเวบ็ ไซต์ ประเภทของเวบ็ ไซต์

บทท่ี 1 ความรู้เบือ้ งต้นเกย่ี วกบั เวบ็ ไซต์ 1. ความรู้เบือ้ งต้นเกย่ี วกบั เวบ็ ไซต์ 1.1. เวลิ ด์ ไวด์ เวบ็ (World wide web หรือ www) เป็ นบริการหนึ่งในอินเทอร์เน็ตทไี่ ด้รับความนิยมเป็ นอย่างมาก เป็ นระบบทพ่ี ฒั นาขึน้ เพื่อเชื่อมโยงข้อมูล ทอ่ี ย่บู นเครื่องคอมพวิ เตอร์ต่างๆ โดยใช้โปรโตคอลเป็ น Http (Hypertext Transfer Protocol) ในการ เรียกใช้เอกสารผ่านโปรแกรมประเภทเวบ็ บราวเซอร์ ผ้ใู ช้สามารถเชื่อมโยงเอกสารหนึ่งไปยงั อกี เอกสารหน่ึงทอี่ ยู่ในคอมพวิ เตอร์เครื่องเดียวกนั หรือต่างเครื่อง กนั ทอ่ี ย่คู นละประเทศได้อย่างรวดเร็ว เครือข่ายของเอกสารเหล่านีป้ ระกอบกบั เทคโนโลยที เี่ ก่ียวข้องในการ นาเสนอข้อมูลนีบ้ นอนิ เตอร์เน็ตรู้จักโดยทวั่ ไปว่า World wide web (www) หรือ W หรือ Web และเคร่ือง คอมพวิ เตอร์ทใี่ ห้บริการเวบ็ เพจเรียกว่าเวบ็ ไซต์ (Website)

1.2. ส่วนประกอบของหน้าเวบ็ เพจ ส่วนประกอบของหน้าเวบ็ เพจแบ่งออกเป็ น ส่วน ดังนี้ รูปส่วนประกอบของหน้าเวบ็ เพจ 1. ส่วนหัวของหน้า (Page Header) จะอยู่บริเวณบนสุดของหน้าเวบ็ เพจ เป็ นส่วนท่แี สดงช่ือ เวบ็ ไซต์ โลโก้ แบนเนอร์โฆษาลงิ ค์สาหรับข้ามไปยงั หน้าเวบ็ อื่น 2. ส่วนของเนื้อหา (Page Body) จะอย่บู ริเวณตอนกลางของหน้าเวบ็ เพจ ซ่ึงเป็ นส่วนทแ่ี สดงเนื้อหา ในหน้าเวบ็ เพจน้ัน โดยประกอบด้วยข้อความ ข้อมูล ภาพเคลื่อนไหว เป็ นต้น 3. ส่วนท้ายกระดาษ (Page Footer) จะอย่บู ริเวณด้านล่างสุดของหน้าเวบ็ เพจ ส่วนมากใช้สาหรับ ลงิ ค์ข้อความส้ัน ๆ เข้าใจง่าย หรือจะมชี ื่อเจ้าของเวบ็ ไซต์ อเี มล์แอดเดรสของผู้ดูแลเวบ็ เวบ็ ไซต์สาหรับ ตดิ ต่อกบั ทางเวบ็ ไซต์ 1.3. รูปแบบของเวบ็ ไซต์ รูปแบบของเวบ็ ไซต์สามารถแบ่งได้เป็ น รูปแบบหลกั ๆ คือ 1. Static Website

Static Wedsite หมายถึงเวบ็ ไซต์ทสี่ ร้างด้วยภาษา HTML ธรรมดา และบนั ทกึ เป็ นไพล์นามสกุล .html เนื้อหาข้อความ รูปภาพในหน้าเวบ็ เพจน้ันจะไปตามทเี่ ราเขยี นกาหนดไว้ 2. Dynamic Website Dynamic Website หมายถึง เวบ็ ไซต์ทห่ี น้าเวบ็ เพจสามารถเปลย่ี นแปลงข้อมูลเองได้โดยไม่ต้อง เขียนแต่ละหน้าเวบ็ เพจเอง เช่น กระดาษข่าว (Webboard), ระบบสืบค้นข้อมูล เวบ็ ไซต์ รูปแบบนีจ้ ะถูก สร้างด้วยภาษาสคริปต์ (Script) แบบ Sever Side Script เช่น PHP,ASP,ASP.NET,JSP และข้อมูลอื่น ๆ ไพล์เอกสารทไี่ ด้จะมีนามสกลุ .php, .asp เป็ นต้น และมกั จะมีการตดิ ต่อกบั ฐานข้อมูลเพื่อบนั ทกึ ข้อมูลลงใน ฐานข้อมูล หรือนาข้อมูลจากฐานข้อมูลขนึ้ มาแสดงผลเป็ นหน้าเวบ็ เพจ 1.4. แนวทางหลกั การออกแบบเวบ็ ไซต์ แนวทางหลกั การออกแบบเวบ็ ไซต์สามารถแบ่งออกเป็ นข้นั ตอนต่าง ๆ เพ่ือให้เหมาะสมกบั ผู้เร่ิมต้นใช้ เป็ นแนวทางในการสร้างและพฒั นาเวบ็ ไซต์ ตลอดจนการเชื่อมโยงเวบ็ เพจแต่ละหน้าเข้าด้วยกนั 1. การวางแผน การวางแผนนับว่ามคี วามสาคัญมากในการสร้างเวบ็ ไซต์ เพื่อให้การทางาน ใน ข้นั ตอนต่างๆ มแี นวทางทชี่ ัดเจนและสามารถปฏิบตั ไิ ด้ตามทต่ี ้ังเป้าไว้ 2. การกาหนดเนื้อหาและจุดประสงค์ของเวบ็ ไซต์ การกาหนดเนื้อหาและจุดประสงค์ของเวบ็ ไซต์ท่ี จะสร้าง นับเป็ นสิ่งสาคัญอย่างมากในการเร่ิมต้นสร้างเวบ็ ไซต์เลยทเี ดียวเพื่อให้เห็นภาพว่าเราต้องการ นาเสนอข้อมูลแบบใด เมื่อสามารถกาหนดจุดประสงค์ได้แล้ว เงื่อนไขเหล่านีจ้ ะเป็ นตวั กาหนดโครงสร้าง รูปแบบรวมถึงหน้าตาและสีเวบ็ ไซต์ของเราได้ด้วย 3. การกาหนดกล่มุ เป้าหมาย เพื่อสร้างและออกแบบเวบ็ ไซต์ได้รับความนิยม การกาหนด กล่มุ เป้าหมายในการเข้ามาชมเวบ็ ไซต์กน็ ับว่ามีความสาคญั ไม่น้อย 4. การเตรียมข้อมูล เนื้อหาหรือข้อมูลจัดว่าเป็ นส่ิงทเ่ี ชิญชวนให้ผ้อู ื่นเข้ามาเยย่ี มชมเวบ็ ไซต์ และ ต้องทราบว่าข้อมูลข่าวสารต่าง ๆ สามารถนามาจากแหล่งใดบ้าง และทส่ี าคญั ขออนุญาตเิ จ้าของบทความ ก่อนเพื่อป้องกนั เร่ืองลขิ สิทธ์ิ 5. การเตรียมสิ่งต่างๆทจี่ าเป็ น การออกแบบเวบ็ ไซต์ต้องอาศัยความสามารถต่างๆ เช่น โปรแกรม สาหรับสร้างเวบ็ ไซต์ ภาพเคล่ือนไหว มัลติมเี ดีย การจดโดเมนเนม การหาผ้ใู ห้บริการรับฝากเวบ็ ไซต์ (Web Hosting) เป็ นต้น

6. การออกแบบหน้าเว็บหลกั หน้าแรกของเวบ็ เพจถือเป็ นหน้าสาหรับต้อนรับผ้ชู ม เป็ นหน้าเริ่มต้น ของเวบ็ ไซต์ เมื่อผ้ชู มเปิ ดเข้ามาจะพบหน้านีเ้ ป็ นอนั ดับแรกโดยปกติหน้าแรกจะมีองค์ประกอบหลกั คือ โล โก องค์กร แถวช่ือองค์กร รูปภาพ โฆษณา ตวั อย่างการออกแบบหน้าเว็บหลกั 7. การจัดโครงสร้างข้อมูล เมื่อได้ข้อมูลต่างๆ เช่น กาหนดเนื้อหาและจุดประสงค์ของเวบ็ ไซต์ การ กาหนดกลุ่มเป้าหมาย การเตรียมข้อมูล การเตรียมส่ิงต่างๆ ทจ่ี าเป็ นจากข้ันแรกเรียบร้อยแล้ว ในข้นั ตอนนี้ จะต้องจัดระบบเพื่อใช้เป็ นกรอบสาหรับการออกแบบและดาเนินการในข้นั ตอนต่อไป ซ่ึงมรี ายละเอยี ด ดงั ต่อไปนี้ - การใช้ระบบนาผู้เข้าชมไปยงั ส่วนต่าง ๆ ภายในเวบ็ ไซต์หรือทเี่ ราเรียกว่าระบบนาทาง(Navigation) - องค์ประกอบทตี่ ้องนามาใช้ เช่น สื่อมลั ติมเี ดยี ภาพกราฟิ ก แบบฟอร์มต่าง ๆ - การกาหนดรูปแบบและลกั ษณะของเวบ็ เพจ - การกาหนดฐานข้อมูล ภาษาสคริปต์หรือแอปพลเิ คชันทน่ี ามาใช้ในเวบ็ ไซต์ - การบริการเสริมต่าง ๆ

- การออกแบบเวบ็ ไซต์ นับเป็ นข้ันตอนในการออกแบบรูปร่าง โครงสร้างและลกั ษณะทางด้านกราฟิ ก ของหน้าเวบ็ เพจโดย โปรแกรมทเี่ หมาะสมในการออกแบบคือ Photoshop หรือ Fireworks ซ่ึงจะช่วยในการ สร้างเค้าโครงของหน้าเวบ็ และองค์ประกอบต่าง ๆ เช่น ช่ือเวบ็ ไซต์ โลโก้ รูปไอคอน ป่ ุมไอคอน ภาพเคล่ือนไหว แบนเนอร์โฆษณา เป็ นต้น - ในการออกแบบเวบ็ ไซต์น้ันยงั ต้องคานึงถงึ สีสันและรูปแบบของส่วนประกอบต่าง ๆทไ่ี ม่ใช่ ภาพกราฟิ ก เช่น ขนาดของตัวอกั ษร สีของข้อความ สีพืน้ ลวดลายของเส้นกรอบเพื่อความสวยงามและ ดงึ ดูดผู้เยยี่ มชมด้วย ตวั อย่างการออกแบบเวบ็ ไซต์เกยี่ วกบั ร้านเสื้อผ้า 1.5. กระบวนการพฒั นาเวบ็ ไซต์ การทจี่ ะสร้างพฒั นาเวบ็ เพจและนาเวบ็ ไซต์เข้าสู่ระบบเวลิ ด์ ไวด์ เวบ็ ให้คนอื่นเข้ามาเยยี่ มชมได้น้ันมี กระบวนการทผ่ี ้พู ฒั นาเวบ็ ไซต์จะต้องศึกษาและปฏิบัตติ าม ดังนี้ 1. การวางแผนการทางาน

การวางแผนการทางานเปรียบเหมือนเข็มทศิ ทจ่ี ะชี้ทางให้เรารู้ว่าควรจะเดินทางไปในทิศทางใดเพื่อ ไม่ให้หลงทางการสร้าง เวบ็ ไซต์กเ็ หมือนกนั จาเป็ นต้องมกี ารวางแผนการทางานให้รอบด้านก่อนทจ่ี ะเริ่มลงมือทาโดยมีหลกั ทต่ี ้อง กาหนดในการวางแผน ดงั นี้ 1.1 ระยะเวลาการทางาน เป็ นการกาหนดช่วงเวลาทจ่ี ะใช้ในการสร้างเวบ็ 1.2 ทมี งานหรือผู้ร่วมงาน ปกติการสร้างเวบ็ ต้องทางานเป็ นทมี อย่างน้อยต้องมี ผู้เช่ียวชาญ ฝ่ าย คือ ผู้เชี่ยวชาญด้านภาษา HTML หรือโปรแกรมสร้างเวบ็ เพจผู้เชี่ยวชาญด้านการออกแบบ และตกแต่งภาพ และผู้ เชี่ยวชาญด้านเนื้อหาหรือบรรณาธิการ 1.3 งบประมาณ เป็ นการกาหนดค่าใช้จ่าย 1.4 อปุ กรณ์หรือเคร่ืองมือช่วยงาน เช่น เครื่องคอมพวิ เตอร์ เคร่ืองสแกนเนอร์และรูปภาพประกอบ เวบ็ เพจ เป็ นต้น 1.5 ปัญหาและอปุ สรรค 2. การรวบรวมและวเิ คราะห์โครงสร้าง

เป็ นข้ันตอนหน่ึงทตี่ ่อจากการวางแผน เป็ นการแผนงานไปปฏบิ ัติ โดยการรวบรวมข้อมูลที่ จาเป็ นต้องใช้ในการสร้างเวบ็ ตาม หวั ข้อทเี่ ลือกไว้ ท้งั เนื้อหา ภาพ เสียงและภาพเคลื่อนไหว เกบ็ รวบรวมเป็ นไฟล์ข้อมูล หรือใส่แฟ้มแยกเป็ น หมวดหมู่ เพ่ือความสะดวก ในการนามาใช้งาน 3. การออกแบบและการสร้างเวบ็ ไซต์ เป็ นข้ันตอนการนาข้อมูลท้งั หมดมาสร้างเป็ นเวบ็ ไซต์ด้วยภาษา HTML หรือเครื่องมือในการสร้าง เวบ็ อื่นๆ หลกั สาคัญในการ ออกแบบและสร้างเวบ็ คือ 1. กาหนดจุดประสงค์เวบ็ ไซต์ โดยวางเป้าหมายของผ้เู ข้าชมว่าจะเป็ นกลุ่มใด 2. เลือกเวบ็ เบราว์เซอร์ เป็ นการเลือกเวบ็ เบราว์เซอร์ทใ่ี ช้แสดงผลเวบ็ ไซต์ จะได้กาหนดขนาดกว้าง ยาว และลกั ษณะการวาง องค์ประกอบเวบ็ ให้สวยงามและแสดงผลได้เร็ว

3. วางโครงร่างของเวบ็ ไซต์ กาหนดโครงร่างว่ามที ้งั หมดกเี่ วบ็ เพจแต่ละเวบ็ เพจมีเนื้อหาอะไรบ้าง ควรเขยี นเป็ นแผนผงั เวบ็ ไซต์ออกมาบนกระดาษ 4. ออกแบบหน้าตาเวบ็ เป็ นข้นั ตอนในการลงมือสร้างเวบ็ เพจแต่ละหน้าตามทไ่ี ด้ออกแบบไว้ พร้อม กบั ทดสอบผ่านเวบ็ เบราว์เซอร์ (แบบ Offline) 4. ทดสอบและปรับปรุงเวบ็ ไซต์ ทดสอบและปรับปรุงเวบ็ ไซต์ หมายถึง การทดสอบแบบออฟไลน์ โดยทยี่ งั ไม่ได้นาเวบ็ ไซต์เข้าสู่ อนิ เทอร์เน็ต แต่กส็ ามารถ แสดงผลได้เหมือนจริงผ่านเวบ็ เบราว์เซอร์ เช่น IE เพ่ือตรวจสอบตัวอย่างเวบ็ ทสี่ ร้างไว้ เช่น ขนาดตวั อกั ษร ขนาดภาพ การใช้สี ตาราง ฯลฯ ว่าเหมาะสมหรือไม่ พร้อมกบั การปรับปรุงจนเป็ นท่นี ่าพอใจ 5. เผยแพร่ผ่านเวบ็ ไซต์

เผยแพร่ผ่านเวบ็ ไซตเป็ นการเผยแพร่ให้คนทวั่ ไปได้รู้จัก หรือเรียกว่าการอพั โหลด (Upload) โดย เจ้าของเวบ็ จะต้องจด ทะเบียนโดเมนเนม และเช่าพืน้ ทโี่ ฮสต์ กส็ ามารถนาเวบ็ เพจอพั โหลดขึน้ สู่อินเทอร์เน็ต และประชาสัมพนั ธ์ ให้คนทวั่ ไปได้รู้จัก การทจี่ ะ ทาให้คนรับรู้และเข้ามาใช้บริการเวบ็ ไซต์ได้มากน้ันจะต้องมีการประชาสัมพนั ธ์อย่างต่อเน่ืองและใช้เวลา พอสมควร และถ้าจะให้ดคี วรมี เคาน์เตอร์ (Counter) หรือตัวจดสถิติผู้เข้าชม กจ็ ะช่วยให้ประเมนิ ได้ว่าเวบ็ ไซต์ของเราได้รับความสนใจมาก น้อยเพยี งใด 6. การพฒั นาเวบ็ ไซต์ การพฒั นาเวบ็ ไซต์ เป็ นการปรับปรุงเนื้อหา ภาพประกอบหรืออพั เดท (Update) เวบ็ ไซต์ ถือเป็ น ข้นั ตอนสาคญั เพราะในโลก ของอนิ เทอร์เน็ตมกี ารเปลยี่ นแปลงอย่างรวดเร็วอย่ตู ลอดเวลา ผู้ชมเวบ็ มกั จะใช้เวลาในการค้นหาและเปิ ด ผ่านเวบ็ ไซต์ต่างๆ อย่าง รวดเร็วหากพบว่าเวบ็ ไซต์ของเราไม่ได้เปลยี่ นแปลงหรือมีข้อมูลใหม่ๆ เพม่ิ ขึน้ เลย ผ้เู ข้าชมเวบ็ กจ็ ะลด จานวนลงไปเรื่อยๆ จนกลายเป็ นเวบ็ ทไี่ ม่มผี ู้คนเข้ามาเลยหรือเป็ นเวบ็ ทตี่ ายแล้ว

ตวั อย่างกระบวนการพฒั นาเวบ็ ไซต์ ดังน้ันการปรับปรุงเวบ็ ไซต์อย่เู สมออาจจะวนั ละคร้ัง หรือสัปดาห์ละคร้ัง โดยเพม่ิ ข้อมูล ข่าวสาร ใหม่ๆ อย่เู ป็ นประจากจ็ ะทาให้ เวบ็ ไซต์ทนั สมยั ผ้คู นเข้าชมเป็ นประจาและมากขนึ้ จนพฒั นาเป็ นเวบ็ ไซต์ยอดนิยมได้ในทส่ี ุด