วันศุกร์ที่ 15 มกราคม พ.ศ. 2559

ขั้นตอนการสร้างเว็บไซต์ #1

การออกแบบโครงสร้างเว็บ
สิ่งที่ต้องพิจารณาในการสร้างเว็บเพื่อการศึกษาคือ โครงสร้างหลักของเว็บ
โครงสร้างของเว็บโดยพื้นฐานจะมี 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.  ขนาดหน้าจอที่เหมาะสมในการชม (Bested View)
13.  คำถามที่ถูกถามบ่อย FAQ (Frequency Asked Question)
14.  ความช่วยเหลือ (Help)

องค์ประกอบพิเศษ
1.      สมุดเยี่ยม (Guest book)
2.      ฝากข้อความ (Web board)
3.      กระดานข่าว (Bulletin Board)
4.      กระทู้ ( Webboard )
5.      แบบสำรวจ (Web poll)
6.      จำนวนผู้เข้าชม (Counter)
7.      ห้องสนทนา (Chat Room)
8.      สถิติทุกประเภท (Web state)
9.      เทคนิคพิเศษด้วยโปรแกรมสคริปต์ (Java script, VBscript , cgi,asp,php)
10.  โปรแกรมพิเศษสนับสนุน (Download)
11.  สไลด์สรุปบรรยาย (Presentation)

ไม่มีความคิดเห็น:

แสดงความคิดเห็น