ใบความรู้ที่
1 โครงสร้างเว็บไซต์
ส่วนประกอบสำคัญ ๆ ในหน้าโฮมเพจ
ในหน้าโฮมเพจ (หน้าเเรกของเว็บไซต์)
นั้นควรมีส่วนประกอบสำคัญ ๆ อย่างครบถ้วน เพื่อให้ผู้ชมสามารถเข้ามาใช้งานได้สะดวก
ซึ่งหน้าโฮมเพจส่วนใหญ่มักมีส่วนประกอบที่สำคัญ ดังนี้
1.โลโก้
( Logo)
สิ่งสำคัญที่จะช่วยให้ผู้เข้าเว็บจดจำเว็บไซต์ขอฃเราได้ก็คือ “โลโก้” นอกจากนี้เเล้วโลโก้ยังช่วยให้เว็บไซต์ของเราดูมีเอกลักษณ์อีกด้วย
โดยรานิยมวางตำเเหน่งโลโก้ไว้ที่มุมบนซ้ายเพราะเป็นจุดที่สามารถสังเกตได้ง่าย ซึ่งจากการวิจัยพบว่าวางตำเเหน่งโลโก้ที่มุมบนซ้ายนั้นช่วยให้ผู้ชมสามารถจดจำเว็บไซต์ของเราได้ถึง
84% เลยที่เดียว
คุณค่าของการวางตำแหน่งโลโก้
บนซ้าย (Upper Left) = 84%
บนขวา (Upper Right) = 6%
บนกลาง (Upper Center) = 6%
ที่อื่น ๆ (Other Position) = 4%
จะสังเกตได้ว่าการออกแบบโลโก้ของเเต่ละเว็บไซต์นั้จะไม่ซับซ้อนมากนั้น
แต่จะเน้นไปในทางด้านการออกแบบให้เรียบง่ายและสามารถอ่านชื่อเว็บไซต์ได้ชัดเจนมากกว่า
เนื่องจากใช้ภาพโลโก้ที่ซับซ้อนอาจส่งผลให้ผู้เข้าชมไม่สามารถจดจำชื่อเว็บไซต์ของเราได้นั่นเอง
2.เมนูหลัก
(Link Menu)
เมนูหลักเป็นจุดเชื่อมโยงสิ่งสำคัญ ๆ ที่รวบรวมไว้ในรูปแบบของเมนูปุ่มหรือข้อความ
โดยผู้เข้าชมจะสามารถรับรู้ได้ว่าภายในเว็บไซต์นี้มีเรื่องราวที่น่าสนใจอย่างไรบ้าง
เช่น News (ข่าวใหม่ ๆ)
,Shoooing และLink (เชื่อมโยงเว็บที่เกี่ยวข้อง)
เป็นต้น รูปแบบของเมนูหลักที่นิยมใช้กันมักเป็นเมนูแบบแนวตั้งและเมนุแบบแนวนอนตามลาดับ
3.โฆษณา
(Banner)
โฆษณานั้นเป็นส่วนที่สำคัญอีกเช่นเดียวกัน
เพราะเว็บไซต์ที่มีโฆษณาจะช่วยส่งเสริมภาพลักษณ์ ความน่าเชื่อถือ และช่วยกระตุ้นความสนใจเพราะมักมีการใช้ภาพเคลื่อนไหว (Gif animation) ประกอบซึ่งจะทำให้เว็บไซต์ของเราดูตื่นตำตื่นใจมากยิ่งขึ้น
จากการวิจัยพบว่าภาพเคลื่อนไหวยังช่วยให้เว็บไซต์ของเราดูน่าสนใจมากยิ่งขึ้น
30% เลยที่เดียว นอกจากนี้แล้วยังสามารถเเสดงถึงความนิยมของผู้เข้าชมได้อีกด้วย
แต่ก็ไม่ควรให้มีโฆษณามากเกินไปและควรจัดวางตำเเหน่งให้เหมาะสมด้วย
4.ภาพประกอบเเละเนื้อหา
(Content)
เนื้อหาสาระที่น่ารู้เป็นส่วนสำคัญอย่างยิ่งที่จะทำให้ผู้เข้าชมอยากจะเข้าเยี่ยมชมเว็บไซต์ของเรามากขึ้นเเละใช้บริการอย่างสม่ำเสมอ
เราจึงควรอัพเดตเนื้อหาให้ใหม่สด มีรูปเเบบการจัดวางที่อ่านง่าย เนื้อหาไม่ยาวหรือสั้นจนเกินไป
นอกจากนี้หากเราใช้ภาพประกอบที่สวยงามก็จะช่วยให้เนื้อหาดูดึงดุดใจมากยิ่งขึ้น ซึ่งการใช้ภาพประกอบที่สวยงามและฟอนต์ที่อ่านง่ายจะช่วยให้เนื้อหาของเราน่าสนใจเพิ่มมากยิ่งขึ้นถึง 40-45%
การเเบ่งพื้นที่การใช้งานในหน้าโฮมเพจ
หลังจากที่เราได้รู้จักกับส่วนประกอบสำคัญ
ๆ ในหน้าโฮมเพจเเล้ว ผู้อ่านหลายท่านจะเริ่มสงสัยว่าในเมื่อมีส่วนประกอบมากมายขนาดนี้เราควรจะจัดวางตำแหน่งอย่างไรดี
ตัวอย่างข้างล่างนี้เป็นตัวอย่างหนึ่งที่นิยมใช้กันมากในการจัดวางหน้าโฮมเพจ เรามักพบเห็นการเเบ่งพื้นที่ในรูปเเบบ 3 ส่วน และ 2 ส่วน การใช้งานกับเว็บไซต์ขององค์กรและเว็บไซต์ที่มีขนาดใหญ่
เนื่องจากเป็นรูปแบบที่ใช้งานง่าย และมีการแบ่งสัดส่วนอย่างชัดเจน เช่น
www.siemens.com, www.msn.com, www.sanook.com
สำหรับรูปเเบบการเเบ่งพื้นที่ 1 ส่วนหรือเเบบอิสระนั้น เรามักพบเห็นกับเว็บไซต์ที่เน้นการออกแบบให้สวยงานมากกว่าเน้นการใช้งาน
และมักมีการออกแบบที่สลับซับซ้อน เช่น www.qooclup.com, www.rustboy.com,
www.hardldbelker.com
ทำอย่างไรให้โฮมเพจดูดี
ในความเป็นจริงแล้วการออกเเบบเว็บไซต์ไม่ได้มีรูปเเบบที่ตายตัวและเเน่นอนเเต่ก็มีองค์ประกอบหลายอย่างที่จะช่วยให้เว็บไซต์เราดูดีเเละน่าใช้
ผู้เขียนจึงมีข้อเเนะนำและวิธีการง่าย ๆ ที่จะช่วยให้โฮมเพจของคุณดูดีขึ้น
1. เลือกใช้สีให้เหมาะสม
การเลือกใช้สีนั้นมีผลอย่างมากในภาพรวมของเว็บไซต์
เนื่องจากสีเเต่ละสีนั้นมีผลต่ออารมณ์เเละความรู้สึกกับผู้ที่เข้ามาใช้บริการ ดังนั้นเราจึงควรเลือกใช้สีให้เหมาะสมกับเว็บไซต์
โดยเเต่ละประเภทของสีนั้นจะให้ความหมายและความรู้สึกที่ต่าง ๆ กันนี้
สีฟ้า
เป็นสีของท้องฟ้าจึงช่วยให้เรารู้สึกปลอดโปร่งโล่งสบาย สีฟ้านั้นเป็นสีที่ดูแล้วสบายตำและนอกจากนี้ยังรู้สึกนุ่มนวลและสุขสบายอีกด้วย
สีน้าเงิน
ให้ความรู้สึกถึงความจริงจัง มั่งคงและจริงจัง สงบและปลอดภัย นอกจากนี้แล้วยังให้
ความรู้สึกหรูหรา มีระดับ มีราคำและความเป็นชายอีกด้วย
สีเขียว
สีเขียวเป็นสีของต้นไม้ใบหญ้าทำให้เรารู้สึกสดชื่นเย็นสบายเเละชวนให้นึกถึงความเป็นธรรมชาติ
สีเขียวนั้นเป็นสีที่สบายตามากที่สุดสีหนึ่ง
สีเเดง
ให้ความรู้สึกร้อนเเรง ความรุนแรงความมีพลังและความตื่นเต้นสนุกสนานอกจากนี้เเล้วเป็นสีมงคลของคนจีนอีกด้วย
สีเหลืองและสีส้ม
สีเหลืองนั้นให้อารมณ์สดใสเเละดึงดูดสายตาแต่บางครั้งอาจทำให้รูสึกเหนื่อย
ส่วนสีส้มนั้นทำให้ความรู้สึกอบอุ่นกระตือรือร้นและนอกจากนี้แล้วยังดูทันสมัยอีกด้วย
สีเทำ
ให้ความรู้สึกสุภาพสุขุม สงบ เเละมั่นคง และยังให้ความรู้สึกหม่อนหมอง และโศกเศร้าอีกด้วย
สีขาว
ให้ความรู้สึกเรียบง่าย สะอาดสะอ้าน
โล่งสบายและบริสุทธิ์
2.มีความเป็นเอกลักษณ์
เราสามารถออกเเบบเว็บไซต์ให้มีความเป็นเอกลักษณ์ย่างง่าย ๆ ด้วยการเลือกใช้สีฟอนต์และภาพประกอบที่มีความคล้ายคลึงกันทุก
ๆ หน้าของเว็บไซต์ เนื่องจากเว็บไซต์ที่มีเอกลักษณ์มักทำให้ผู้ใช้จดจำได้ง่าย นอกจากนี้ยังมีจุดสนใจอื่น
ๆ เป็นส่วนประกอบอีก เช่น โลโก้ สี เเละ ความคล้ายคลึงกัน
3.ต้องสามารถใช้งานได้อย่างเหมาะสม
หากเว็บไซต์ของคุณนั้นมีการใช้งานที่สลับซับซ้อนจนเกินไปอาจมีผลทำให้ผู้ที่มาใช้บริการหงุดหงิดราคำญใจได้และทำให้ไม่อยากกลับมาใช้บริการที่เว็บไซต์ของเราอีกโดยเฉพาะหากเว็บไซต์ของคุณเป็นเว็บไซต์เพื่อการบริการซื้อขายแล้วล่ะก็จะยิ่งเป็นผลเสียอย่างมากในการสั่งซื้อสินค้าและใช้บริการ
4.สามารถแสดงผลได้อย่างรวดเร็ว
ในการออกแบบหน้าโฮมเพจนั้นนอกจากจะเน้นหน้าตำที่น่าสนใจแล้ว การแสดงผลที่รวดเร็วก็จะทำให้เว็บไซต์ไม่น่าเบื่อ
ดังนั้นการใช้ภาพหรือกราฟิกประกอบจึงควรคำนึงถึงเรื่องระยะเวลาในการแสดงผลเว็บไซต์ด้วย
เนื่องจากยิ่งมีภาพประกอบมากเวลาในการแสดงผลก็จะยิ่งมากด้วยไปด้วย
นอกจากหัวข้อต่าง ๆ ที่กล่าวมาแล้วลักษณะของตัวอักษรที่ใช้ประกอบก็เป็นส่วนสำคัญอีกอย่างหนึ่งที่จะช่วยให้โฮมเพจของเราดูทันสมัย
น่าเชื่อถือหรือสนุกสนานมากยิ่งขึ้น เนื่องจากตัวหนังสือแต่ละลักษณะนั้นจะให้ความรู้สึกแตกต่างกันไป
ตัวหนังสือแบบ Serif (มีเชิง)
ให้ความรู้สึกของความคลาสสิค
ดูเก่าแก่ และค่อนข้างเป็นทางการ
ตัวหนังสือแบบ San Serif (ไม่มีเชิง)
ให้ความรู้สึกเรียบง่าย มีความทันสมัยและนอกจากนี้แล้วยังช่วยให้อ่านง่ายอีกด้วย
Script (ตัวอักษรแบบลายมือ)
ให้ความรู้สึกสนุกสนานเป็นกันเองและดูไม่เป็นทางการ
มักใช้กับคำโฆษณาสั้น ๆ
ตัวอักษรแบบมีหัว
มักใช้กับบทความยาว ๆ เพราะช่วยให้อ่านง่าย
เช่น หนังสือเรียน แต่ในขณะเดียวกันก็ดูโบราณ
ตัวอักษรแบบไม่มีหัว
ตัวหนังสือแบบนี้ค่อนข้างที่จะอ่านยาก
มักใช้กับข้อความสั้น ๆ แต่ก็ให้ความรู้สึกที่ทันสมัย
ทั้งหมดนี้เป็นเพียงพื้นฐานเล็ก
ๆ น้อย ๆ ที่จะช่วยให้คุณสามารถเข้าใจวิธีการง่าย ๆ ในการออกแบบเพื่อที่จะนำไปใช้กับโฮมเพจของคุณ
โดยการศึกษาหาความรู้ในสิ่งที่ตนเองสนใจเป็นพิเศษ การ
ดูตัวอย่างโฮมเพจอื่น ๆ และการฝึกฝนการใช้ความคิดสร้างสรรค์
จากนั้นจึงนามาประยุกต์ใช้ สิ่งเหล่านี้จะช่วยให้คุณสามารถออกแบบโฮมเพจได้อย่างสร้างสรรค์และสวยงามมากขึ้นนั่นเอง
ขั้นตอนสำคัญในการสร้างโฮมเพจ
ในการสร้างโฮมเพจนั้นมีขั้นตอนที่สลับซับซ้อนพอสมควรแต่ก็ไม่ยากจนเกินไป ผู้เขียนจึงขอเสนอแนวทางง่าย
ๆ ที่จะทำให้เราสามารถสร้างโฮมเพจได้อย่างเป็นขั้นตอนและมีความเข้าใจในการสร้างโฮมเพจมากขึ้นดังวิธีการต่อไปนี้
1.ขอพื้นที่โฮมเพจจาก
Web Hosting
ในการขอพื้นที่โฮมเพจเราจะต้องเลือก
Web Hosting เสียก่อน โดยการเปรียบเทียบข้อดีข้อเสียต่าง ๆ รวมถึงขนาดของพื้นที่ให้บริการด้วย
จากนั้นจึงลงทะเบียนขอพื้นที่โฮมเพจ (ผู้อ่านควรคิดลักษณะและชื่อโฮมเพจที่ต้องการสร้างไว้ในใจเสียก่อนเพื่อให้ลักษณะของโฮมเพจและชื่อที่ตั้งสัมพันธ์กัน)
2.กำหนดลักษณะของโฮมเพจ
เมื่อเราขอพื้นที่โฮมเพจแล้ว ขั้นตอนต่อไปคือ การกำหนดลักษณะโฮมเพจของเรา โดยในตอนนี้เราต้องคิดและตัดสินใจว่าเราจะสร้างโฮมเพจเกี่ยวกับอะไรดี
มีลักษณะโทนสีอะไร และใครจะเข้ามาเยี่ยมชมในโฮมเพจของเราบ้าง เมื่อตัดสินใจได้แล้วก็จะเข้าสู่ขั้นตอนต่อไป
3.ออกแบบหน้าโฮมเพจด้วย
Photoshop
ในขั้นตอนนี้เราจะต้องมีภาพของหน้าโฮมเพจลาง
ๆ ไว้ในใจแล้วว่าจะมีลักษณะอย่างไร มีส่วนประกอบอะไรบ้าง จากนั้นเราจึงมาเริ่มต้นออกแบบและสร้างส่วนประกอบต่าง
ๆ ในหน้าโฮมเพจ ซึ่งผู้เขียนจะได้อธิบายรายละเอียดเพิ่มเติมในตอนต่อไป
4.สร้างโฮมเพจให้สมบูรณ์ด้วย
Dreamweaver 8.0
เมื่อเราได้ออกแบบส่วนประกอบต่าง ๆ ของหน้าโฮมเพจด้วยโปรแกรม Photoshop เสร็จเรียบร้อยแล้ว ต่อไปเราจะเข้าสู่การสร้างโฮมเพจด้วยโปรแกรม
Dreamweaver 8.0 เพื่อให้ได้โฮมเพจที่สมบูรณ์ซึ่งเราก็จะได้เรียนรู้ในตอนต่อไปเช่นกัน
5.อัพโหลดโฮมเพจขึ้นอินเตอร์เน็ต
เมื่อเราสร้างโฮมเพจเรียบร้อยแล้วก็จะเข้าสู่กระบวนการอัพโหลดโฮมเพจเข้าสู่
Web Hosting ที่เราได้ขอพื้นที่โฮมเพจไว้เรียบร้อยแล้วด้วยโปรแกรม
Cute_FTP หรือโปรแกรมที่ทาง เว็บไซต์มีให้บริการขึ้นโหลดข้อมูล เพียงเท่านี้เราก็จะสามารถสร้างโฮมเพจได้อย่างสมบูรณ์แบบแล้ว
การสร้างและออกแบบเว็บ
กระบวนการในการสร้างและออกแบบเว็บจะมีกระบวนการพื้นฐานอยู่ด้วยกัน 5 ขั้นตอนคือ
1. การวางแผน
(Planning) เป็นขั้นตอนที่ผู้สร้างเว็บจะต้องรวบรวมข้อมูลที่ต้องการจะนำ
มาสร้างเว็บ กำหนดวัตถุประสงค์และกลุ่มเป้าหมาย
จากนั้นกำหนดขอบเขตและความต้องการของเว็บว่าจะต้องมีอะไรบ้าง เช่น ขนาดของหน้าจอภาพ
บราวเซอร์ที่จะใช้ ฯลฯ องค์ประกอบและเครื่องมือที่จะต้องใช้ ต้องการมีกระดานข่าว ห้องสนทนา
ฯลฯ รวมถึงขั้นตอนและกระบวนการในการบำรุงรักษาอย่างเป็นระบบ
การวางแผนเบื้องต้นของการสร้างเว็บสำหรับ Dreamweaver คือ
- กำหนดพื้นที่จัดเก็บเว็บในเครื่องคอมพิวเตอร์
- กำหนดพื้นที่ติดตั้งเว็บเมื่อสร้างเสร็จ
2. การออกแบบ
(Design) เป็นขั้นตอนที่นำข้อมูลและแผนที่วางไว้ไปปฏิบัติ
โดยการลง
มือปฏิบัติโดยจัดพิมพ์เนื้อหา
กำหนดการเชื่อมโยง และคุณลักษณะอื่นที่ต้องใช้ในเว็บ การออกแบบก็จะเน้นที่การจัดหน้าจอของเว็บให้สอดคล้องกันและระมัดระวังปัญหาต่าง
ๆ ในการออกแบบ
3. การพัฒนา
(Development) เป็นขั้นตอนที่ต่อเนื่องจากการออกแบบและการสร้าง
โดย
เน้นไปที่การตกแต่งและเสริมเครื่องมือต่าง
ๆ สำหรับเว็บ เช่น การกำหนดสี ภาพ การใช้
Flash ช่วยให้เว็บเร้าความสนใจ และเพิ่มเติมเทคนิคต่าง ๆ ของโปรแกรมสนับสนุนการสร้างเว็บ
4. การติดตั้ง
(Publishing) เป็นขั้นตอนที่จะนำเอาเว็บที่ได้สร้างขึ้นเข้าไปติดตั้งในเว็บ
เซอร์เวอร์เพื่อให้แสดงผลได้ในระบบอินเทอร์เน็ต
หรือจะเรียกว่า การอับโหลด (Up load) ซึ่งเป็นขั้นตอนที่จะต้องดาเนินการอยู่เสมอเมื่อสร้างเว็บเสร็จ
5. การบำรุงรักษา
(Maintenance) เป็นขั้นตอนประเมินผลและติดตามผลการติดตั้งเว็บไซต์
ว่ามีข้อขัดข้องหรือต้องปรับปรุงเปลี่ยนแปลงเว็บเพิ่มเติมให้ทันสมัยอยู่เสมอ
อาจจะเรียกได้ว่าขั้นตอนการอับเดท (Up date)
การกำหนดรูปแบบเว็บไซต์ (Web-site)
เว็บไซต์ (Web-site) หมายถึง เว็บที่ประกอบด้วยเว็บเพจหลาย ๆ เว็บเพจมารวมกัน อยู่ภายในพื้นที่เดียวกันและเชื่อมโยงระหว่างกันภายใต้โดเมนเนมเดียวกัน
โดยมีโฮมเพจเป็นหน้าแรกของเว็บไซต์ทำหน้าที่เชื่อมโยงไปยังเว็บเพจต่าง ๆ
โฮมเพจ (Homepage) หมายถึง เว็บเพจที่เป็นหน้าแรกของเว็บไซต์ ที่เข้าถึงได้ทันทีเมื่อเข้าสู่ระบบอินเทอร์เน็ตโดยการพิมพ์โดเมนเนมหรือยูอาร์แอลซึ่งเป็นที่ติดตั้งของเว็บไซต์
เว็บเพจ (Web page) หมายถึง เอกสารที่สร้างขึ้นโดยในรูปแบบของ HTML หรือโปรแกรมการสร้างเว็บโดยเฉพาะ
จะแสดงผลได้เฉพาะโปรแกรมบราวเซอร์ และต้องติดตั้งในเว็บเซอร์เวอร์เพื่อเข้าไปอ่านข้อมูลได้โดยผ่านระบบอินเทอร์เน็ต
เว็บเพจจะมี 2 ลักษณะใหญ่คือ
- เว็บเพจแบบหน้าเดียว
(Single page) หรือแบบสั้น (Short page) หมายถึง
เว็บเพจที่แสดงผลข้อมูลหรือเนื้อหาเพียงหน้าเดียวมีขนาดเท่ากับหน้าจอคอมพิวเตอร์พอดี
หรือมีแถบเลื่อนลงมาด้านล่างสั้น ๆ หรือมีรูปแบบเป็นกรอบพอดีหน้าจอภาพ
- เว็บเพจแบบแถบเลื่อน
(Scroll page) หรือแบบยาว (Long page) หมายถึง
เว็บเพจที่แสดงผลข้อมูลหรือเนื้อหาเป็นแนวยาวจากด้านบนลงมายังด้านล่างของหน้าจอภาพ
โดยมีแถบเลื่อนอยู่ด้านข้างสำหรับเลื่อนหน้าจอภาพ เพื่อดูข้อมูลที่แสดงผลหน้าจอภาพ
การออกแบบโครงสร้างเว็บ
สิ่งที่ต้องพิจารณาในการสร้างเว็บเพื่อการศึกษาคือ โครงสร้างหลักของเว็บ เนื่องจากการจัดการข้อมูลเพื่อการเรียนการสอนมีความแตกต่างกัน
กลุ่มผู้เรียนที่แตกต่างและเนื้อหาของเว็บแตกต่างกัน โครงสร้างของเว็บก็จะมีผลต่อการเรียนการสอนเช่นกัน (McCormack and Jones, 1998)
โครงสร้างของเว็บโดยพื้นฐานจะมี 2 ลักษณะคือ
1. โครงสร้างเว็บแบบตื้น
เป็นโครงสร้างเว็บในลักษณะที่มีการเชื่อมโยงจากหน้าแรกหรือหน้าที่หลักไปยังเนื้อหาโดยตรง
โดยไม่มีเว็บเพจที่เป็นเนื้อหาเชื่อมโยงต่อไปอีกมากนัก สามารถกลับมายังหน้าแรกหรือหน้าหลักของของเว็บไซต์ได้ในทันที
อาจจะมีการเชื่อมโยงของเนื้อหาต่อไปอีกบ้างแต่ไม่ต่อเนื่องเป็นลาดับลึกลงไปเหมือนกับโครงสร้างของเว็บแบบลึก
โครงสร้างลักษณะนี้จึงเป็นโครงสร้างที่มีเนื้อหาแยกเป็นหน่วยย่อย ๆ หรือมีเนื้อหาเฉพาะเรื่องไม่เกี่ยวข้องกัน
ทำให้ไม่ต้องเชื่อมโยงเว็บเพจต่อไปเรื่อย ๆ เว็บแบบตื้นอาจจะมีเนื้อหามากก็ได้ แต่ไม่เชื่อมโยงลึกลงไปอีก
การออกแบบเว็บเพจอาจเป็นแบบหน้าเดียวสั้น ๆ หรือแบบแถบเลื่อนยาวลงไปมากก็ได้ เนื้อหาจบในหน้านั้นและไม่เชื่อมโยงไปอีก
2. โครงสร้างเว็บแบบลึก เป็นโครงสร้างที่มีการเชื่อมโยงต่อเนื่องกันไปในเนื้อหาเดียวกันโดยตลอดหลาย
ๆ เว็บ เนื่องจากมีเนื้อหามากและเป็นลาดับต่อเนื่อง ทำให้โครงสร้างของเว็บต้องลงลึกไปเรื่อย
ๆ สำหรับการเลื่อนแถบเลื่อนด้านขวาของหน้าจอไม่ได้หมายความว่า โครงสร้างเว็บนั้นจะเป็นแบบลึก
เพราะการเลื่อนแถบเลื่อนด้านข้างขวาของจอภาพเป็นการออกแบบหน้าจอเว็บ ไม่ใช่โครงสร้างภาพ
รวมของเว็บ การเลื่อนแถบเลื่อนด้านขวาของหน้าจอภาพเป็นการออกแบบเว็บแบบแถบเลื่อน เรียกได้ว่า
การออกแบบหน้าจอภาพแบบแถบเลื่อน เป็นแผ่นเดียวยาวจากด้านบนลงมาด้านล่าง แต่การออก แบบโครงสร้างเว็บแบบลึก
เป็นการออกแบบที่มีเว็บเพจหลาย ๆ เว็บเพจต่อเนื่องจากเป็นจำนวนมาก
องค์ประกอบที่ควรมีในเว็บเพจ
องค์ประกอบทั่วไป
1. ชื่อของเว็บเพจ
(Title) 2. ประวัติและรูปภาพผู้จัดทำ (Profile/Picture)
3. การเชื่อมโยงภายในและภายนอกเว็บ
(Links) 4. การแสดงที่อยู่ของเว็บ : URL
5. วัน/เวลาที่สร้างเว็บ (Date/Time) 6. การปรับปรุงครั้งล่าสุด
(Update)
7. ผู้จัดทำเว็บ
: (created by) 8. การสงวนลิขสิทธิ์ (Copy right)
9. การติดต่อผู้จัดทำเว็บ
(contract /e-mail) 10. สถานที่ติดต่อของเว็บ (Address)
11. บราวเซอร์ที่เหมาะสมสำหรับการชม
(Browser )12. ขนาดหน้าจอที่เหมาะสมในการชม
13. คำถามที่ถูกถามบ่อย
FAQ (Frequency Asked Question) 14. ความช่วยเหลือ (Help)
องค์ประกอบพิเศษ
1. สมุดเยี่ยม
(Guest book) 2.
ฝากข้อความ (Web board)
3. กระดานข่าว
(Bulletin Board) 4. กระทู้
5. แบบสำรวจ
(Web poll) 6.
จำนวนผู้เข้าชม (Counter)
7. ห้องสนทนา
(Chat Room) 8. สถิติทุกประเภท (Web state)
9. เทคนิคพิเศษด้วยโปรแกรมสคริปต์
(Java script, VBscript , cgi,asp,php)
10. โปรแกรมพิเศษสนับสนุน
(Download) 11. สไลด์สรุปบรรยาย (Presentation)
องค์ประกอบเฉพาะสำหรับ E-learning
1. คำอธิบายรายวิชา
2.
วัตถุประสงค์รายวิชา
3. คุณสมบัติของกลุ่มผู้เรียน
4. การลงทะเบียน
5. ตำรางเรียน 6.
ผู้บริหารหลักสูตร
7. กิจกรรม
8.
ข่าวสาร/ประกาศ
9. ตำรางสอน/ตำราเรียน 10. ปฏิทินการศึกษา
11. แผนภูมิแสดงโครงสร้างรายวิชา
12. สารบัญเนื้อหา
13. เนื้อหารายละเอียด
14. แบบทดสอบก่อนเรียน
15. แบบฝึกหัดระหว่างเรียน
16. สรุปสาระสำคัญ
17. ข้อสอบท้ายการเรียน
18. โครงสร้างหลักสูตร
19. บรรณานุกรม/รายการอ้างอิง
20. เว็บไซต์ที่เกี่ยวข้อง
