บทที่ 1 เริ่มต้นกับการสร้างเว็บเพจ

  • เว็บเพจคืออะไร?
        เว็บเพจ คือ เอกสารที่ใช้ในการเผยแพร่ข้อมูลข่าวสารซึ่งประกอบด้วยข้อความ ภาพ เสียง และภาพยนตร์ ผ่านทางเครือข่ายอินเตอร์เน็ต เว็บเพจจะถูนำมาใช้ประโยชน์ในการประชาสัมพันธ์ และนำเสนอข้อมูลความรู้ต่าง ๆ จึงส่งผลทำให้แต่ละเว็บเพจมีความแตกต่างกันไปตามวัตถุประสงค์ของการนำไปใช้งานนั่นเอง
  • ประโยชน์ของเว็บเพจ
       เนื่องจากเว็บเพจสามารถเผยแพร่ข้อมูลได้ด้วยข้อความ ภาพ เสียง และภาพยนตร์ ดังนั้น เราจึงพบเห็นการนำเว็บเพจไปสร้างและพัฒนา เพื่อนำเสนอข้อมูล และข่าวสารในรูปแบบต่าง ๆ ได้อย่างมายมาย ดังนี้
         1. ข่าวและเหตุการณ์ในปัจจุบัน
                เว็บข่าวในปัจจุบัน สามารถนำเสนอได้อย่างฉับไว ทันต่อเหตุการณ์ ทำให้เราสามารถรู้เรื่องราวที่เกิดขึ้นจากที่ต่าง ๆ จากทั่วทุกมุมโลกได้อย่างรวดเร็ว ซึ่งสามารถดูเป็นภาพนิ่ง หรือเป็นภาพวิดีโอที่มีทั้งภาพและเสียง ทำให้รับข่าวสารอย่างครบถ้วน
        2.ข้อมูลความรู้และห้องสมุด 
        3.ประชาสัมพันธ์บริษัทและองค์กร 
                เป็นเว็บที่แนะนำความเป็นมา สินค้า บริการ ที่อยู่ที่ติดต่อ และข่าวประชาสัมพันธ์ขององค์กร
       4.ความบันเทิง 
                เป็นการนำเสนอ ภาพ เสียง วิดีโอ วิทยุ เป็นต้น
       5.การเงิน การลงทุน 
                เป็นเว็บนำเสอนข้อมูลทางการเงิน และการลงทุนรวมไปถึงบริการสำหรับทำธุรกรรมการเงินออนไลน์ผ่านเครือข่ายอินเทอร์เน็ต
       6.ซื้อ-ขายสินค้า และบิรการ          
               เป็นเว็บที่เหมือนร้านค้าสำหรับขายสินค้า และบริการต่าง ๆ รวมทั้งยังบริการรับฝากขายสินค้าอีกด้วย
       7.ดาวน์โหลดข้อมูล      
                เป็นเว็บที่ให้บริการดาวน์โหลดไฟล์ต่าง ๆ เช่น ไฟล์โปรแกรม ไฟล์ภาพ และไฟล์เพลง เป็นต้น
        8.บริการติดต่อสื่อสาร        
                เป็นเว็บที่ให้บริการในการติดต่อสื่อสารถึงกัน เช่นการรับส่งจดหมายอิเล็กทรอนิกส์ (E-mail),เว็บบอร์ด และเว็บแซ็ตสนทนาต่าง ๆ เป็นต้น

  • เว็บเพจทำงานได้อย่างไร ?

ขั้นตอนที่ 1 ผู้ใช้พิมพ์ตำแหน่งเว็บเพจในโปรแกรมบราวเซอร์ ก็จะมีการร้องขอข้อมูล ไฟล์เว็บเพจหน้านั้นไปยังเครื่องเซิร์ฟเวอร์ (Server คือ เครื่องที่เก็บและเผยแพร่เว็บเพจ)
ขั้นตอนที่ 2 ฝั่งเซิร์ฟเวอร์จะทำการค้นหาไฟล์เว็บเพจตัวที่ถูกร้องขอ
ขั้นตอนที่ 3 เว็บเซิร์ฟเวอร์ส่งข้อมูลไปยังเครื่องผู้ใช้และแสดงผลบนบราวเซอร์
แท้จริงแล้วไฟล์เว็บเพจ จะเป็นไฟล์โปรแกรมภาษา HTML ที่เป็นตัวกำหนดให้บราวเซอร์แสดงข้อความ และดึงข้อมูลของภาพ เสียง วิดีโอ ออกมาแสดงให้อยู่ในรูปแบบและตำแหน่งตามที่โปรแกรมกำหนด ซึ่งเราจะเรียนวิธีการเขียนภาษา HTML เพื่อสร้างและตกแต่งหน้าตาเว็บเพจ

  • คำศัพท์ที่เกี่ยวข้องกับการสร้างเว็บเพจ
Home Page
          เป็นเว็บเพจหน้าแรกสุดของข้อมูลแต่ละเรื่องเปรียบเสมือนปกหนังสือ ส่วนของโฮมเพจนี้เป็นส่วนที่บอกให้ทราบว่าข้อมูลนี้เป็นข้อมูลเรื่องใด พร้อมทั้งมีหัวข้อย่อยต่างๆ แยกออกไปตามแต่ผู้ใช้ต้องการจะเข้าไปค้นคว้าหรืออาจเรียกว่าเป็นสารบัญก็ได้

Web Site
         เป็นที่ใช้ในการจัดเก็บเว็บเพจแต่ละองค์กรที่จะนำเสนอข้อมูลของตน มักใช้ชื่อองค์กรของตนเป็นชื่อเว็บไซต์เลยเพื่อให้ผู้ที่สนใจสามารถจดจำได้ง่ายที่สุด เช่น ชื่อเว็บไซต์ของโรงเรียนชลกันยานุกูล มีชื่อว่า chonkanya (www.chonkanya.net)

