SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
โครงสร้างเว็บไซต์
Website Structure
รูปแบบโครงสร้างและการออกแบบของเว็บเพจ
ในการออกแบบโครงสร้างเว็บไซต์ สามารถทาได้หลายแบบ ขึ้นอยู่กับลักษณะของ
ข้อมูล ความถนัดของผู้ออกแบบ ตลอดจนกลุ่มเป้าหมายที่ต้องการนาเสนอ โดย
โครงสร้างของเว็บไซต์มักจะประกอบไปด้วย 4 รูปแบบใหญ่ๆ ดังนี้
โครงสร้างของเว็บไซต์แบบเรียงตามลาดับ (Sequential Structure)
เป็นโครงสร้างแบบธรรมดาที่ใช้กันมากที่สุด เนื่องจากง่ายต่อการจัดระบบ
ข้อมูล ข้อมูลที่นิยม จัดด้วยโครงสร้างแบบนี้มักเป็นข้อมูลที่มีลักษณะเป็นเรื่องราว
ตามลาดับ โดยโครงสร้างนี้ เหมาะกับเว็บไซต์ที่มีขนาดเล็ก เนื้อหาไม่ซับซ้อนใช้การ
ลิงค์ (Link) ไปทีละหน้า ข้อเสียของโครงสร้างระบบนี้คือ ผู้ใช้ไม่สามารถกาหนดทิศ
ทางการเข้าสู่เนื้อหาของตนเองได้ทาให้เสียเวลา ในการเข้าสู่เนื้อหา
โครงสร้างของเว็บไซต์แบบเรียงตามลาดับ (Sequential Structure)
โครงสร้างของเว็บไซต์แบบลาดับขั้น (Hierarchical Structure)
เป็นโครงสร้างที่ดีที่สุดวิธีหนึ่งในการจัดระบบโครงสร้างที่มีความซับซ้อนของ
ข้อมูล โดยแบ่งเนื้อหา ออกเป็นส่วนต่างๆ และมีรายละเอียดย่อย ๆ ในแต่ละส่วนลด
หลั่นกันมาในลักษณะแนวคิดเดียวกับ แผนภูมิองค์กร จึงเป็นการง่ายต่อการทาความ
เข้าใจกับโครงสร้างของเนื้อหา ลักษณะเด่นคือการมีจุดเริ่มต้นที่จุดร่วมจุดเดียว นั่นคือ
โฮมเพจ (Homepage)และเชื่อมโยงไปสู่เนื้อหาในลักษณะเป็นลาดับจากบนลงล่าง
โครงสร้างของเว็บไซต์แบบลาดับขั้น (Hierarchical Structure)
โครงสร้างของเว็บไซต์แบบตาราง (Grid Structure)
โครงสร้างรูปแบบนี้มีความซับซ้อนมากกว่ารูปแบบที่ผ่านมา การ
ออกแบบเพิ่มความยืดหยุ่นให้แก่การเข้าสู่เนื้อหาของผู้ใช้ โดยเพิ่มการ
เชื่อมโยง ซึ่งกันและกันระหว่างเนื้อหาแต่ละส่วน เหมาะแก่การแสดงให้เห็น
ความสัมพันธ์กันของเนื้อหา การเข้าสู่เนื้อหาของผู้ใช้จะไม่เป็นลักษณะเชิง
เส้นตรง เนื่องจากผู้ใช้สามารถเปลี่ยนทิศทางการเข้าสู่เนื้อหาของตนเองได้
โครงสร้างของเว็บไซต์แบบตาราง (Grid Structure)
โครงสร้างเว็บไซต์แบบใยแมงมุม (Web Structure)
โครงสร้างประเภทนี้จะมีความยืดหยุ่นมากที่สุด ทุกหน้าในเว็บสามารถจะ
เชื่อมโยงไปถึงกันได้หมด และเป็นอิสระ เป็นการเชื่อมโยงเนื้อหาในลักษณะของ
ไฮเปอร์เท็กซ์หรือไฮเปอร์มีเดีย ที่สามารถเชื่อมโยงออกไปสู่เนื้อหาจากเว็บภายนอก
ได้

