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

่
่
็
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