หลักการออกแบบเว็บเพจ
หลักการออกแบบเว็บเพจ การออกแบบและพัฒนาเว็บเพจ สามารถทำได้หลายระบบ ขึ้นอยู่กับลักษณะของข้อมูล
ความชอบของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการนำเสนอ เช่น หากกลุ่มเป้าหมายเป็นเด็กวัยรุ่น และนำเสนอ
ข้อมูลเกี่ยวกับความบันเทิง อาจจะออกแบบให้มีทิศทางการไหลของหน้าเว็บที่หลากหลายใช้ลูกเล่นได้มากกว่าเว็บ
ที่นำเสนอให้กับผู้ใหญ่ หรือเว็บด้านวิชาการ ทั้งนี้หลักการออกแบบเว็บเพจ สามารถแบ่งได้สามลักษณะ คือ
แบบลำดับขั้น ( Hierarchy ) เป็นการจัดแสดงหน้าเว็บเรียงตามลำดับกิ่งก้าน แตกแขนงต่อเนื่องไปเหมือนต้นไม้กลับหัว
เหมาะสำหรับการนำเสนอข้อมูล ที่มีการแบ่งเป็นหมวดหมู่ที่ไม่มากนัก และมีข้อมูลย่อยไม่ลึกมาก เช่นเว็บไซต์แนะนำ
ประวัติส่วนตัว ที่มีข้อมูล 4 - 5 หน้าเป็นต้น
หลักการออกแบบเว็บเพจ การออกแบบและพัฒนาเว็บเพจ สามารถทำได้หลายระบบ ขึ้นอยู่กับลักษณะของข้อมูล
ความชอบของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการนำเสนอ เช่น หากกลุ่มเป้าหมายเป็นเด็กวัยรุ่น และนำเสนอ
ข้อมูลเกี่ยวกับความบันเทิง อาจจะออกแบบให้มีทิศทางการไหลของหน้าเว็บที่หลากหลายใช้ลูกเล่นได้มากกว่าเว็บ
ที่นำเสนอให้กับผู้ใหญ่ หรือเว็บด้านวิชาการ ทั้งนี้หลักการออกแบบเว็บเพจ สามารถแบ่งได้สามลักษณะ คือ
แบบลำดับขั้น ( Hierarchy ) เป็นการจัดแสดงหน้าเว็บเรียงตามลำดับกิ่งก้าน แตกแขนงต่อเนื่องไปเหมือนต้นไม้กลับหัว
เหมาะสำหรับการนำเสนอข้อมูล ที่มีการแบ่งเป็นหมวดหมู่ที่ไม่มากนัก และมีข้อมูลย่อยไม่ลึกมาก เช่นเว็บไซต์แนะนำ
ประวัติส่วนตัว ที่มีข้อมูล 4 - 5 หน้าเป็นต้น
แบบเชิงเส้น ( Linear ) เป็นการจัดแสดงหน้าเว็บเรียงต่อเนื่องไปในทิศทางเดียว เหมาะสำหรับการนำเสนอ
ข้อมูลที่เป็นรูปภาพ เช่นเว็บไซต์นำเสนอสไลด์จาก Microsoft PowerPoint
ข้อมูลที่เป็นรูปภาพ เช่นเว็บไซต์นำเสนอสไลด์จาก Microsoft PowerPoint
แบบผสม ( Combination ) เป็นการจัดหน้าเว็บชนิดผสมระหว่างแบบลำดับขั้น และแบบเชิงเส้น มักจะเป็นแบบที่นิยม
ใช้กันอย่างแพร่หลายในปัจจุบัน เนื่องจากสามารถควบคุมการนำเสนอและการเรียกดูได้สะดวก และรวดเร็ว
ขั้นตอนการพัฒนาเว็บเพจ
ขั้นตอนการพัฒนาเว็บเพจ เกี่ยวข้องกับระบบปฏิบัติการหลายระบบ การพัฒนาเว็บเพจที่ดีควรมีการวางแผนก่อนเสมอ
เพื่อให้การ แสดงผลได้ถูกต้องตรงกับความต้องการเพราะขบวนการพัฒนาเว็บเพจจะต้องเกี่ยวข้องกับระบบปฏิบัติการ
(Operating System:OS) หลายระบบ กล่าวคือขณะที่สร้างเอกสารเว็บเพจผู้พัฒนาอาจจะใช้คอมพิวเตอร์ที่มีระบบปฏิบัติการ
ดอส (DOS) หรือระบบปฏิบัติการ Windows แต่หลังจากที่พัฒนาแล้วเสร็จจะต้องทำการโอนเอกสารเว็บไปเก็บไว้ในเครื่อง
แม่ข่าย ซึ่งส่วนมากจะเป็นระบบปฏิบัติการ Unix หรือ Windows NT โดยเอกสารเว็บที่ทำการโอนไปยังเครื่องแม่ข่ายอาจจะ
ถูกเรียกดูจากคอมพิวเตอร์ระบบอื่นๆ เช่น Macintosh เป็นต้น
จากความสัมพันธ์ดังกล่าว นักพัฒนาเว็บเพจจึงควรจะศึกษาถึงข้อกำหนดพื้นฐานที่ควรทราบก่อนอันได้แก่ การกำหนด
ชื่อโฟลเดอร์ไฟล์เอกสารเว็บไฟล์ภาพกราฟิกตลอดจนไฟล์อื่นๆที่จะนำมาใช้ในการทำเว็บเพจเพราะระบบปฏิบัติการUNIX
มีลักษณะการตั้งชื่อแบบ Case-Sensitive หมายถึง ตัวอักษรตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก (A และ a) จะถือว่าเป็นตัวอักษร
คนละตัวกัน ไม่เหมือนกับระบบปฏิบัติการ DOS หรือ Windows ที่ถือว่าเป็นตัวอักษรตัวเดียวกัน ดังนั้นหาก ผู้พัฒนาใช้
Windows เป็นระบบปฏิบัติการของเครื่องในการสร้างเอกสารเว็บ และกำหนดชื่อไฟล์ Index.htm แต่ขณะที่ป้อนคำสั่งเพื่อลิงก์
ไฟล์ผ่านแป้นพิมพ์เป็น index.html เมื่อโอนถ่ายเอกสารเว็บนั้นๆไปยังเครื่องแม่ข่ายที่ใช้ UNIX เป็นระบบปฏิบัติการจะเกิด
ปัญหาในการแสดงผลได้ เพราะระบบปฏิบัติการที่เครื่องแม่ข่ายจะเห็นเป็นไฟล์ที่แตกต่างกันเนื่องจากชื่อไฟล์ไม่ เหมือนกัน
จากที่กล่าวมาข้างต้นขั้นตอนการพัฒนาเว็บเพจเพื่อให้ได้ผลลัพธ์ที่ถูกต้องและตรงกับความต้องการของผู้ใช้สามารถสรุปเป็น
หัวข้อได้ดังนี้
1. วางแผนการพัฒนาเว็บเพจ
2. กำหนดไดเร็กทรอรี่ หรือโฟลเดอร์ (Directory/Folder) ที่ใช้เก็บเอกสารเว็บ
3. สร้างภาพหรือจัดหาภาพที่เกี่ยวข้องกับเนื้อหา แล้วจัดเก็บไว้ในไดเร็กทรอรี่ตามข้อ
4. สร้างเอกสารเว็บ โดยกำหนดชื่อไฟล์เอกสารเว็บ ตามข้อกำหนดของผู้ดูแลระบบเครือข่ายและจัดเก็บไว้ในไดเร็กทรอรี่
ตามข้อ
5. ตรวจสอบผลเอกสารเว็บผ่านเบราเซอร์
6. ส่งข้อมูลขึ้นเครื่องแม่ข่าย (Server) และทำการตรวจสอบผลการเรียกดูจากเครื่องแม่ข่าย
รายละเอียดต่างๆในขั้นตอนการพัฒนาเว็บนี้ มีหลายประการที่ต้องขึ้นอยู่กับผู้ดูแลระบบ (Web System Administrator)
ดังนั้นก่อนดำเนินการพัฒนาเว็บเพจผู้พัฒนาควรติดต่อขอข้อมูลเหล่านี้จากผู้ดูแลระบบก่อนเพื่อไม่ให้เกิดปัญหาภายหลัง
การพัฒนาเว็บเพจที่ดี ควรมีการวางแผนก่อนเสมอ เพื่อให้การแสดงผลเว็บถูกต้อง ตรงกับความต้องการ เพราะขบวน
การพัฒนาเว็บเพจ จะต้องเกี่ยวข้องกับระบบปฏิบัติการ (Operating System : OS) หลายระบบ กล่าวคือ ขณะที่สร้างเอกสาร
เว็บผู้พัฒนาอาจจะใช้คอมพิวเตอร์ที่มีระบบปฏิบัติการดอส (DOS) หรือไม่ก็ใช้ระบบปฏิบัติการ Windows 95 แต่หลังจาก
ที่พัฒนาเสร็จแล้วจะต้องทำการโอนเอกสารเว็บไปเก็บไว้ในเครื่องแม่ข่าย ซึ่งมักจะเป็นระบบปฏิบัติการ Unix หรือไม่ก็
Windows NT เอกสารเว็บที่ทำการโอนไปยังเครื่องแม่ข่ายนี้ อาจจะถูกเรียกดูจากคอมพิวเตอร์ระบบอื่นๆ เช่น Macintosh
ซึ่งใช้ระบบปฏิบัติการ System 7จะเห็นได้ว่าเอกสารเว็บจะต้องเกี่ยวข้องกับระบบปฏิบัติการหลายระบบดังนั้นการพัฒนา
เว็บเพจต้องคำนึงถึงสิ่งเหล่านี้ด้วย
ขั้นตอนการพัฒนาเว็บเพจ เกี่ยวข้องกับระบบปฏิบัติการหลายระบบ การพัฒนาเว็บเพจที่ดีควรมีการวางแผนก่อนเสมอ
เพื่อให้การ แสดงผลได้ถูกต้องตรงกับความต้องการเพราะขบวนการพัฒนาเว็บเพจจะต้องเกี่ยวข้องกับระบบปฏิบัติการ
(Operating System:OS) หลายระบบ กล่าวคือขณะที่สร้างเอกสารเว็บเพจผู้พัฒนาอาจจะใช้คอมพิวเตอร์ที่มีระบบปฏิบัติการ
ดอส (DOS) หรือระบบปฏิบัติการ Windows แต่หลังจากที่พัฒนาแล้วเสร็จจะต้องทำการโอนเอกสารเว็บไปเก็บไว้ในเครื่อง
แม่ข่าย ซึ่งส่วนมากจะเป็นระบบปฏิบัติการ Unix หรือ Windows NT โดยเอกสารเว็บที่ทำการโอนไปยังเครื่องแม่ข่ายอาจจะ
ถูกเรียกดูจากคอมพิวเตอร์ระบบอื่นๆ เช่น Macintosh เป็นต้น
จากความสัมพันธ์ดังกล่าว นักพัฒนาเว็บเพจจึงควรจะศึกษาถึงข้อกำหนดพื้นฐานที่ควรทราบก่อนอันได้แก่ การกำหนด
ชื่อโฟลเดอร์ไฟล์เอกสารเว็บไฟล์ภาพกราฟิกตลอดจนไฟล์อื่นๆที่จะนำมาใช้ในการทำเว็บเพจเพราะระบบปฏิบัติการUNIX
มีลักษณะการตั้งชื่อแบบ Case-Sensitive หมายถึง ตัวอักษรตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก (A และ a) จะถือว่าเป็นตัวอักษร
คนละตัวกัน ไม่เหมือนกับระบบปฏิบัติการ DOS หรือ Windows ที่ถือว่าเป็นตัวอักษรตัวเดียวกัน ดังนั้นหาก ผู้พัฒนาใช้
Windows เป็นระบบปฏิบัติการของเครื่องในการสร้างเอกสารเว็บ และกำหนดชื่อไฟล์ Index.htm แต่ขณะที่ป้อนคำสั่งเพื่อลิงก์
ไฟล์ผ่านแป้นพิมพ์เป็น index.html เมื่อโอนถ่ายเอกสารเว็บนั้นๆไปยังเครื่องแม่ข่ายที่ใช้ UNIX เป็นระบบปฏิบัติการจะเกิด
ปัญหาในการแสดงผลได้ เพราะระบบปฏิบัติการที่เครื่องแม่ข่ายจะเห็นเป็นไฟล์ที่แตกต่างกันเนื่องจากชื่อไฟล์ไม่ เหมือนกัน
จากที่กล่าวมาข้างต้นขั้นตอนการพัฒนาเว็บเพจเพื่อให้ได้ผลลัพธ์ที่ถูกต้องและตรงกับความต้องการของผู้ใช้สามารถสรุปเป็น
หัวข้อได้ดังนี้
1. วางแผนการพัฒนาเว็บเพจ
2. กำหนดไดเร็กทรอรี่ หรือโฟลเดอร์ (Directory/Folder) ที่ใช้เก็บเอกสารเว็บ
3. สร้างภาพหรือจัดหาภาพที่เกี่ยวข้องกับเนื้อหา แล้วจัดเก็บไว้ในไดเร็กทรอรี่ตามข้อ
4. สร้างเอกสารเว็บ โดยกำหนดชื่อไฟล์เอกสารเว็บ ตามข้อกำหนดของผู้ดูแลระบบเครือข่ายและจัดเก็บไว้ในไดเร็กทรอรี่
ตามข้อ
5. ตรวจสอบผลเอกสารเว็บผ่านเบราเซอร์
6. ส่งข้อมูลขึ้นเครื่องแม่ข่าย (Server) และทำการตรวจสอบผลการเรียกดูจากเครื่องแม่ข่าย
รายละเอียดต่างๆในขั้นตอนการพัฒนาเว็บนี้ มีหลายประการที่ต้องขึ้นอยู่กับผู้ดูแลระบบ (Web System Administrator)
ดังนั้นก่อนดำเนินการพัฒนาเว็บเพจผู้พัฒนาควรติดต่อขอข้อมูลเหล่านี้จากผู้ดูแลระบบก่อนเพื่อไม่ให้เกิดปัญหาภายหลัง
การพัฒนาเว็บเพจที่ดี ควรมีการวางแผนก่อนเสมอ เพื่อให้การแสดงผลเว็บถูกต้อง ตรงกับความต้องการ เพราะขบวน
การพัฒนาเว็บเพจ จะต้องเกี่ยวข้องกับระบบปฏิบัติการ (Operating System : OS) หลายระบบ กล่าวคือ ขณะที่สร้างเอกสาร
เว็บผู้พัฒนาอาจจะใช้คอมพิวเตอร์ที่มีระบบปฏิบัติการดอส (DOS) หรือไม่ก็ใช้ระบบปฏิบัติการ Windows 95 แต่หลังจาก
ที่พัฒนาเสร็จแล้วจะต้องทำการโอนเอกสารเว็บไปเก็บไว้ในเครื่องแม่ข่าย ซึ่งมักจะเป็นระบบปฏิบัติการ Unix หรือไม่ก็
Windows NT เอกสารเว็บที่ทำการโอนไปยังเครื่องแม่ข่ายนี้ อาจจะถูกเรียกดูจากคอมพิวเตอร์ระบบอื่นๆ เช่น Macintosh
ซึ่งใช้ระบบปฏิบัติการ System 7จะเห็นได้ว่าเอกสารเว็บจะต้องเกี่ยวข้องกับระบบปฏิบัติการหลายระบบดังนั้นการพัฒนา
เว็บเพจต้องคำนึงถึงสิ่งเหล่านี้ด้วย
จากความสัมพันธ์ดังกล่าว นักพัฒนาเว็บเพจ จึงควรจะศึกษาถึง ข้อกำหนดพื้นฐานที่ควรทราบก่อน อันได้แก่ การ
กำหนดชื่อโฟลเดอร์, ไฟล์เอกสารเว็บ,ไฟล์ภาพกราฟิก ตลอดจนไฟล์อื่นๆ ที่จะนำมาใช้ใน การทำเว็บเพจ เพราะระบบ
ปฏิบัติการ UNIX มีลักษณะการตั้งชื่อแบบ Case-Sensitive หมายถึง ตัวอักษรตัวพิมพ์ใหญ่ และตัวพิมพ์เล็ก (A และ a)
จะถือว่าเป็นตัวอักษรคนละตัวกัน ไม่เหมือนกับระบบปฏิบัติการดอส, Windows 3.1, Windows 95 จะถือว่าเป็นตัวอักษร
ตัวเดียวกัน ดังนั้นหากผู้พัฒนาใช้ Windows 3.1 เป็นระบบปฏิบัติการของเครื่องที่ใช้สร้างเอกสารเว็บ และกำหนดชื่อไฟล์
Index.htm แต่ขณะที่ป้อนคำสั่ง เพื่อลิงก์ไฟล์ผ่านแป้นพิมพ์เป็น index.html เมื่อโอนถ่ายเอกสารเว็บนั้นๆ ไปยังเครื่อง
แม่ข่ายที่ใช้ UNIX เป็นระบบปฏิบัติการ จะเกิดปัญหาในการเรียกดูได้ เพราะระบบปฏิบัติการที่เครื่องแม่ข่าย จะเห็นเป็น
ไฟล์คนละไฟล์ เนื่องจากชื่อไฟล์ไม่เหมือนกัน
กำหนดชื่อโฟลเดอร์, ไฟล์เอกสารเว็บ,ไฟล์ภาพกราฟิก ตลอดจนไฟล์อื่นๆ ที่จะนำมาใช้ใน การทำเว็บเพจ เพราะระบบ
ปฏิบัติการ UNIX มีลักษณะการตั้งชื่อแบบ Case-Sensitive หมายถึง ตัวอักษรตัวพิมพ์ใหญ่ และตัวพิมพ์เล็ก (A และ a)
จะถือว่าเป็นตัวอักษรคนละตัวกัน ไม่เหมือนกับระบบปฏิบัติการดอส, Windows 3.1, Windows 95 จะถือว่าเป็นตัวอักษร
ตัวเดียวกัน ดังนั้นหากผู้พัฒนาใช้ Windows 3.1 เป็นระบบปฏิบัติการของเครื่องที่ใช้สร้างเอกสารเว็บ และกำหนดชื่อไฟล์
Index.htm แต่ขณะที่ป้อนคำสั่ง เพื่อลิงก์ไฟล์ผ่านแป้นพิมพ์เป็น index.html เมื่อโอนถ่ายเอกสารเว็บนั้นๆ ไปยังเครื่อง
แม่ข่ายที่ใช้ UNIX เป็นระบบปฏิบัติการ จะเกิดปัญหาในการเรียกดูได้ เพราะระบบปฏิบัติการที่เครื่องแม่ข่าย จะเห็นเป็น
ไฟล์คนละไฟล์ เนื่องจากชื่อไฟล์ไม่เหมือนกัน
ขั้นตอนการพัฒนาเว็บเพจ เพื่อให้ได้ผลลัพธ์ที่ถูกต้อง และตรงกับความต้องการของผู้ใช้ สามารถจำแนกเป็น
หัวข้อได้ดังนี้
- วางแผนการพัฒนาเว็บเพจ
- กำหนดไดเร็กทรอรี่ หรือโฟลเดอร์ (Directory/Folder) ที่ใช้เก็บเอกสารเว็บ
- สร้างภาพ หรือจัดหาภาพที่เกี่ยวข้องกับเนื้อหา แล้วจัดเก็บไว้ในไดเร็กทรอรี่ที่สร้างไว้
- สร้างเอกสารเว็บ โดยกำหนดชื่อไฟล์เอกสารเว็บ ตามข้อกำหนดของผู้ดูแลระบบเครือข่าย (Web System Administrator)
และจัดเก็บไว้ในไดเร็กทรอรี่ที่สร้างไว้
- ตรวจสอบผลเอกสารเว็บผ่านเบราเซอร์
- ส่งข้อมูลขึ้นเครื่องแม่ข่าย (Server) และทำการตรวจสอบผลการเรียกดูจากเครื่องแม่ข่าย
รายละเอียดต่างๆ ในขั้นตอนการพัฒนาเว็บนี้ มีหลายประการที่ต้องขึ้นอยู่กับผู้ดูแลระบบ (Web System Administrator) ดังนั้นก่อนดำเนินการพัฒนาเว็บเพจ ผู้พัฒนาควรติดต่อขอข้อมูลเหล่านี้จากผู้ดูแลระบบก่อน เพื่อไม่ให้เกิดปัญหาภายหลัง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น