Page 25 - การสร้างเว็บไซต์

ุ
3.5 เตรียมทักษะหรือบคลำกร กำรสร้ำงเว็บไชด์ต้องอำศัยทักษะหลำยๆ ด้ำน เช่น ในกำร
ุ
ี
็
็
็
ขนำดใหญ่อำจต้องใช้บคลำกรเปนจ�ำนวนมำก แต่ส�ำหรับเว็บเลกๆ ที่ต้องดูแลเพยงคนเดียวกจะต้อง
3.กำรวำงแผนกำรสร้ำงเว็บไซต์ ศึกษำหำควำมร้ในเรื่องนันๆเพ่อเตรียมพร้อมเอำไปเปนเว็บไชด์ขนำดใหญ่อำจต้องใช้บคลำกรหลำย
็
ื
ู
ุ
้
คน ได้แก่
ี
ู
ี
กำรสร้ำงเว็บไซต์มองค์ประกอบที่เก่ยวข้องอยู่มำกมำย ซึ่งจะต้องหำข้อมล วิเครำะห์และตัดสิน
็
ี
ุ
้
ี
ุ
ื
ใจก่อนลงมอท�ำ ได้แก่ เว็บมวัตถประสงค์อะไร ใครคือกล่มเปำหมำยหลัก ทีมงำนมใครบ้ำงและแต่ละ 3.5.1 Webmster คือ ผู้รับผิดชอบดูแลเว็บไซต่อำจเปนผู้ที่ออกแบบและพัฒนำเว็บไชด์
็
ู
ู
คนควำมถนัดเรื่องใต เนอหำและข้อมลมำจำกที่ไหน เทคโนโลยีมอะไรบ้ำงที่จะน�ำมำใช้กับเว็บ รปแบบ ทั้งหมดเลยกได้
ี
ื
้
ี
้
ื
ี
้
็
เว็บเพจเปนอย่ำงไร และกำรโปรโมตเว็บอย่ำงไร ซึ่งสิ่งเหล่ำนต้องวำงแผนให้ขัดเจนตั้งแตเริ่มต้น เว็บ 3.5.2 Contenl Writer หรืe Editor คือ นักเขยนและบรรณำธิกำรที่ดูแลด้ำนเนอหำ
็
ไชด์ทีจะประสบควำมส�ำเรจได้ต้องอำศัยองค์ประกอบและกำรวำงแผนงำนอย่ำงชัดเจน สิ่งทีจะต้องท�ำ (Comtenl)ของเว็บไซต์
ในขั้นตอนน ได้แก่ 3.5.3 Heh Desgaer คือ ผู้ออกแบบลักษณะหน้ำตำของเว็บไซต่ วำงเค้ำโครงหน้ำ
ี
้
เว็บเพจเลือกสี และออกแบบส่วนประกอบต่ำงๆ

