ความรู้พื้นฐานเกี่ยวกับอินเทอร์เน็ต

อินเทอร์เน็ตคืออะไร

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

หลักการทำงานของอินเทอร์เน็ต
          การทำงานของอินเทอร์เน็ตนั้นจะประกอบด้วยส่วนต่างๆ ที่เกี่ยวข้องกันดังนี้
          - TCP/IP : ภาษาสื่อสาร
          การที่เครื่องคอมพิวเตอร์ที่ถูกเชื่อมโยงกันไว้ในระบบจะสามารถติดต่อสื่อสารกันได้นั้นจำต้องมีภาษาสื่อสาร (ที่เรียกว่า โพรโทคอล (Protocol)) เช่นเดียวกับคนเราที่ต้องมีภาษาพูดเพื่อให้สื่อสารเข้าใจกันได้ ภาษาสื่อสารในคอมพิวเตอร์ มีอยู่มากมายแตกต่างกันตามระบบที่ใช้ ซึ่งเครื่องคอมพิวเตอร์แต่ละเครื่องที่อยู่ในระบบจะต้องใช้ภาษาสื่อสารเดียวกันจึงจะติดต่อสื่อสารกันได้ ในระบบอินเทอร์เน็ตจะใช้ภาษาสื่อสารมาตรฐานที่ชื่อว่า TCP/IP  (อ่านว่า ทีซีพีไอพี ซึ่งย่อมาจากคำว่า Transmission Control Protocol/Internet Protocol) เป็นภาษาหลัก  ดังนั้น หากเครื่องคอมพิวเตอร์ใดไม่ว่าจะเป็นเครื่อง PC, MAC,หรือเครื่องระดับมินิ,จนไปถึงเมนเฟรม หากมี TCP,IP  นี้อยู่ก็จะสามารถเชื่อมโยงเข้าสู่อินเทอร์เน็ตได้

    ตัวอย่างของโพรโทคอลที่ใช้ในอินเทอร์เน็ต ได้แก่
        HTTP (Hypertext Transfer Protocol) ที่ใช้ในการส่งหน้าเว็บเพจ
        FTP (File Trensfer Protocol) ที่ใช้ในการส่งไฟล์ เป็นต้น

      - IP Address : หมายเลขประจำเครื่อง
      เครื่องคอมพิวเตอร์แต่ละเครื่องที่อยู่ในระบบอินเทอร์เน็ต จะต้องมีหมายเลขประจำเครื่องที่ไม่ซ้ำกันเลย เรียกว่า IP Address หรือ Internet Address เพื่อใช้เป็นตัวชี้เฉพาะให้กับระบบเมื่อมีการติดต่อสื่อสาร ภาษาสื่อสาร  TCP/IP จะใช้หมายเลข IP Address ของเครื่องต้นทางและปลายทางนี้ในการกำกับข้อมูลที่ถูก ส่งผ่านเข้าไปในระบบเพื่อให้สามารถส่งไปยังที่หมายเลขได้อย่างถูกต้องดังนั้น ถ้าเปรียบเครื่องแต่ละเครื่อง เป็นบ้านแต่ละหลัง IP Address ก็คือบ้านเลขที่ของบ้านแต่ละหลังนั่นเอง IP Address จะประกอบด้วยข้อมูล จำนวน 32 บิตโดยแยกออกเป็น 4 ส่วนๆ ละ 8 บิต โดยแต่ละส่วนจะคั่นกันด้วยเครื่องหมายจุด เช่น 207.68.156.54 เป็นต้น

      - Domain Name : ตั้งชื่อแทนหมายเลข
      เมื่อระบบอินเทอร์เน็ตมีเครื่องต่างๆ เข้าร่วมในระบบมากขึ้น การใช้ IP Address ในการอ้างถึงเครื่องคอมพิวเตอร์ของแต่ละองค์กรเริ่มกระทำได้ยากขึ้น เนื่องจาก IP Address เป็นตัวเลขที่ยากแก่การจดจำ ดังนั้นระบบอินเทอร์เน็ตจึงอนุญาตให้เครื่อง แต่ละเครื่องในระบบสามารถตั้งชื่อขึ้นมาแทนได้ เพื่อให้ผู้ที่ต้องการติดต่อด้วยเรียกใช้ได้สะดวกขึ้นชื่อเหล่านี้เรียกว่า ชื่อโดเมน (Domain Name)

  ชื่อโดเมนจะต้องเขียนอยู่ในรูปแบบของระบบชื่อโดเมน (Domain Name System หรือ DNS) โดยชื่อโดเมนจะแบ่งออกเป็นระดับชั้น โดยอาจจะเป็น 2 ระดับ หรือ 3 ระดับก็ได้โดยแต่ละระดับ จะคั่นกันด้วยเครื่องหมายจุดเช่นเดียวกับ IP Address

ประเภทของ Domain Name แบ่งได้เป็น 2 ประเภท 

  1.  โดเมน 2 ระดับ   ชื่อโดเมน . ประเภทของโดเมน

  2.  โดเมน 3 ระดับ   ชื่อโดเมน . ประเภทของโดเมน . ประเทศ

