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

่
3.4.4 โปรแกรมอืนๆ เช่น รออุ! ส�ำหรับ Capture รูปภำพหน้ำจอ ท�ำให้สะดวกเวลำต้องกำร
้
็
ื
็
Caplure รูปภำทเตรียมเนอหำ ออกแบบกรำชิก เขียนไปรแกรมและกำรดูแลเวบเชีร ์พเวอร ์ เปนต้น
่
็
็
3.กำรวำงแผนกำรสร ้ำงเวบไซต์ ซึงถ้ำเปนเวบไซค์
็
็
3.5 เตรียมทักษะหรือบุคลำกร กำรสร ้ำงเวบไชด์ต้องอำศัยทักษะหลำยๆ ด้ำน เช่น ในกำร
่
่ ่
่
็
่
ู
กำรสร ้ำงเวบไซต์มืองค์ประกอบทีเกียวข้องอยูมำกมำย ซึงจะต้องหำข้อมล วิเครำะห์และ รนำดใหญ่อำจต้องใช ้บุคลำกรเปนจ�ำนวนมำก แต่ล้ำหรับเวีบเลกๆ ทีต้องดูแลเพียงคนเดียวกจะต้อง
็
็
็
่
่
้
ตัดสินใจก่อนลงมือท�ำ ได้แก่ เวบมีวัตถุประสงค์อะไร ใครคือกลุมเปำหมำยหลัก ทีมงำนมีใครบ้ำง ศึกษำหำควำมรู้ในเรืองนนๆ เพือเตรียมพร ้อมเอำไเปนเวไชด์ชนำดใหญ่อำจต้องใช ้บุคลำกรหลำย
่
้
็
็
ั
็
่
่
้
่
ั
ู
ื
�
และแต่ละคนควำมณนดเรืองใต เนอหำและข้อมลมำจำกทีหน เทคโนโส.อะไรบ้ำงทีจะนำมำใช ้กับ คน ได้แก่
้
้
่ ่
่
็
เวบ รูปแบบเวบเพจเปนอย่ำงไร และกำรโปรโมตเวบอย่ำงไร ซึงสิงเหล่ำนต้องวำงแผนให้ขัดเจนตังแต 3.5.1 Webmster คือ ผ้รับผิดชอบดูแลเวบไซต่อำจเปนผ้ทีออกแบบและพัฒนำเวบไชด์
็
็
็
ี
ู
็
ู
็
็
่
้
เริมต้น เวบไชด์ทีจะประสบควำมส�ำเร็จได้ต้องอำศัยองค์ประกอบและกำรวำงแผนงำนอย่ำงชัดเจน ทังหมดเลยกได้
็
็
้
้
่
่
้
สิงทีจะต้องท�ำในขันตอนน ได้แก่ 3.5.2 Contenl Writer หรืe Editor คือ นเขียนและบรรณำธิกำรทีดูแลด้ำนเนอหำ
ี
ั
ื
็
(Comtenl)ของเวบไซต์
่
้
่
ี
็
3.1. ก�ำหนดเปำหมำยของเวบไซค์ เพือให้เหนภำพทีขัดเจนว่ำเวบไขด์นต้องกำรนำเสนอหรือ 3.5.3 Heh Desgaer คือ ผ้ออกแบบลักษณะหน้ำตำของเวบไซต่ วำงเค้ำโครงหน้ำเวบเพง
็
�
็
้
็
็
ู
ต้องกำรให้กิดผลอะไร เช่น เวบไซต์ส�ำหรับให้ข้อมลหรือชำยสินค้ำ หรือกำรบริกำร หรือกำรศึกษำ เลือกสี และออกแบบส่วนประกอบต่ำงๆ
ู
็
่
่
่
้
่
็
็
ี
ซึงวัตถุประสงค์นจะเปนตัวก�ำหนดรำยละเอียดอืนๆ ทีจะตำมมำ เช่น โครงสร ้ำงของเวบไซต์รวมถึง 3.5.4/ Web Prognaamer เปนนกเขียนโปรแกรมซึงพัฒนำโปรแกรมด้วยกำษำต่ำงๆ ที ่
็
ั
้
่
็
็
็
ลักษณะหน้ำตำและสิสันของเวบเพ ในกรณทีเปนเวบไชด์ของปบริษัทหรือองค์กร วัดถุประสงค์นก ็ ใช ้ในเวบไซต์ เขน HT'ML, CSS, JavaScript, VBScript, ASP, ASP NET และ PHP เปนต้น
ี
ี
็
็
จะต้องวำงให้สอดคล้องกับภำรกิจขององค์กรด้วย 3.6 ประมำณกำรค่ำใช ้จ่ำย
่
่
็
ู
3.2 ก�ำหนดกลุมผ้ชมเปำหมำย เพือจะได้รู้ว่ำผ้ชม หรือกลุมลูกค้ำคือใคร และออกแบบเวบให้ตร 3.6.1 ค�ำำจด Dasin Name (ชือเวบไซด์) ประมำณ 600 บำทต่อป หรือผ้ให้บริกำร Wล
่
้
ู
่
ู
็
ี
่
่
้
่
็
็
ู
ตำมควำมต้องกำรของผ้เข้ำชมเวบให้ได้มำกทีสุด ไมว่ำจะเปนกำรเลือกโทนสี กรำชิก แบนเนอร ์ Hstiag บำงแห่ง ถ้ำเซำพืนที Hel กมีบริกำรจุด Domain Name ให้Wรี
็
้
่
่
้
่
้
้
ฟอนด์และทีส�ำคัญเนอหำต้องชัดเจน 3.6.2 ค่ำเช่ำ นลง Hating (พืนทีฝำกเวนใซด์) รำคำขึนกับชนำคพืนที, ปริมำณข้อมล
ื
็
ู
่
้
้
้
่
ื
ื
ื
ู
3.3 ก�ำหนดชอบเขตเนอหำและรวบรวมข้อมลเนอหำ เนอหำหรือชัอล คือ สำระส�ำคัญทีแท้จริง เข้ำออก (Data Tanfer),จ�ำนวนฐำนชัดมลทีให้ใช ้ใต้ จ�ำนวน E-แม! และ Oงtan ต่ำงๆ ไลยปลติผ้ ู
ู
่
้
้
่
ู
่
ื
็
ของเวีบไซด์ ให้รวบรวมข้อมลเนอหำอะไรบ้ำงทีอยำกให้มี หรือควรจะมีอยูในเวบไซต์ มีกำรใช ้งำน ให้บริกำรWeb Hosting จะจัดเปน Package ชนำดพืนทีต่ำงๆ เอำไว้ให้ถูกค�ำเลือกอยูแล้ว
็
่
่
้
ทีจ�ำเปนอะไรบ้ำง เช่น Webboard, Cat. ระบบสมำชิก, ระบบตะกร ้ำซือของ เปนดัน นอกจำก
็
็
่
่
้
้
เนอหำหลักชองเวบไซต์ได้แก่ ข้อมลชำวสำร, รำยละเอียดสินค้หรือบริกำร, วัซือสินค้ำ เพือเพิน
ื
็
ู
้
่
่
้
็
ื
็
ควำมเมบูรณ์ให้กับเวบไชดีให้สมบูรณ์ยิงขึน ควรเพิมเตมเนอหำต่อไปน ี ้
่
็
ู
3.1.1 หน้ำข้อมลเกียวกับบริษัท งค์กร หรืดผ้จัดท�ำ (Abeu Us )บอกเจ้ำซองเวบไซดี,วัตถุประสงค์ ่
ู
ู
็
็
็
ของเวบไซต์, ประวัติควำมเปนมำ 4. กำรออกแบบช ้อมลและกำรสร ้ำงแผนทีเวบไซต์
่
่
ู
3.1.2 หน้ำข้อมลในกำรติดต่อ ทีอยู เบอร ์โพรศัพท์ เมล แผนที (Center Tnkermatea)
่
่
้
ส่วนนจะช่วยเขมควำมนเชือถือให้กับเวบไซต์ ้ ่ ้
็
็
่
ี
็
็
ี
่
่
่
ั
็
3.1.3 เพิมเตมเกียวกับส่วนคันหำข้อมล แผนฝงเวบไซค์ (Sicmap) เพือช่วยให้ผ้ชมค้นหำ โครงสรังของเวบไยดีใด้ทังชมด ซึง Sแกแคุ นเองจะเปนเหมือน "สำรบัญ"หรือ"หน้ำ
ู
ู
็
่
่
็
็
็
ึ
ี
็
็
่
ข้อมลทีต้องกำรได้อย่ำงสะดวกรวดเร็ว ศัชน" ของเวบไซค์siemap หรือ "แผนผังเวบไตต์" หรือ "แผนทีเวบไซด์" เปนส่วนหนงของเวยไชด์
ู
่
่
้
็
่
�
็
3.3.4 หน้ำรับข้อเสนแแนะ (Fediark) เพือนำไปปรับปรุงเวบไซต์ สินค้ หรือกำรให้บริกำรค�ำถำมที ่ ทีอธิบำยถึงทีรวม Link ทังหมดของเวบไตต์ไว้ภำยในหน้ำเดียว
่
ู
ถูกถำมปอย (FAQ: Frequemly Asked Qeestian) รวบรวมค�ำถำมทีผ้ชมมักจะถ"มปอยๆ ไว้ ข้อดีของกำรท�ำ Siemมp ่ ่ ่
็
ู
็
ึ
็
ิ
้
่
เพือประหยัดเวลำทังคนถำม-คนตอบ เวบยุคแรกๆ จะนยมท�ำ SHemap เปนหน้ำเวบหน้ำหนงเพือรวม Lnk ของทุกๆ หน้ำให้ผ้เยียมซม
้
่
้
็
ั
่
่
่
่
็
3.4 เตรียมเครืองมืออุปกรณ์ทีจ�ำเปน เครืองมืออุปกรณ์ทีต้องจัดเตรียมส�ำหรับกำรสร ้ำงเวบเช่น ได้ทรำบถึงแผนผังกำรเชือมโยงทังหมดของเวบไซต์ ณะนนชัอดีของกำรท�ำ Slenap คือ
็
้
่
่
ู
็
ู
็
่
โปรแกรมส�ำหรับสร ้ำงเวนไซต์ โปรแกรมส�ำหรับสร ้ำงกรำฟก โปรแกรมกำรสร ้ำงภำพเคลือนไหว 1) ท�ำให้ผ้ชมเวบไซต์ข้ำใจโครงสร ้ำงเวบและเข้ำถึงข้อมลทีต้องกำรได้รวดเร็วยิงขึน
ิ
็
็
็
็
็
ู
่
่
้
และมัลติมีเตีย โปรแกรมยุทิตี โปรแกรมสร ้ฐำนชัอมลอืนๆ ทีต้องใช ้ กำรดทะเบียนไดเมนเนม 2) ท�ำให้ผ้พัฒนำเวบไซต์เข้ำใจโตรงสร ้ำงของเวบใชต์และเหนภำพรวมของ Link ในเวบไชด์
ู
่
ื
็
่
่
็
็
(ชือเวบไซค์)ดลอดจนผ้ให้บริกำรรับฝำกเวบไซต์ (พcb Heting และเลือกแผนกำรบริกำรทีเหมำะ 3) ท�ำให้งำยต่อกำรพัฒนำ เนองจำก Siemap จะแบ่งส่วนของเวบไชด์ไว้อย่ำงชัดเจน
ู
่
็
สมกับเวบไซด์ โปรแกรมทีใช ้ในกำรสร ้ำงเวบไซต์ ได้แก่
็
3.4.1 โปรแกรมส�ำหรับพัฒนำเขียนเวบเพจ เชน Notepad++. Adobe Dreamweaver เปน
็
็
้
คัน
็
3.4.2 โปรแกรมสร ้งและตกแต่งภำพ เขน Adobe Fhotoshop และ ImageReady เปนต้น
่
่
3.4.3 โปรแกรม FTP ส�ำหรับ Upload Pile จำกเครืองคอมพิวเตอร ์สวนบุคคลไปเครือง Sener
็
เช่น WS_ FTP, File7ila และ wiasce เปนต้น
20 21