Weitere ähnliche Inhalte

Was ist angesagt?

รายงานคอมพิวเตอร์เบื่องต้น
รายงานคอมพิวเตอร์เบื่องต้นรายงานคอมพิวเตอร์เบื่องต้น
รายงานคอมพิวเตอร์เบื่องต้นพัน พัน
 
ส่วนหน้าของแผนการจัดการเรียนรู้
ส่วนหน้าของแผนการจัดการเรียนรู้ ส่วนหน้าของแผนการจัดการเรียนรู้
ส่วนหน้าของแผนการจัดการเรียนรู้ krupornpana55
 
วิชาโครงงาน
วิชาโครงงานวิชาโครงงาน
วิชาโครงงานAjBenny Pong
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์Sitanan Norapong
 
ปกโครงงาน
ปกโครงงานปกโครงงาน
ปกโครงงานAtsada Pasee
 
บทที่ 1 บทนำ
บทที่ 1 บทนำบทที่ 1 บทนำ
บทที่ 1 บทนำShe's Mammai
 
ชีวิตและครอบครัว
ชีวิตและครอบครัวชีวิตและครอบครัว
ชีวิตและครอบครัวพัน พัน
 
ใบงานที่ 4 เรื่อง การสืบค้นข้อมูล(search engine)
ใบงานที่ 4   เรื่อง การสืบค้นข้อมูล(search engine)ใบงานที่ 4   เรื่อง การสืบค้นข้อมูล(search engine)
ใบงานที่ 4 เรื่อง การสืบค้นข้อมูล(search engine)Pongpan Pairojana
 
โครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดู
โครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดูโครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดู
โครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดูPanuwat Poowichai
 
งานวิจัยระบบงานธุรการ
งานวิจัยระบบงานธุรการงานวิจัยระบบงานธุรการ
งานวิจัยระบบงานธุรการPin Ponpimol
 
การจัดวางข้อความร่วมกับรูปภาพ
การจัดวางข้อความร่วมกับรูปภาพการจัดวางข้อความร่วมกับรูปภาพ
การจัดวางข้อความร่วมกับรูปภาพJeedZii Saren
 
ตัวอย่างโครงงานคอมพิวเตอร์
ตัวอย่างโครงงานคอมพิวเตอร์ตัวอย่างโครงงานคอมพิวเตอร์
ตัวอย่างโครงงานคอมพิวเตอร์Wachiraya Thasnapanth
 
การอ้างอิงทางวิชาการ
การอ้างอิงทางวิชาการการอ้างอิงทางวิชาการ
การอ้างอิงทางวิชาการWatcharapol Wiboolyasarin
 
ความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอน
ความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอนความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอน
ความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอนMuhammadrusdee Almaarify
 
ตัวอย่างแผนการสอนคอมพิวเตอร์
ตัวอย่างแผนการสอนคอมพิวเตอร์ตัวอย่างแผนการสอนคอมพิวเตอร์
ตัวอย่างแผนการสอนคอมพิวเตอร์srkschool
 
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)CHIDCHANOKPHOOPECH
 
รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21
รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21
รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21Totsaporn Inthanin
 

Was ist angesagt? (20)

รายงานคอมพิวเตอร์เบื่องต้น
รายงานคอมพิวเตอร์เบื่องต้นรายงานคอมพิวเตอร์เบื่องต้น
รายงานคอมพิวเตอร์เบื่องต้น
 
ส่วนหน้าของแผนการจัดการเรียนรู้
ส่วนหน้าของแผนการจัดการเรียนรู้ ส่วนหน้าของแผนการจัดการเรียนรู้
ส่วนหน้าของแผนการจัดการเรียนรู้
 