Web Browser
       เป็นโปรแกรมพิเศษที่ใช้สำหรับอ่านและแสดงข้อมูลที่เป็นภาษา HTML เพื่อให้ผู้ใช้เครื่องคอมพิวเตอร์สามารถเห็นผลลัพธ์ของเว็บเพจนั้นๆ ได้ โดยปัจจุบันมีโปรแกรมที่ได้รับความนิยม ก็มี Internet Explorer , Firefox , Google Chrome เป็นต้น

URL
        (Uniform Resource Locator) คือ แหล่งที่อยู่ของเว็บไซต์ใดๆ เพราะฉะนั้นเราสามารถเข้าถึง website หนึ่งได้ โดยการพิมพ์ URL เช่น URL ของโรงเรียนมัธยมวิทยา คือ http://www.mtslampang.ac.th

Domain Name
         ชื่อที่ถูกตั้งขึ้นเพื่อใช้ในการระบุถึงเว็บไซต์ใดๆ เช่น เว็บไซต์ของโรงเรียนมัธยมวิทยา มีชื่อโดเมนเนม ว่า mtslampang.ac.th
ชื่อโดเมนจะแบ่งออกเป็นระดับชั้น โดยอาจจะเป็น ระดับ หรือ ระดับ ก็ได้ โดยแต่ละระดับจะถูกคั่นด้วยเครื่องหมายจุด เช่น

                                             Sanook.com     =  ชื่อโดเมน แบบ 2 ระดับ
                             mtslampang.ac.th    =  ชื่อโดเมนแบบ 3 ระดับ

ตัวอย่าง
                mtslampang                 ac               th


         ส่วนแรก   จะหมายถึงชื่อองค์กร
         ส่วนที่สอง จะเป็นส่วนขยายบอกประเภทขององค์กร เช่นเป็นองค์กรของเอกชนหรือองค์กรของรัฐ
         ส่วนที่สาม จะเป็นส่วนขยายบอกประเทศที่เครื่องคอมพิวเตอร์นั้นตั้งอยู่

ตัวอย่างส่วนขยายประเภทขององค์กร
   com หรือ co หมายถึง องค์กรของเอกชน (Commercial organization)
   edu  หรือ ac หมายถึง สถาบันการศึกษา (Education organization)
   gov  หรือ go หมายถึง องค์กรของรัฐ (Government organization)
   org  หรือ or หมายถึง องค์กรที่ไม่แสวงผลกำไร (Non-Commercial organization)
   mil   หรือ mi หมายถึง องค์กรทางทหาร 
(Military organization)
   net   หมายถึง องค์กรให้บริการเครือข่าย (Network organization)

ตัวอย่างส่วนขยายบอกประเทศ
   at  หมายถึง ออสเตรเลีย
   ca หมายถึง แคนาดา
   de หมายถึง เยอรมนี
   es หมายถึง สเปน
   fr   หมายถึง ฝรั่งเศส
   it   หมายถึง อิตาลี
   jp  หมายถึง ญี่ปุ่น
   th  หมายถึง ไทย
   uk หมายถึง อังกฤษ
   us หมายถึง สหรัฐอเมริกา

HTTP คือโปรโตคอลมาตรฐาน (HTTP : HyperText Transfer Protocol) ที่ใช้ในการแลกเปลี่ยนไฟล์

World Wide Web
        World Wide Web หรือที่เรามักเรียกสั้นๆว่า Web หรือ W3 (WWW) คือ คอมพิวเตอร์ส่วนหนึ่งบนอินเตอร์เน็ต ที่ถูกเชื่อมต่อกันในแบบพิเศษที่ทำให้คอมพิวเตอร์เหล่านั้นสามารถเข้าถึงข้อมูลเนื้อหาที่เก็บไว้ภายในของแต่ละเครื่องได้ (กลายเป็นแหล่งข้อมูลขนาดใหญ่) โดยผ่านทาง บราวเซอร์ (Browser) ซึ่งเป็นซอฟต์แวร์ประเภทหนึ่งที่ถูกสร้างขึ้นเพื่อใช้อ่านและตอบโต้ข้อมูลต่างๆที่มีอยู่ใน World Wide Web โดยเฉพาะ บราวเซอร์ที่พบเห็นได้มากที่สุดในปัจจุบัน ได้แก่ Internet Explorer , Firefox , Google Chrome เป็นต้น 

  • ขั้นตอนการสร้างเว็บไซต์

          เราสามารถนำเว็บเพจที่เราสร้างและนำมารวมกันหลายๆหน้า ที่เรียกว่า เว็บไซต์ โดยมีวิธีการคิดตั้งแต่กำหนดโครงร่างของเว็บเพจ จนถึงการอัพโหลดขึ้นบนอินเทอร์เน็ต ทั้งหมด 6 ขั้นตอน ดังนี้

          ขั้นตอนที่ 1  กำหนดโครงร่างของเว็บไซต์ (Site Map)
          ขั้นตอนที่ 2  กำหนดการเชื่อมโยงระหว่างเพจ
          ขั้นตอนที่ 3  ออกแบบเว็บเพจแต่ละหน้าภายในเว็บไซต์
          ขั้นตอนที่ 4  สร้างเว็บเพจแต่ละหน้า
          ขั้นตอนที่ 5  ลงทะเบียนขอพื้นที่เว็บไซต์ฟรี 
          ขั้นตอนที่ 6  อัพโหลดเว็บไซต์