ี
3.1. ก�ำหนดเปำหมำยของเว็บไซค์ เพ่อให้เห็นภำพที่ชัดเจนว่ำเว็บไขด์นต้องกำรน�ำเสนอหรือ
้
ื
้
ิ
ู
ต้องกำรให้เกดผลอะไร เช่น เว็บไซต์ส�ำหรับให้ข้อมลหรือขำยสินค้ำ หรือกำรบริกำร หรือกำรศึกษำ
็
ซึ่งวัตถประสงค์นจะเปนตัวก�ำหนดรำยละเอียดอื่นๆ ที่จะตำมมำ เช่น โครงสร้ำงของเว็บไซต์รวมถง
ุ
ี
้
ึ
ุ
็
ี
้
ี
็
ลักษณะหน้ำตำและสีสันของเว็บเพจ ในกรณที่เปนเว็บไชด์ของบริษัทหรือองค์กร วัดถประสงค์นกจะ
ต้องวำงให้สอดคล้องกับภำรกจขององค์กรด้วย
ิ
3.2 ก�ำหนดกล่มผู้ชมเปำหมำย เพ่อจะได้ร้ว่ำผู้ชม หรือกล่มลูกค้ำคือใคร และออกแบบเว็บ
ื
ุ
้
ู
ุ
ุ
ิ
ให้ตรงตำมควำมต้องกำรของผู้เข้ำชมเว็บให้ได้มำกที่สด ไม่ว่ำจะเปนกำรเลือกโทนสีกรำฟก แบนเนอร์
็
ื
ฟอนด์และที่ส�ำคัญเนอหำต้องชัดเจน
้
ู
ู
้
ื
ื
้
3.3 ก�ำหนดขอบเขตเนอหำและรวบรวมข้อมลเนอหำ เนอหำหรือข้อมล คือ สำระส�ำคัญที่แท้จริง 4. กำรออกแบบช้อมลและกำรสร้ำงแผนที่เว็บไซต์
้
ื
ู
ของเว็บไซด์ ให้รวบรวมข้อมลเนอหำอะไรบ้ำงที่อยำกให้ม หรือควรจะมอยู่ในเว็บไซต์ มกำรใช้งำนที่
้
ี
ี
ื
ู
ี
้
่
โครงสรัางของเวบไซต์ได้ทังหมด ซึงจะเปนเหมือน "สารบัญ"หรือ"หน้าดัชน" ของเวบไซต์
็
็
็
ี
้
้
็
ื
็
จ�ำเปนอะไรบ้ำง เช่น Webboard, Cat. ระบบสมำชิก, ระบบตะกร้ำซือของ เปนดัน นอกจำกเนอหำหลัก Slemap หรือ "แผนผังเวบไซต์" หรือ "แผนทีเวบไซด์" เปนส่วนหนงของเวบไชด์ทีอธิบายถึงทีรวม
่
่
่
่
็
ึ
็
็
็
้
้
ู
ู
ื
ชองเว็บไซต์ได้แก่ ข้อมลข่ำวสำร, รำยละเอียดสินค้ำหรือบริกำร, วันซือสินค้ำ เพ่อเพ่นควำมเมบรณ์ให้ Link ทังหมดของเวบไซต์ไว้ภายในหน้าเดียว
ิ
็
ื
กับเว็บไชด์ให้สมบรณ์ยิ่งขน ควรเพ่มเติมเนอหำต่อไปน ้ ี ข้อดีของการท�า Slemap ็ ็ ่ ึ ่ ู ่
ิ
้
ู
ึ
้
ิ
เวบยุคแรกๆ จะนยมท�า Slemap เปนหน้าเวบหน้าหนงเพือรวม Link ของทุกๆ หน้าให้ผ้เยียมชม
็
ี
ู
3.1.1 หน้ำข้อมลเก่ยวกับบริษัท องค์กร หรือผู้จัดท�ำ (Abeu Us ) บอกเจ้ำของเว็บไซต์ ได้ทราบถึงแผนผังการเชือมโยงทังหมดของเวบไซต์ ฉะนนชัอดีของการท�า Slemap คือ
้
้
่
ั
็
่
่
้
วัตถประสงค์ของเว็บไซต์, ประวัติควำมเปนมำ 1) ท�าให้ผ้ชมเวบไซต์เข้าใจโครงสร ้างเวบและเข้าถึงข้อมลทีต้องการได้รวดเร็วยิงขึน
็
ุ
ู
็
ู
็
็
็
็
ู
็
ุ
็
ื
ุ
3.4 เตรียมเครื่องมออปกรณ์ที่จ�ำเปน เครื่องมออปกรณ์ที่ต้องจัดเตรียมส�ำหรับกำรสร้ำงเว็บเช่น 2) ท�าให้ผ้พัฒนาเวบไซต์เข้าใจโครงสร ้างของเวบไซต์และเหนภาพรวมของ Link ในเวบไชด์
ื
่
3) ท�าให้ง่ายต่อการพัฒนา เนองจาก Siemap จะแบ่งส่วนของเวบไชด์ไว้อย่างชัดเจน
ื
็
ิ
โปรแกรมส�ำหรับสร้ำงเว็นไซต์ โปรแกรมส�ำหรับสร้ำงกรำฟก โปรแกรมกำรสร้ำงภำพเคลื่อนไหวและ
ี
ู
ุ
มัลติมเตีย โปรแกรมยทิตี โปรแกรมสร้ำงฐำนชัอมลอื่นๆ ที่ต้องใช้ กำรจดทะเบยนโดเมนเนม
้
ี
(ชื่อเว็บไซค์)ดลอดจนผู้ให้บริกำรรับฝำกเว็บไซต์ (พcb Heting และเลือกแผนกำรบริกำรที่เหมำะสม
กับเว็บไซด์
20 21