พื้นฐานของระบบเว็บไซต์ และข้อมูลทั่วไปในการสร้างเว็บไซต์
ในช่วงแรกๆ การบริการข้อมูลข่าวสารจะส่งถึงกันบนโปรโตคอล Telnet (Port 23) และใช้ FTP (Port 21) เพื่อการแลกเปลี่ยนแปลงส่งไฟล์ ต่อมาในปี ค.ศ. 1991 Tim Berners -Lee นักเขียนโปรแกรมที่ทำงานในสถาบัน CERN ซึ่งเป็นห้องปฏิบัติการฟิสิกส์แห่งยุโรป ที่ประเทศสวิตเซอร์แลนด์ ได้พัฒนาโปรแกรมเพื่อใช้งานอินเทอร์เน็ตได้ง่ายขึ้น และช่วยให้ผู้ใช้สามารถสร้างเอกสาร บนอินเทอร์เน็ตที่เรียกว่าเว็บเพจ (Webpage) ที่ทำให้สามารถเชื่อมโยงไปยังเอกสารที่เกี่ยวข้องได้ การเชื่อมโยงเอกสารนี้เรียกว่าไฮเปอร์ลิงค์ (Hyperlink) ซึ่งผู้ใช้สามารถเชื่อมโยงเอกสารหนึ่งไปยังเอกสารหนึ่งที่อยู่ในคอมพิวเตอร์เครื่องเดียวกัน หรือต่างเครื่องกัน ที่อยู่คนละประเทศได้อย่างรวดเร็ว
เครือข่ายของเอกสารเหล่านี้ประกอบกับเทคโนโลยีที่เกี่ยวข้องในการนำเสนอข้อมูลบนอินเทอร์เน็ตรู้จักโดยทั่วไปว่า world wide web (www) หรือ Web และเครื่องคอมพิวเตอร์ที่ใช้บริการเว็บเพจ เรียกว่า "เว็บไซต์" (Website)
ส่วนประกอบของหน้าเว็บเพจ แบ่งออกเป็น 3 ส่วนดังนี้
- ส่วนหัวของหน้า (Page Header) : จะอยู่บริเวณบนสุดของหน้าเว็บเพจ เป็นส่วนที่แสดงชื่อเว็บไซต์โลโก้ แบนเนอร์โฆษณาลิงค์ สำหรับข้ามไปยังอีกหน้าหนึ่ง
- ส่วนของเนื้อหา (Page Body) : จะอยู่บริเวณตรงกลางของหน้าเว็บเพจ ซึ่งเป็นส่วนที่แสดงเนี้อหา รายละเอียด ข้อมูลภายในหน้าเว็บเพจ
- ส่วนท้ายกระดาษ (Page Footer) : จะอยู่บริเวณด้านล่างสุดของหน้าเว็บเพจ ส่วนมากใช้สำหรับลิงค์ข้อความสั้นๆ เข้าใจง่าย เช่น ที่อยู่ license ต่างๆ ของเว็บไซต์
รูปแบบของเว็บไซต์ แบ่งออกเป็น 2 รูปแบบหลักๆ คือ
- Static Website : เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และมักจะบันทึกเป็นไฟล์นามสกุล .html เหมาะกับเว็บไซต์ ที่มีขนาดเล็กจำนวนหน้าเว็บเพจไม่มาก และเปลี่ยนแปลงข้อมูลไม่บ่อย
- Dynamic Website : เว็บไซต์ที่สามารถเปลี่ยนแปลงข้อมูลเองได้โดยไม่ต้องเขียนแต่ละหน้าเว็บเพจเอง ซึ่งอาจมีระบบหลังบ้านเพื่ออัปเดตข้อมูลส่วน Body
หลักการออกแบบเว็บไซต์
แนวทางในการออกแบบเว็บไซต์ สามารถแบ่งออกเป็นขั้นตอนต่างๆ เพื่อให้เหมาะสมกับผู้เริ่มต้นใช้เป็นแนวทางในการสร้างเว็บไซต์ ออกแบบเว็บไซต์ และพัฒนาเว็บไซต์ ตลอดจนการเชื่อมโยงเว็บเพจแต่ละหน้าเข้าด้วยกัน แบ่งเป็นขั้นตอนดังนี้
- การวางแผน : นับว่ามีความสาคัญมากในการสร้างเว็บไซต์ เพื่อให้การทำงานในขั้นตอนต่างๆ มีแนวทางที่ชัดเจน และสามารถปฏิบัติได้ตามที่ตั้งเป้าไว้
- การกำหนดเนื้อหาและจุดประสงค์ของเว็บไซต์ : นับเป็นสิ่งสาคัญอย่างมากในการเริ่มต้นสร้างเว็บไซต์ เพื่อให้เห็นภาพว่าเราต้องการนำเสนอข้อมูลแบบใด มีข้อมูลอะไรบ้าง
- การกำหนดกลุ่มเป้าหมาย : เพื่อให้การสร้างและออกแบบเว็บไซต์ได้รับความนิยม เราต้องการทำเว็บไซต์ให้กลุ่มใด ใครเป็นผู้เข้าเข้ามาดู เข้ามาใช้เว็บไซต์
- การเตรียมข้อมูล : เนื้อหาบนเว็บไซต์หรือข้อมูลต่างๆ บนเว็บเพจ จัดว่าเป็นสิ่งที่เชิญชวนให้ผู้อื่นเข้ามาเยี่ยมชมเว็บไซต์ และต้องการทราบว่าข้อมูลข่าวสารต่างๆ
- การเตรียมสิ่งต่างๆ ที่จำเป็นในการออกแบบเว็บไซต์ : ต้องอาศัยความสามารถต่างๆ เช่น โปรแกรมสำหรับสร้างเว็บไซต์ ภาพต่างๆ มัลติมีเดีย การจดทะเบียนโดเมนเนม เป็นต้น
- การออกแบบหน้าเว็บหลัก (หน้า index) : หน้าแรกของเว็บเพจ ถือเป็นหน้าสำหรับต้องรับผู้ชม และเป็นหน้าเริ่มต้นของเว็บไซต์ ตัวอย่างการออกแบบหน้าเว็บหลัก (หน้า index)
- การจัดโครงสร้างข้อมูล : จัดระบบเพื่อใช้เป็นกรอบสำหรับการออกแบบและพัฒนาเว็บไซต์ในขั้นตอนต่อไป
สนใจออกแบบและพัฒนาเว็บไซต์ด้วย PHP7 HTML5 CSS3 ติดต่อ : รับทำเว็บไซต์ ออกแบบเว็บไซต์ คุณภาพดีที่สุด หรือเข้าดูผลงานของเราที่ : ผลงานการออกแบบเว็บไซต์ Responsive Design
