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)
โครงสร้างแบบนี้เหมาะกับเว็บไซต์ที่มีขนาดเล็ก เนื้อหาไม่ซับซ้อนใช้
การลิงค์ไปทีละหน้า ทิศทางของการเข้าสู่เนื้อหา
เว็บที่มีโครงสร้างแบบตาราง (Grid Structure)
การออกแบบเพิ่มความยืดหยุ่น ให้แก่การเข้าสู่เนื้อหาของผู้ใช้ โดยเพิ่มการ
เชื่อมโยงซึ่งกัน
เว็บที่มีโครงสร้างแบบใยแมงมุม (Web Structure)
โครงสร้างประเภทนี้จะมีความยืดหยุ่นมากที่สุด ทุกหน้าในเว็บสามารถจะ
เชื่อมโยงไปถึงกันได้หมด
ส่วนประกอบของหน้าเว็บไซต์
ส่วนของเนื้อหา (Page Body)
ส่วนท้ายของหน้า (Page Footer)
ส่วนหัวของส่วนของเนื้อหา (Page Body)
หลักในการออกแบบโครงสร้างเว็บไซต์
กำหนดวัตถุประสงค์ โดยพิจารณาว่าเป้าหมายของการสร้างเว็บไซต์
ศึกษาคุณลักษณะของผู้ที่เข้ามาใช้ว่ากลุ่มเป้าหมายใด
วางแผนเกี่ยวกับการจัดรูปแบบโครงสร้างเนื้อหาสาระ การออกแบบเว็บไซต์
ต้องมีการจัดโครงสร้าง หรือจัดระเบียบข้อมูลที่ชัดเจน
กำหนดรายละเอียดให้กับโครงสร้าง
ทำการสร้างเว็บไซต์แล้วนำไปทดลองเพื่อหาข้อผิดพลาดและทำการแก้ไข
ปรับปรุง แล้วจึงนำเข้าสู่เครือข่ายอินเทอร์เน็ตเป็นขั้นสุดท้าย
รูปแบบของเว็บไซต์
สเตติกเว็บไซต์ (Static Website)
ไดนามิกเว็บไซต์ (Dynamic Website)
เว็บความหมาย (Semantic Website)
โปรแกรมที่ใช้สร้างเว็บไซต์
โปรแกรมที่ใช้เขียน Code เว็บเพจด้วยภาษา HTML
HTML ซึ่งย่อมาจาก Hyper Text Markup Language เป็นโปรแกรมภาษา
ประเภทหนึ่งส าหรับแสดงข้อความต่างๆ
โปรแกรมสำเร็จรูปสำหรับสร้างเว็บไซต์
สร้างเว็บไซต์ด้วยโปรแกรมสำเร็จรูป Dreamweaver
สร้างเว็บไซต์ด้วยโปรแกรมระบบ CMS(Content Management System)
ขั้นตอนการสร้างเว็บไซต์
ออกแบบเว็บเพจแต่ละหน้าภายในเว็บไซต์
สร้างเว็บเพจแต่ละหน้า
กำหนดโครงร่างของเว็บไซต์
ลงทะเบียนขอพื้นที่เว็บไซต์ฟรี
อัพโหลดเว็บไซต์
ก าหนดการเชื่อมโยงระหว่างเว็บเพจ