โดนเมนเนม 2 ระดับ  

จะประกอบด้วย  www . ชื่อโดเมน . ประเภทของโดเมน เช่น www.kruitti.com

ประเภทของโดเมน คือ คำย่อขององค์กร โดยประเภทขององค์กรที่พบบ่อย มีดังต่อไปนี้

* .com   คือ บริษัท หรือ องค์กรพาณิชย์

* .org    คือ องค์กรเอกชนที่ไม่แสวงผลกำไร

* .net    คือ องค์กรที่เป็นเกตเวย์ หรือ จุดเชื่อมต่อเครือข่าย

* .edu   คือ สถาบันการศึกษา

* .gov   คือ องค์กรของรัฐบาล

* .mil     คือ องค์กรทางทหาร

โดนเมนเนม 3 ระดับ  

จะประกอบด้วย www . ชื่อโดเมน . ประเภทของโดเมน . ประเทศ เช่น www.nwss.ac.th, www.google.co.th

ประเภทขององค์กรที่พบบ่อยคือ 

* .co คือ บริษัท หรือ องค์กรพาณิชย์

* .ac คือ สถาบันการศึกษา

* .go คือ องค์กรของรัฐบาล

* .net คือ องค์กรที่ให้บริการเครือข่าย

* .or  คือ องค์กรเอกชนที่ไม่แสวงผลกำไร

ตัวย่อของประเทศที่ตั้งขององค์กร 

* .th   คือ ประเทศไทย

* .cn  คือ ประเทศจีน

* .uk  คือ ประเทศอังกฤษ

* .jp   คือ ประเทศญี่ปุ่น

* .au  คือ ประเทศออสเตรเลีย

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

เว็บเพจ (Web Page) หมายถึง  หน้าเว็บแต่ละหน้าที่แสดงข้อมูลต่างๆ โดยปกตแล้วจะถูกสร้างให้อยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language)  โดยไฟล์  HTML  1  ไฟล์ก็คือเว็บเพจ  1  หน้า ซึ่งภายในเว็บเพจอาจประกอบไปด้วยข้อความ  ภาพ  เสียง วิดีโอ  และภาพเคลื่อนไหวแบบมัลติมีเดีย  ซึ่งนอกจากเว็บเพจในแต่ละหน้าจะมีการแสดงข้อมูลต่างๆแล้วยังสามารถ เชื่อมโยงกันในแต่ละหน้า เพื่อให้ผู้ชมเว็บไซต์นั้นเรียกดูเอกสารหน้าอื่นๆ ที่เกี่ยวข้องได้สะดวกและรวดเร็วอีกด้วย

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

เว็บเบราว์เซอร์ (Web browser) คือ โปรแกรมคอมพิวเตอร์ที่ใช้ในการท่องเว็บ และมีการจัดเก็บข้อมูลสารสนเทศต่างๆ ด้วยภาษาเฉพาะ เช่น ภาษา HTML ซึ่งก็เปรียบเสมือนกับเป็นเครื่องมือที่ใช้ในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ นอกจากนี้ยังสามารถดูเอกสารในเว็บเซิร์ฟเวอร์ได้ ไม่ว่าเว็บเหล่านั้นจะแสดงข้อมูลในลักษณะของภาพ ระบบมัลติมีเดีย รูปภาพหรือข้อความ ในปัจจุบันเว็บเบราว์เซอร์ที่รองรับระบบ HTML 5 สามารถอ่าน CSS 3 ได้อย่างสวยงาม และกำลังได้รับความนิยมมากที่สุด ก็มี 4 ประเภทดังนี้

• Internet Explorer

• Mozilla Firefox

• Google Chrome

• Safari

ส่วนประกอบของหน้าเว็บไซต์ 

ประเภทของเว็บไซต์และรูปแบบการใช้งาน 

องค์ประกอบในการออกแบบเว็บไซต์  

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

1. ความเรียบง่าย (Simplicity)

          หมายถึง การจำกัดองค์ประกอบเสริมให้เหลือเฉพาะองค์ประกอบหลัก กล่าวคือในการสื่อสารเนื้อหากับผู้ใช้นั้น เราต้องเลือกเสนอสิ่งที่เราต้องการนำเสนอจริง ๆ ออกมาในส่วนของกราฟิก สีสัน ตัวอักษรและภาพเคลื่อนไหว ต้องเลือกให้พอเหมาะ ถ้าหากมีมากเกินไปจะรบกวนสายตาและสร้างความคำราญต่อผู้ใช้ตัวอย่างเว็บไซต์ที่ได้รับการออกแบบที่ดี ได้แก่ เว็บไซต์ของบริษัทใหญ่ ๆ อย่างเช่น Apple Adobe Microsoft หรือ Kokia ที่มีการออกแบบเว็บไซต์ในรูปแบบที่เรียบง่าย ไม่ซับซ้อน และใช้งานอย่างสะดวก

2. ความสม่ำเสมอ ( Consistency)

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

3. ความเป็นเอกลักษณ์ (Identity)

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

4. เนื้อหา (Useful Content)

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

5. ระบบเนวิเกชั่น (User-Friendly Navigation)

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