วิชาโครงงาน
วิชาโครงงานวิชาโครงงาน
วิชาโครงงาน
 
Handwriting A-Z
Handwriting A-ZHandwriting A-Z
Handwriting A-Z
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์
 
ปกโครงงาน
ปกโครงงานปกโครงงาน
ปกโครงงาน
 
บทที่ 1 บทนำ
บทที่ 1 บทนำบทที่ 1 บทนำ
บทที่ 1 บทนำ
 
ชีวิตและครอบครัว
ชีวิตและครอบครัวชีวิตและครอบครัว
ชีวิตและครอบครัว
 
ใบงานที่ 4 เรื่อง การสืบค้นข้อมูล(search engine)
ใบงานที่ 4   เรื่อง การสืบค้นข้อมูล(search engine)ใบงานที่ 4   เรื่อง การสืบค้นข้อมูล(search engine)
ใบงานที่ 4 เรื่อง การสืบค้นข้อมูล(search engine)
 
สารบัญ
สารบัญสารบัญ
สารบัญ
 
โครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดู
โครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดูโครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดู
โครงงานคอมพืวเตอร์ อยากรู้ก็ส่องดู
 
งานวิจัยระบบงานธุรการ
งานวิจัยระบบงานธุรการงานวิจัยระบบงานธุรการ
งานวิจัยระบบงานธุรการ
 
การจัดวางข้อความร่วมกับรูปภาพ
การจัดวางข้อความร่วมกับรูปภาพการจัดวางข้อความร่วมกับรูปภาพ
การจัดวางข้อความร่วมกับรูปภาพ
 
ตัวอย่างโครงงานคอมพิวเตอร์
ตัวอย่างโครงงานคอมพิวเตอร์ตัวอย่างโครงงานคอมพิวเตอร์
ตัวอย่างโครงงานคอมพิวเตอร์
 
การอ้างอิงทางวิชาการ
การอ้างอิงทางวิชาการการอ้างอิงทางวิชาการ
การอ้างอิงทางวิชาการ
 
ความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอน
ความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอนความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอน
ความประเสริฐของ 10 คืนสุดท้ายเดือนเราะมะฎอน
 
ตัวอย่างแผนการสอนคอมพิวเตอร์
ตัวอย่างแผนการสอนคอมพิวเตอร์ตัวอย่างแผนการสอนคอมพิวเตอร์
ตัวอย่างแผนการสอนคอมพิวเตอร์
 
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
หลักการออกแบบเกมคอมพิวเตอร์ (Game Design)
 
รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21
รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21
รูปแบบการบริหารจัดการการนิเทศการศึกษา สำหรับศตวรรษที่ 21
 

Ähnlich wie โครงสร้างเว็บไซต์

หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์kruple
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2pom_2555
 
หน่วยการเรียนรู้ที่ 17
หน่วยการเรียนรู้ที่ 17หน่วยการเรียนรู้ที่ 17
หน่วยการเรียนรู้ที่ 17sangkom
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบJiJee Pj
 
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบSamorn Tara
 
สมุดเล่มเล็ก การออกแบบเว็บไซต์
สมุดเล่มเล็ก การออกแบบเว็บไซต์สมุดเล่มเล็ก การออกแบบเว็บไซต์
สมุดเล่มเล็ก การออกแบบเว็บไซต์Taew Chom
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กParinda Wareesree
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์Ta'May Pimkanok
 
ทฤษฎีการออกแบบ
ทฤษฎีการออกแบบทฤษฎีการออกแบบ
ทฤษฎีการออกแบบDiiDy Moowhan Lesikagirl
 
หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4Magicianslove Beer
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์Ta'May Pimkanok
 
Designing of Web-Based Instruction of Education
Designing of Web-Based Instruction of EducationDesigning of Web-Based Instruction of Education
Designing of Web-Based Instruction of Educationkhon Kaen University
 
