Page 24 - การพัฒนาหนังสืออิเล็กทรอนิกส์เพื่อการศึกษา เรื่อง การสร้างเว็บไซต์

่
่
็
็
3.5 เตรียมทักษะหรือบุคลากร การสร ้างเวบไชด์ต้องอาศัยทักษะหลายๆ ด้าน เช่น ในการ 5. การจัดเตรียมสือเพือใช ้ในการสร ้างเวบไซต์
่
็
็
รนาดใหญ่อาจต้องใช ้บุคลากรเปนจ�านวนมาก แต่ล้าหรับเวีบเลกๆ ทีต้องดูแลเพียงคนเดียวกจะต้อง
็
่
้
่
ั
็
็
ศึกษาหาความรู้ในเรืองนนๆ เพือเตรียมพร ้อมเอาไเปนเวไชด์ชนาดใหญ่อาจต้องใช ้บุคลากรหลาย
คน ได้แก่ ่
�
�
็
ู
ึ
ู
่
็
ู
3.5.1 Webmster คือ ผ้รับผิดชอบดูแลเวบไซต่อาจเปนผ้ทีออกแบบและพัฒนาเวบไชด์ เทคโนโลยีนาเสนอชัอมลตัวเสือถือได้ว่าเปนอีกรูปแบบหนงของการนาเสนอซ ้อมลบน
็
ู
็
่
่
็
ิ
ู
ิ
้
ทังหมดเลยกได้ เวยไซด์ประกอบไปด้วยข้อมลชนดภาพและเสียง ได้แก่ ภาพนง ภาพเคลือนไหว เสียง และวิดีโอ
็
้
่
็
ู
็
ั
ี
�
�
่
้
3.5.2 Contenl Writer หรืe Editor คือ นเขียนและบรรณาธิการทีดูแลด้านเนอหา เปนต้น ซึงปจจุบันให้มีการนาเทศโนโลยีเหลานมาใช ้เปนประสิทธิภาพการนาเสนอชัอมลจ�านวน
ั
ื
้
่
้
่
่
�
ู
ื
็
ิ
ั
(Comtenl)ของเวบไซต์ มากและเปนทีนยมเนองจากมีประสิทธิภาพสูง รวมทังความหมายทีต้องการนาเสนอแก่ผ้ชม ดังนน
็
่
่
้
่
ิ
ิ
ู
ู
็
3.5.3 Heh Desgaer คือ ผ้ออกแบบลักษณะหน้าตาของเวบไซต่ วางเค้าโครงหน้าเวบเพง การพิจารณาเลือกชนดของสือทีเหมาะสมกับชนดข้อมสระชวประหยัดพืนทีข้อมล โดยสามารถ
็
ู
่
้
็
เลือกสี และออกแบบส่วนประกอบต่างๆ จ�าแนกสือออกได้เปน ประเภทหลักดังน ่ ี ่
่
่
็
ึ
5.1 ภาพนง (Still Image ) เปนภาพทีมมีการเคลือนไหว เช่น ภาพถ่าย ภาพวาด และภาพลายเส้น
้ ้ ่
ื
เปนตัน ภาหนงนบว่ามีบพบาทต่อระบบงานมัลดีมีเดียมากกว่าช็อความหรือตัวอักษร ทังนเนองจาก
็
ี
ั
ิ
้
ภาพจะให้ผลในเชิงการเรียนรู้หรือรับรู้ตัวยการมองเหนได้ดีกว่า นอกจากนยังสมารถ่ายทอดความ
ี
็
่
้
่
หมายไห้สึกซึงมากกว่าข้อความหรือตัวอักษรนนเอง ซึงข้อความหรือตัวอักษรจะมีข้อจ�ากัดทาง
ั
ด้านความแตกต่างของแตละกาษา
่
่
่
้
5.2 ภาพเคลือนไหว (Animation) หมายถึง ภาพกราฟกทีมีการเคลือนไหวเพือแสดงขันตอน
ิ
่
่
่
่
้
หรือปรากฏการณ์ต่างๆ ทีเกิดขึนอย่างต่อเนอง เช่น การเคลือนทีของอะตอมในโมเสกุลหรือการ
ื
่
่
้ ้ ่
่
็
ี
เคลือนทีของลูกสูบของเครืองยนด์ เปนต้น ทังนเพือสร ้างสรรค์จินตนาการให้เกิดแรงจูงใจจากผ้ชม
ู
่
่
้
่
่
ั
การผลิตภาชเลือนไหวจะต้องใช ้โปรแกรมทีมีคุณสมบัติเฉพาะทาง ซึงอาจมีปญหาเกิดขึนอยูบ้าง
้
่
่
่
่
ิ
็
เกียวกับขนาดของไฟส์ทีต้องใช ้พืนทีในการจัดเกบมากกว่าภาพนงหลายเท่า
่
่
็
่
ึ
5.3 เสียง (Sound) เปนองค์ประกอบหนงทีส�าคัญของมัลดีมีเดีย จะถูกจัดเกบอยูในรูปของ
็
่
้
่
สัญญาณดิจิตอลซึงสามารถเล่นซ�ากลับไปกลับมาได้โดยใช ้โปรแกรมทีออกแบบมาโดยเฉพาะ
้
่
ส�าหรับท�างานด้านเสียงหากในงานมัลติมีเดียมีการใช ้เสียงทีเร ้าใจและสอดคล้องกับเนอหาใน
ื
่
้
้
�
การนาเสนอจะช่วยให้ระบบมัสติมีเดียนนเกิดความสมบูรณ์แบบมากยิงขึน
ั
่
่
5.4 วิดีโอ (Video) เปนองค์ประกอบของมัลติมีเดียทีมีความส�าคัญเปนอย่างมาก เนองจากวิดีโอ
็
็
ื
่
็
4. การออกแบบช ้อมลและการสร ้างแผนทีเวบไซต์ ในระบบติจิตอลสามารถนาเสนอข้อความหรือรูปภาพ (ภาพนงหรือภาพเคลือนไหว) ประกอบกับ
ู
่
่
�
ิ
่
ิ
เสียงได้สมบูรณ์มากกว่าองค์ประกอบชนดอืนๆ
้
้
่
็
็
ี
โครงสรังของเวบไยดีใด้ทังชมด ซึง Sแกแคุ นเองจะเปนเหมือน "สารบัญ"หรือ"หน้า
่
่
ี
็
็
็
ศัชน" ของเวบไซค์siemap หรือ "แผนผังเวบไตต์" หรือ "แผนทีเวบไซด์" เปนส่วนหนงของเวยไชด์ สรุป
็
็
ึ
้
่
่
ทีอธิบายถึงทีรวม Link ทังหมดของเวบไตต์ไว้ภายในหน้าเดียว
็
ข้อดีของการท�า Siemมp
่
่
่
่
่
็
ื
เวบยุคแรกๆ จะนยมท�า SHemap เปนหน้าเวบหน้าหนงเพือรวม Lnk ของทุกๆ หน้าให้ผ้เยียมซม ปจจุบันเทคโนโลยีทีใช ้ในการออกแบบเวบไซด์มีการพัฒนาอย่างต่อเนองรูปแบบ
ู
็
ั
็
ิ
ึ
็
้
่
้
ได้ทราบถึงแผนผังการเชือมโยงทังหมดของเวบไซต์ ณะนนชัอดีของการท�า Slenap คือ การนาเสนอข้อมลกลายเปนความพยายามแช่งชันกันออกแบบหน้าเวบโดยใช ้เทคนค
็
ู
�
็
็
ิ
ั
่
้
่
่
่
็
็
ู
ู
1) ท�าให้ผ้ชมเวบไซต์ข้าใจโครงสร ้างเวบและเข้าถึงข้อมลทีต้องการได้รวดเร็วยิงขึน การนาเสนอข้อมลในรูปแบบของสือประเภทต่างๆจึงท�าให้การออกแบบเวบไชต์ถูกมงเน้น
ู
ุ
็
�
่
่
็
ั
็
ั
2) ท�าให้ผ้พัฒนาเวบไซต์เข้าใจโตรงสร ้างของเวบใชต์และเหนภาพรวมของ Link ในเวบไชด์ เพือการตอบสนองความต้องการทีจะแสดงถึงศักยภาพของนกพัฒนาเวบจึงส่งผลให้นก
็
ู
็
็
่
ื
3) ท�าให้งายต่อการพัฒนา เนองจาก Siemap จะแบ่งส่วนของเวบไชด์ไว้อย่างชัดเจน พัฒนาเวบไชต์ต้องศึกษาแนวทางในการพัฒนาเวบให้สอดคล้องกับความต้องการของผ้ ู
็
็
็
้
่
ใช ้และเทคนคการใช ้เทคโนโลยีชันสูงเพือให้สามารถออกแบบเวบไซต์ได้อย่างเหมาะสม
็
ิ
และมีประสิทธิภาพ
20 21