6. คุณภาพของสิ่งที่ปรากฏให้เห็นในเว็บไซต์ (Visual Appeal)

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

7. ความสะดวกของการใช้ในสภาพต่าง ๆ (Compatibility)

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

8. ความคงที่ในการออกแบบ (Design Stability)

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

9. ความคงที่ของการทำงาน (Function Stability)

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

โครงสร้างของเว็บไซต์ 

1. เว็บที่มีโครงสร้างแบบเรียงลำดับ (Sequential Structure)

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

2. เว็บที่มีโครงสร้างแบบลำดับขั้น (Hierarchical Structure)

เป็นวิธีที่ดีที่สุดวิธีหนึ่งในการจัดระบบโครงสร้างที่มีความซับซ้อนของข้อมูล โดยแบ่งเนื้อหา ออกเป็นส่วนต่างๆ และมีรายละเอียดย่อยๆ ในแต่ละส่วนลดหลั่นกันมาในลักษณะแนวคิดเดียวกับ แผนภูมิองค์กร จึงเป็นการง่ายต่อการทำความเข้าใจกับโครงสร้างของเนื้อหาในเว็บลักษณะนี้ ลักษณะเด่นเฉพาะของ เว็บประเภทนี้คือการมีจุดเริ่มต้นที่จุดร่วมจุดเดียว นั่นคือ โฮมเพจ (Homepage) และเชื่อมโยงไปสู่เนื้อหา ในลักษณะเป็นลำดับจากบนลงล่าง

3. เว็บที่มีโครงสร้างแบบตาราง (Grid Structure)

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

4. เว็บที่มีโครงสร้างแบบใยแมงมุม (Web Structure)

โครงสร้างประเภทนี้จะมีความยืดหยุ่นมากที่สุด ทุกหน้าในเว็บสามารถจะเชื่อมโยงไปถึงกัน ได้หมด เป็นการสร้างรูปแบบการเข้าสู่เนื้อหาที่เป็นอิสระ ผู้ใช้สามารถกำหนดวิธีการเข้าสู่เนื้อหาได้ด้วย ตนเอง การเชื่อมโยงเนื้อหาแต่ละหน้าอาศัยการโยงใยข้อความที่มีมโนทัศน์ (Concept) เหมือนกัน ของแต่ละหน้าในลักษณะของไฮเปอร์เท็กซ์หรือไฮเปอร์มีเดีย โครงสร้างลักษณะนี้จัดเป็นรูปแบบที่ ไม่มีโครงสร้างที่แน่นนอนตายตัว (Unstructured) นอกจากนี้การเชื่อมโยงไม่ได้จำกัดเฉพาะเนื้อหา ภายในเว็บนั้นๆ แต่สามารถเชื่อมโยงออกไปสู่เนื้อหาจากเว็บภายนอกได้

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

ขั้นตอนที่ 1 การวางแผนการจัดทำเว็บไซต์

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

ขั้นตอนที่ 2 การกำหนดโครงสร้างของเว็บ

          เป็นขั้นตอนในการกำหนดผังของเว็บ เพื่อให้ทราบองค์ประกอบทั้งหมดของเว็บ

 ขั้นตอนที่ 3 การกำหนดการเชื่อมโยงเว็บเพจ

          การกำหนดการเชื่อมเว็บเพจ เป็นการกำหนดความสัมพันธ์ของการเชื่อมโยงในแต่ละหน้าเว็บเพื่อให้สามารถกลับไปกลับมาระหว่างหน้าต่าง ๆ ได้ โดยแต่ละไฟล์จะมีความสัมพันธ์กัน

ขั้นตอนที่ 4 การตั้งชื่อไฟล์และโฟลเดอร์

         1. การสร้างโฟลเดอร์

             การสร้างโฟลเดอร์ให้สร้างเป็นชื่อหน่วยงาน / เรื่องนั้น ๆ ควรใช้ตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 เช่น swt คือ โรงเรียนเสริมงามวิทยาคม จากนั้นข้างในโฟลเดอร์ swt ให้เราสร้างโฟลเดอร์เก็บรูปภาพ พื้นหลัง ไฟล์เสียง ไฟล์วีดีโอ หรือโฟลเดอร์อื่นเป็นชื่อภาษาอังกฤษ เช่น pic คือโฟลเดอร์เก็บรูปภาพ, bg คือ โฟลเดอร์เก็บพื้นหลัง เป็นต้น

         2. การตั้งชื่อไฟล์

             การตั้งชื่อไฟล์ให้ตั้งชื่อและนามสกุลไฟล์เป็นตัวอักษร ภาษาอังกฤษตัวพิมพ์เล็ก หรือผสมกับตัวเลข 0-9 หรือเครื่องมือขีดลบ/ขีดล่าง  และตั้งชื่อไฟล์ให้ตรงกับเรื่องนั้น ๆ เช่น history.html คือ ประวัติของโรงเรียน, person.html คือ บุคลากรของโรงเรียน เป็นต้น

ขั้นตอนที่ 5 การออกแบบเว็บเพจแต่ละหน้าในเว็บไซต์