หล กการออกแบบเวบ
หล กการออกแบบเวบหล กการออกแบบเวบ
หล กการออกแบบเวบfunnoi00
 
หลักการออกแบบเวบ
หลักการออกแบบเวบหลักการออกแบบเวบ
หลักการออกแบบเวบaew1234
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็กBenz Lovestory
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็กMelody Moon
 

Ähnlich wie โครงสร้างเว็บไซต์ (20)

Website
WebsiteWebsite
Website
 
เล็ก
เล็กเล็ก
เล็ก
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์
 
กระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บกระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บ
 
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
 
หน่วยการเรียนรู้ที่ 17
หน่วยการเรียนรู้ที่ 17หน่วยการเรียนรู้ที่ 17
หน่วยการเรียนรู้ที่ 17
 
ออกแบบ
ออกแบบออกแบบ
ออกแบบ
 
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
ใบความรู้ที่ 2.2 รูปแบบโครงสร้างและการออกแบบ
 
สมุดเล่มเล็ก การออกแบบเว็บไซต์
สมุดเล่มเล็ก การออกแบบเว็บไซต์สมุดเล่มเล็ก การออกแบบเว็บไซต์
สมุดเล่มเล็ก การออกแบบเว็บไซต์
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์
 
ใบความที่ 3
ใบความที่ 3ใบความที่ 3
ใบความที่ 3
 
ทฤษฎีการออกแบบ
ทฤษฎีการออกแบบทฤษฎีการออกแบบ
ทฤษฎีการออกแบบ
 
หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4หนังสือเล่มเล็ก4
หนังสือเล่มเล็ก4
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์
 
Designing of Web-Based Instruction of Education
Designing of Web-Based Instruction of EducationDesigning of Web-Based Instruction of Education
Designing of Web-Based Instruction of Education
 
หล กการออกแบบเวบ
หล กการออกแบบเวบหล กการออกแบบเวบ
หล กการออกแบบเวบ
 
หลักการออกแบบเวบ
หลักการออกแบบเวบหลักการออกแบบเวบ
หลักการออกแบบเวบ
 
สมุดเล่มเล็ก
สมุดเล่มเล็กสมุดเล่มเล็ก
สมุดเล่มเล็ก
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 

Mehr von Pongpitak Toey

เปรียบเทียบหลักสูตร 2560
เปรียบเทียบหลักสูตร 2560เปรียบเทียบหลักสูตร 2560
เปรียบเทียบหลักสูตร 2560Pongpitak Toey
 
เครื่องมือพื้นฐานของโปรแกรม
เครื่องมือพื้นฐานของโปรแกรมเครื่องมือพื้นฐานของโปรแกรม
เครื่องมือพื้นฐานของโปรแกรมPongpitak Toey
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์Pongpitak Toey
 
นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1
นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1
นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1Pongpitak Toey
 

Mehr von Pongpitak Toey (9)

เปรียบเทียบหลักสูตร 2560
เปรียบเทียบหลักสูตร 2560เปรียบเทียบหลักสูตร 2560
เปรียบเทียบหลักสูตร 2560
 
เครื่องมือพื้นฐานของโปรแกรม
เครื่องมือพื้นฐานของโปรแกรมเครื่องมือพื้นฐานของโปรแกรม
เครื่องมือพื้นฐานของโปรแกรม
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์
 
บทที่ 2
บทที่ 2บทที่ 2
บทที่ 2
 
นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1
นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1
นายพงศ์พิทักษ์ รัตนภักดี เลขที่ 1
 
กลุ่ม2
กลุ่ม2กลุ่ม2
กลุ่ม2
 
กลุ่ม2
กลุ่ม2กลุ่ม2
กลุ่ม2
 
กลุ่ม2
กลุ่ม2กลุ่ม2
กลุ่ม2
 
ใบงาน 3.1
ใบงาน 3.1ใบงาน 3.1
ใบงาน 3.1
 

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