Please enable JavaScript.
Coggle requires JavaScript to display documents.
กระบวนการและโครงสร้างของเว็บไซต์ - Coggle Diagram
กระบวนการและโครงสร้างของเว็บไซต์
คำศัพท์พื้นฐานต่าง ๆ
เว็บเพจ (Web Page)
เว็บไซต์ (Web Site)
โฮมเพจ (Home Page)
เว็บบราวเซอร์ (Web Browser)
เว็บเซิร์ฟเวอร์ (Web Server)
ประโยชน์ของเว็บไซต์
ช่วยส่งเสริมศักยภาพการแข่งขันในด้านธุรกิจ
ช่วยโฆษณาบริษัท หรือองค์ร และช่วยเผยแพร่ข้อมูลข่าวสารและบริการ
ต่างๆ ให้เป็นที่รู้จักอย่างแพร่หลาย
ช่วยขายสินค้าทางอินเตอร์เน็ต สร้างรายได้โดยไม่ต้องมีหน้าร้าน หรือ
ส านักงาน
สามารถให้บริการต่างๆ ของธุรกิจหรือองค์กรแบบออนไลน์ เป็นการอ านวย
ความสะดวกแก่ลูกค้า
ช่วยลดค่าใช้จ่ายในการโฆษณาประชาสัมพันธ์ธุรกิจ
โครงสร้างเว็บไซต์
เว็บที่มีโครงสร้างแบบเรียงลำดับ (Sequential Structure)
โครงสร้างแบบนี้เหมาะกับเว็บไซต์ที่มีขนาดเล็ก เนื้อหาไม่ซับซ้อนใช้
การลิงค์ไปทีละหน้า
เว็บที่มีโครงสร้างแบบลำดับขั้น (Hierarchical Structure)
แบ่งเนื้อหา ออกเป็นส่วนต่างๆ และมีรายละเอียดย่อยๆ ในแต่ละส่วนลด
หลั่นกันมา
เว็บที่มีโครงสร้างแบบใยแมงมุม (Web Structure)
โครงสร้างประเภทนี้จะมีความยืดหยุ่นมากที่สุด ทุกหน้าในเว็บสามารถจะ
เชื่อมโยงไปถึงกันได้หมด
เว็บที่มีโครงสร้างแบบตาราง (Grid Structure)
การออกแบบเพิ่มความยืดหยุ่น ให้แก่การเข้าสู่เนื้อหาของผู้ใช้ โดยเพิ่มการ
เชื่อมโยงซึ่งกัน
ส่วนประกอบของหน้าเว็บไซต์
ส่วนหัวของส่วนของเนื้อหา (Page Body)
ส่วนของเนื้อหา (Page Body)
ส่วนท้ายของหน้า (Page Footer)
หลักในการออกแบบโครงสร้างเว็บไซต์
กำหนดวัตถุประสงค์ โดยพิจารณาว่าเป้าหมายของการสร้างเว็บไซต์
ศึกษาคุณลักษณะของผู้ที่เข้ามาใช้ว่ากลุ่มเป้าหมายใด
วางแผนเกี่ยวกับการจัดรูปแบบโครงสร้างเนื้อหาสาระ การออกแบบเว็บไซต์
ต้องมีการจัดโครงสร้าง หรือจัดระเบียบข้อมูลที่ชัดเจน
กำหนดรายละเอียดให้กับโครงสร้าง
ทำการสร้างเว็บไซต์แล้วนำไปทดลองเพื่อหาข้อผิดพลาดและทำการแก้ไข
ปรับปรุง แล้วจึงนำเข้าสู่เครือข่ายอินเทอร์เน็ตเป็นขั้นสุดท้าย
รูปแบบของเว็บไซต์
สเตติกเว็บไซต์ (Static Website)
ไดนามิกเว็บไซต์ (Dynamic Website)
เว็บความหมาย (Semantic Website)
โปรแกรมที่ใช้สร้างเว็บไซต์
โปรแกรมที่ใช้เขียน Code เว็บเพจด้วยภาษา HTML
HTML ซึ่งย่อมาจาก Hyper Text Markup Language เป็นโปรแกรมภาษา
ประเภทหนึ่งส าหรับแสดงข้อความต่างๆ
โปรแกรมสำเร็จรูปสำหรับสร้างเว็บไซต์
สร้างเว็บไซต์ด้วยโปรแกรมส าเร็จรูป Dreamweaver
สร้างเว็บไซต์ด้วยโปรแกรมระบบ CMS(Content Management System)
ขั้นตอนการสร้างเว็บไซต์
กำหนดโครงร่างของเว็บไซต์
กำหนดการเชื่อมโยงระหว่างเว็บเพจ
ออกแบบเว็บเพจแต่ละหน้าภายในเว็บไซต์
สร้างเว็บเพจแต่ละหน้า
ลงทะเบียนขอพื้นที่เว็บไซต์ฟรี
ลงทะเบียนขอพื้นที่เว็บไซต์ฟรี