Please enable JavaScript.
Coggle requires JavaScript to display documents.
กระบวนการทำงานและโครงสร้างของเว็บไซต์ - Coggle Diagram
กระบวนการทำงานและโครงสร้างของเว็บไซต์
คำศัพท์พื้นฐานต่างๆ ที่เกี่ยวข้องกับเว็บไซต์
เว็บเพจ (web page)
ข้อมูลที่สร้างขึ้นในรูปแบบต่างๆ ไม่ว่าจะเป็นข้อความ รูปภาพ เสียง ภาพเคลื่อนไหว โดยจัดเก็บอยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language) ซึ่งไฟล์ HTML 1 ไฟล์ก็คือเว็บเพจ 1 หน้านั่นเอง
เว็บไซต์ (web site)
เว็บเพจหลายๆ หน้ารวมกัน โดยมีการกำหนดเว็บเพจหน้าแรก เรียกว่า โฮมเพจ ที่เป็นช่องทางเว็บเพจทั้งหมดภายในเว็บไซต์นั้น
โฮมเพจ (home page)
เอกสารของเว็บเพจ ซึ่งเมื่อเข้าสู่เว็บแล้วจะปรากฏเป็นหน้าแรกสุด ซึ่งผู้สร้างจะต้องสร้างให้โดดเด่น น่าสนใจ เพื่อให้เข้าไปยังเว็บเพจหน้าต่อๆ ไป
เว็บบราวเซอร์ (web browser)
โปรแกรมสำหรับเรียกดูเว็บเพจ โดยตัวเว็บบราวเซอร์จะเข้าใจในภาษา HTML ซึ่งเป็นภาษามาตรฐานของเว็บบราวเซอร์ เช่น Internet Explorer, Mozilla Firefox, Google Chrome, เป็นต้น
เว็บเซิร์ฟเวอร์ (web server)
ที่เก็บเว็บเพจ เมื่อผู้ใช้ต้องการเปิดดูเว็บเพจที่อยู่ในเครื่องเซิร์ฟเวอร์ โดยเว็บบราวเซอร์จะทำการติดต่อกับเซิร์ฟเวอร์ที่เก็บเว็บไซต์นั้น เพื่อให้มีการโอนย้ายข้อมูลมาแสดงที่เครื่องของผู้ใช้
ความสำคัญที่ต้องมีเว็บไซต์
เป็นอีกช่องทางหนึ่งในการประกาศ โฆษณา และเป็นตลาดซื้อขายสินค้า
สร้างความน่าเชื่อถือให้กับองค์กร บริษัท
โปรโมทองค์กร ให้เป็นที่รู้จัก
ประโยชน์ของเว็บไซต์
ช่วยส่งเสริมศักยภาพการแข่งขันในด้านธุรกิจ
ช่วยโฆษณาบริษัทหรือองค์กร และช่วยเผยแพร่ข้อมูลข่าวสารและบริการต่างๆ ให้เป็นที่รู้จักอย่างแพร่หลาย
ช่วยขายสินค้าทางอินเตอร์เน็ต สร้างรายได้โดยไม่ต้องมีหน้าร้านหรือสำนักงาน
สามารถให้บริการต่างๆ ของธุรกิจหรือองค์กรแบบออนไลน์ เป็นการอำนวยความสะดวกแก่ลูกค้า
ช่วยลดค่าใช้จ่ายในการโฆษณาประชาสัมพันธ์ธุรกิจ
การทำงานของเว็บไซต์
เครื่องคอมพิวเตอร์ของเราพิมพ์ที่อยู่เว็บไซต์ที่จะเปิดดูและร้องขอไปยังเครื่องเซิร์ฟเวอร์
เว็บเซิร์ฟเวอร์ค้นหาไฟล์ เว็บไซต์ที่เครื่องผู้ใช้ร้องขอ
ไฟล์ที่เก็บเว็บไซต์ที่เว็บเซิร์ฟเวอร์
เว็บเซิร์ฟเวอร์ส่งข้อมูลไฟล์เว็บเพจไปให้เครื่องผู้ใช้เปิดแสดงภาพผ่านบราวเซอร์
โครงสร้างเว็บไซต์
เว็บที่มีโครงสร้างแบบเรียงลำดับ (sequential struture)
โครงสร้างแบบนี้เหมาะกับเว็บไซต์ที่มีขนาดเล็ก เนื้อหาไม่ซับซ้อนใช้การลิงค์ไปทีละหน้า ทิศทางของการเข้าสู่เนื้อหา (Navigation) ภายในเว็บจะเป็นการดำเนินเรื่องในลักษณะเส้นตรง โดยมีปุ่มเดินหน้า-ถอยหลัง
เว็บที่มีโครงสร้างแบบลำดับขั้น (hierarchical structure)
แบ่งเนื้อหาออกเป็นส่วนต่างๆ และมีรายละเอียดย่อยๆ ในแต่ละส่วนลดหลั่นกันมา ลักษณะเด่นเฉพาะของเว็บประเภทนี้คือ การมีจุดเริ่มต้นที่จุดร่วมจุดเดียว นั่นคือ โฮมเพจ (Homepage) และเชื่อมโยงไปสู่เนื้อหาในลักษณะเป็นลำดับจากบนลงล่าง
เว็บที่มีโครงสร้างแบบตาราง (grid structure)
การออกแบบเพิ่มความยืดหยุ่นให้แก่การเข้าสู่เนื้อหาของผู้ใช้ โดยเพิ่มการเชื่อมโยงซึ่งกัน การเข้าสู่เนื้อหาของผู้ใช้จะไม่เป็นลักษณะเชิงเส้นตรง ผู้ใช้สามารถเปลี่ยนทิศทางการเข้าสู่เนื้อหาของตนเองได้
เว็บที่มีโครงสร้างแบบใยแมงมุม (web structure)
โครงสร้างประเภทนี้จะมีความยืดหยุ่นมากที่สุด ทุกหน้าในเว็บสามารถจะเชื่อมโยงไปถึงกันได้หมด เป็นการสร้างรูปแบบการเข้าสู่เนื้อหาที่เป็นอิสระ
ส่วนประกอบของหน้าเว็บไซต์
ส่วนหัวของส่วนของเนื้อหา (Page Body)
ส่วนของเนื้อหา (Page Body)
ส่วนท้ายของหน้า (Page Footer)
รูปแบบของเว็บไซต์
สเตติกเว็บไซต์ (Static Website)
ร้องขอเว็บเพจ
ส่งเว็บเพจกลับไปยัง Web Browser
ไดนามิกเว็บไซต์ (Dynamic Website)
ร้องขอเว็บเพจ
เรียกซอฟต์แวร์โปรแกรมภาษาขึ้นมาประมวลผลไฟล์โปรแกรม
ติดต่อกับฐานข้อมูล (ถ้ามี)
ส่งเว็บเพจกลับไปยัง Web Browser
เว็บความหมาย (Semantic Website)
เป็นเทคโนโลยีที่ใช้ในการจัดเก็บและนำเสนอเนื้อหาแบบมีโครงสร้าง รวมถึงสามารถที่จะวิเคราะห์ จำแนก หรือจัดแบ่งได้ว่าข้อมูลที่ปรากฏนั้นมีความสัมพันธ์ กับข้อมูลอื่นๆ ในแต่ละระดับอย่างไร
โปรแกรมที่ใช้สร้างเว็บไซต์
โปรแกรมที่ใช้เขียน Code เว็บเพจด้วยภาษา HTML
HTML ซึ่งย่อมาจาก Hyper Text Markup Language เป็นโปรแกรมภาษาประเภทหนึ่งสำหรับแสดงข้อความต่างๆ ในรูปของข้อความ รูปภาพ หรือภาพเคลื่อนไหว ฯลฯ และสามารถเชื่อมโยงข้อมูลไปยังเอกสารอื่นได้
โปรแกรมสำเร็จรูปสำหรับสร้างเว็บไซต์
สร้างเว็บไซต์ด้วยโปรแกรมสำเร็จรูป Dreamweaver
สร้างเว็บไซต์ด้วยโปรแกรมระบบ CMS (Content Management System)
ขั้นตอนการสร้างเว็บไซต์
ขั้นตอนที่ 1 กำหนดโครงร่างของเว็บไซต์
ขั้นตอนที่ 2 กำหนดการเชื่อมโยงระหว่างเว็บเพจ
ขั้นตอนที่ 3 ออกแบบเว็บเพจแต่ละหน้าภายในเว็บไซต์
ขั้นตอนที่ 4 สร้างเว็บเพจแต่ละหน้า
ทำการเขียนโปรแกรมภาษา HTML หรือโปรแกรมสำเร็จรูปสำหรับสร้างเว็บไซต์
ขั้นตอนที่ 5 ลงทะเบียนขอพื้นที่เว็บไซต์ฟรี
ขั้นตอนที่ 6 อัพโหลดเว็บไซต์
ด้วยโปรแกรม Cute FTP, File, Zilla เพื่อให้คนทั่วโลกสามารถดูเว็บไซต์ของเราผ่านเครือข่ายอินเทอร์เน็ต
