บทท� 2

หลกการพฒนาเวบไซต

เวบไซตคอแหลงรวมขอมลเก�ยวกบเร�องราวตางๆ ท�เจาของเวบไซตตองการนาเสนอ ซ� ง

สรางจากเวบเพจหลายๆ เวบเพจเพ�อประกอบเปนเวบไซต และหากเวบไซตใดท�มผเขาเย�ยมชมจานวนมาก และเม�อออกจากเวบไซตแลวยงกลบเขามาใชบรการเวบไซตน,นอก ถอวาเปนเวบไซตท�ประสบผลสาเรจเปนอยางมาก เพราะมเวบไซตมากมายท�ตองปดตวเองลงไป เน�องจากไมมผเขามาเย�ยมชม สาเหตสวนใหญมาจากเน,อหาในเวบไซตน,นอาจจะมความลาสมย นาเสนอขอมลท�เปนเทจ ขอมลท�ใสรายปายสบคคลอ�น หรอมปายโฆษณาจานวนมาก การใชงานมความยงยาก ใชเวลามากในการโหลดหนาเวบเพจ ไมมระบบนาทางเช�อมโยงไปยงเน,อหาท�ตองการ ซ� งมกเกดการพฒนาเวบไซตท�ไมเปนข,นตอน ขาดการบารงรกษาทาใหขอมลลาสมย ดงน,นหากตองการใหการพฒนาเวบไซตประสบผลสาเรจ ควรมข,นตอนในการพฒนาเวบไซตอยางเปนระบบ ในบทน, จะกลาวถงกระบวนการพฒนาเวบไซต ส� งท�ตองคานงถงในการออกแบบเวบไซต ขอแนะนาในการพฒนาเวบไซต ขอพงระวงในการพฒนาเวบไซต และทมงานในการพฒนาเวบไซต โดยมรายละเอยดดงน, 1. กระบวนการพฒนาเวบไซต

ขอมลหรอสารสนเทศท�นาเสนอในแตละเวบไซตบนโลกอนเทอรเนตจะแตกตางกนไป

ตามเปาหมายในการพฒนาเวบไซต เชน เวบไซตขาว กจะนาเสนอขาวท�เกดข,น ณ ปจจบน ท,งในประเทศและตางประเทศ โดยอาจจะนาเสนอแยกตามประเภทของขาวสาร หรอเวบไซตบรการซ,อขายสนคา เปาหมาย กคอใหบรการซ,อขายสนคาผานทางเวบไซต ซ� งกอนลงมอพฒนาเวบไซตผพฒนาจะตองกาหนดเปาหมายในการพฒนาเวบไซตน,นๆ กอน เพ�อใหไดเวบไซตท�ตรงกบความตองการ กระบวนการพฒนาเวบไซตประกอบดวย 6 กระบวนการ คอ

1) การกาหนดวตถประสงคและวางแผน (Site Objectives and Planning) 2) การกาหนดเน,อหาและจดโครงสรางเวบไซต (Site Content and Structure) 3) การออกแบบเวบไซต (Website Design) 4) การพฒนาเวบไซต (Website Development) 5) การเผยแพรและสงเสรมเวบไซต (Website Publishing and Promote Website) 6) การดแลและบารงรกษาเวบไซต (Website Maintenance and Innovation)

30

รปท� 2.1 กระบวนการพฒนาเวบไซต

จากรปท� 2.1 แตละกระบวนการมรายละเอยดดงน, กระบวนการท� 1 กาหนดวตถประสงคและวางแผน (Site Objectives and Planning) ใน

ข,นตอนน,ประกอบดวยกจกรรมยอย 4 กจกรรม คอ การกาหนดวตถประสงคในการพฒนาเวบไซต การกาหนดกลมเปาหมายท�จะเขาใชงานเวบไซต การศกษากลยทธเวบไซตของคแขงทางธรกจ และวางแผนในการพฒนาเวบไซต แตละกจกรรมยอยมรายละเอยดดงน,

1) การกาหนดวตถประสงคในการพฒนาเวบไซต เวบไซตแ ตละเวบไซตวตถประสงคในการพฒนาจะแตกตางกนไป ทาใหรปแบบการนาเสนอขอมลในเวบไซตแตกตางกนไปดวย การกาหนดวตถประสงคเปนการกาหนดเปาหมายในการนาเสนอขอมลบนเวบไซตวาตองการนาเสนออะไร ตวอยางการกาหนดวตถประสงคในการพฒนาเวบไซต เชน

- เพ�อชวยสงเสรมยอดขายและสนบสนนการขายสนคาใหกบองคกร - เพ�อสรางภาพลกษณใหกบองคกร ทาใหผเย�ยมชมเวบไซตมความประทบใจใน

ขอมลท�นาเสนอและการบรการของเวบไซต - เพ�อใหบรการและสนบสนนการขาย เปนการเพ�มชองทางในการใหบรการและ

ขายสนคาใหกบลกคา ทาใหลกคาสามารถซ,อสนคาไดโดยไมจาเปนตองไปท�รานคา

กาหนดวตถประสงคและวางแผน

กาหนดเน �อหาและจดโครงสรางเวบไซต

ออกแบบเวบไซต

พฒนาเวบไซต

เผยแพรและสงเสรมเวบไซต

ดแลและบารงรกษาเวบไซต

31

- เพ�อประชาสมพนธองคกร ทาใหองคกรเปนท�รจกมากข,น - เพ�อสรางระบบงานบนเครอขายอนเทอรเนต ทาใหผใชไมตองเดนทางไปท�

หนวยงานหรอองคกรน,น เพ�อดาเนนธรกรรมตางๆ ท�เก�ยวของกบระบบงาน เชน ระบบงานธนาคารอเลกทรอนกส ท�ผใชสามารถทาธรกรรมทางการเงนผานทางเครอขายอนเทอรเนตได ระบบตดตามและตรวจสอบส�งของฝากสงทางไปรษณย ท�ผใชสามารถคนหาและตดตามผลการฝากสงส�งของทางไปรษณยได

- เพ�อนาเสนอขาวสารตางๆ ของหนวยงานท�ทาหนาท�นาเสนอขาวสาว หรอหนวยงานท�สรางรายไดจากโฆษณาสนคาตางๆ แตแอบแฝงไปในรปของการนาเสนอขาว

- เพ�อนาเสนอขอมลความรทางวชาการดานตางๆ วตถประสงคการพฒนาเวบไซตจะเปนตวกาหนดขอมลท�จะนาเสนอในเวบไซต

ขอบเขตของเน,อหาท�ตองมในเวบไซต วธการนาเสนอ รปแบบการแสดงผล ดงน,นจงตองกาหนดวตถประสงคในการพฒนาเวบไซตอยางชดเจน

2) การกาหนดกลมเปาหมายท�จะเขาใชงานเวบไซต เปนการศกษาถงกลมบคคลท�เขามาใชงานเวบไซต วธการศกษากลมเปาหมายอาจจะใชวธ 5W+1H คอ

- Who ใคร หมายถงกลมเปาหมายคอกลมใด รสนยมสวนตวเปนอยางไร มพฤตกรรมในการทองเวบไซตอยางไร เพ�อวางแผนการพฒนาเวบไซตใหสามารถตอบสนองความตองการและพฤตกรรมในการใชงานของกลมเปาหมายไดถกตอง

- What อะไร หมายถงส� งท�กลมเปาหมายตองการจากเวบไซต เปนการศกษาถงความตองการของกลมเปาหมายท�ตองการไดจากเวบไซต

- Where ท�ไหน หมายถงกลมเปาหมายมาจากท�ใด เปนกลมคนในประเทศ หรอกลมคนตางประเทศ เพ�อพฒนาเวบไซตใหสามารถตอบสนองกลมเปาหมายท�เขาเย�ยมชมเวบไซต อาจมภาษาใหเลอกแสดงเวบไซตตามตองการ และเวบไซตสามารถตดตอส�อสารกบกลมเปาหมายดวยวธการใด

- When เม�อไร หมายถงเม�อไรท�กลมเปาหมายจะเขามาเย�ยมชมเวบไซต และเขามาบอยมากนอยแคไหน

- Why ทาไม หมายถง เหตผลท�กลมเปาหมายตองเขามาเย�ยมชมเวบไซต - How อยางไร หมายถง ว ธการท� เวบไซตตอบสนองความตองการของ

กลมเปาหมายกระทาดวยวธการอยางไร การกาหนดกลมเปาหมาย เปนการกาหนดกลมบคคลท�จะเขามาเย�ยมชมเวบไซต

เพ�อวางแผนหาแนวทางในการสรางความพอใจใหกบกลมเปาหมาย หากกลมเปาหมายมความพง

32

พอใจตอบรการหรอสารสนเทศท�นาเสนอในเวบไซตกจะกลบเขามาใชงานอกคร, ง และหากกลมเปาหมายไปพดปากตอปาก กจะทาใหเวบไซตน,นมช�อเสยง มคนเขามาใชงานจานวนมาก ซ� งถอวาประสบผลสาเรจในการพฒนาเวบไซต ในกจกรรมน, ส� งท�ไดคอความตองการของผใชท�ตองการจากเวบไซต ทาใหทราบถงขอบเขตและเน,อหาท�จะนาเสนอในเวบไซต

3) การศกษากลยทธเวบไซตของคแขงทางธรกจ เปนการสารวจเวบไซตท�มกลมเปาหมายเดยวกน สารวจตลาดการแขงขนของเวบไซตท�มกลมเปาหมายเดยวกน เรยนรกลยทธในการจดทาเวบไซตของคแขง สารวจเน,อหาท�นาเสนอในเวบไซต รปแบบการใชงานและลกษณะการออกแบบตางๆ จากน,นนามาวเคราะหเปรยบเทยบถงจดออนและจดแขงในแตละเวบ เพ�อใชประกอบการกาหนดขอบเขตเน,อหาและการใชงานเวบไซตท�กาลงจะพฒนา

4) วางแผนในการพฒนาเวบไซต กาหนดระยะเวลาท�จะใชในการพฒนาเวบไซต กาหนดงบประมาณท�ใชในการพฒนาเวบไซต รวมถงกาหนดทมงานพฒนาเวบไซต ทรพยากรท�จาเปนในการพฒนาเวบไซต เชน โปรแกรมท�ใชในการพฒนาเวบไซต โปรแกรมท�ใชสาหรบตกแตงรปภาพ โปรแกรมท�ใชจดการฐานขอมล การจดทะเบยนโดเมนเนม การหาผใหบรการรบฝากเวบไซต

เม�อส,นสดข,นตอนน, ส� งท�ไดคอ วตถประสงคในการพฒนาเวบไซต กลมเปาหมายหลกของเวบไซต และความตองการของกลมเปาหมาย เพ�อใชเปนแนวทางในการกาหนดเน,อหาท�จะมในเวบไซตซ� งเปนข,นตอนตอไป

ตวอยางเชน การพฒนาเวบไซตประวตสวนตว วตถประสงคการพฒนาเวบไซต เพ�อใชเปนแหลงขอมลเพ�มเตมในการสมครงาน การบรรยายในงานสมมนาทางวชาการ หรอเพ�อตองการสรางมตรภาพกบเพ�อนใหม โดยนาเสนอขอมลเก�ยวกบประวตของตนเอง กจกรรมตางๆท�เคยทา หนาท�การงานในปจจบน งานอดเรกท�ทาในเวลาวาง และความภาคภมใจในชวต เพ�อใหผเย�ยมชมเวบไซตรจกตวตนของเจาของเวบไซตมากข,น กลมเปาหมายประกอบดวย บคคลท�วไปท�ตองการรจกเจาของเวบไซต ผเขารวมฟงบรรยาย และเพ�อนใหม

กระบวนการท� 2 กาหนดเน&อหาและจดโครงสรางเวบไซต (Site Content and Structure) ซ� งประกอบดวยข,นตอนยอย 2 ข,นตอนคอ การกาหนดเน,อหาและจดโครงสรางเวบไซต

ข,นตอนยอยท� 1 การกาหนดเน,อหา เปนการกาหนดเน,อหาท�จะนาเสนอในเวบไซต โดยนาขอมลวตถประสงคในการพฒนาเวบไซตและความตองการของกลมเปาหมายท�รวบรวมไดจากข,นตอนท� 1 มาวเคราะหถงขอบเขตของเน,อหาท�ตองมในเวบไซต โดยแบงออกเปนเน,อหาท�นาเสนอ และรปแบบการใชงานในเวบไซต เน,อหาท�นาเสนอในเวบไซตจะแบงออกเปนเน,อหาหลกท�จาเปนจะตองมเวบไซต และเน,อหาท�เสรมคณคาใหกบเวบไซต ทาใหเวบไซตมความนาสนใจ

33

ดงดดผใชใหอยในเวบใหนานท�สด และกลบมาใชบรการเวบอยเสมอ รปแบบการใชงานในเวบไซต คอสวนท�ผใชสามารถใชงานได เชน การสงขอความไปยงผดแลระบบ การสงขอความระหวางผใชกนเอง การสงขอมลผานแบบฟอรม การเลนเกมคลายเครยด การฟงเพลง การฝากขอความในกระดานขาว บรการฝากรป หรอระบบแชท โดยในการกาหนดขอบเขตของเน,อหาตองสอดคลองกบวตถประสงคท�กาหนดไว

ข,นตอนยอยท� 2 การจดโครงสรางเวบไซต (Site Structure) คอการนาขอมลขอบเขตของเน,อหาท�จะนาเสนอในเวบไซตจากข,นตอนยอยท� 1 มาจดทาเปนโครงสรางขอมลในเวบไซต จดลาดบการนาเสนอขอมล โดยสรางเปนแผนผงโครงสรางเวบไซต กาหนดรปแบบการเช�อมโยงในเวบไซต กาหนดรปแบบการจดวางระบบนาทางหรอเนวเกช�น การสรางแผนผงโครงสรางเวบไซตคอการนาลาดบการนาเสนอขอมลมาสรางเปนแผนผงท�ส�อความหมาย แสดงโครงสรางขอมลท�เปนลาดบช,นและแสดงการเช�อมโยงขอมลในแตละเวบเพจอยางชดเจน อาจแสดงในรปแบบแผนท�เวบไซต (Site map), สารบญเวบ (Table of content), ลาดบการนาเสนอ (Storyboard) หรอ ผงงาน (Flow Chart) ตวอยางแผนผงโครงสรางเวบไซตประวตสวนตว แสดงดงรป

รปท� 2.2 แผนผงโครงสรางเวบไซตประวตสวนตว

จากรปท� 2.2 แสดงแผนผงโครงสรางเวบไซตประวตสวนตว ประกอบดวยหนาแรกคอ

Home Page ท�สามารถเช�อมโยงไปยงสวนตางๆ ประกอบดวย ประวตซ� งเปนสวนแสดงรายละเอยดเก�ยวกบประวตสวนตว หนาท�การงานท�รบผดชอบในปจจบน ผลงานท�เจาของเวบไซตเคยทามากอน อาจจะเปนผลงานท�สรางช�อเสยง หรอผลงานท�ตนเองมความภมใจในการนาเสนอ งานอดเรกท�เจาของเวบไซตทาเวลาวาง และความภาคภมใจ และทกหนาของเน,อหาในเวบไซตสามารถเช�อมโยงกลบไปยงหนาแรกของเวบไซต

Home Page

ประวต หนาท�การงาน ผลงาน งานอดเรก ความภาคภมใจ

34

กระบวนการท� 3 การออกแบบเวบไซต (Website Design) เปนการออกแบบเคาโครงของเวบไซต ออกแบบการจดวางเน,อหาตางๆ ในแตละหนาเวบเพจของเวบไซต ออกแบบลกษณะการแสดงผลทางดานกราฟกของเวบเพจและเวบไซต ในข,นตอนน,ตองใชความสามารถทางดานศลปะในการเลอกใชส เลอกใชรปภาพท�จะนามาแสดงในเวบไซต ออกแบบโลโกของเวบไซต ออกแบบปายโฆษณาในเวบไซต ออกแบบปายประชาสมพนธ ออกแบบพ,นหลง ออกแบบระบบนาทางหรอ เนวเกช�นในเวบไซต ออกแบบเมน รวมถงการกาหนดขนาดตวอกษรท�จะแสดงในเวบไซต ในการออกแบบเวบเพจอาจจะมการรางตนแบบเวบเพจแตละหนา จากน,นจงใชเคร� องมอชวยในการออกแบบ เชน การใช CSS ในการออกแบบรปแบบตวอกษร ออกแบบรปแบบการแสดงผล ออกแบบรปแบบทางดานกราฟก เปนตน ตวอยางการออกแบบเคาโครงเวบเพจหนาแรกของเวบไซตประวตสวนตว แสดงดงรปท� 2.3 และตวอยางการสรางเวบเพจจากการออกแบบเคาโครง แสดงดงรปท� 2.4 โดยการใชเคร�องมอชวยในการนาเคาโครงของเวบเพจท�ออกแบบไวมาจดทาเปนไฟลเวบเพจ มการใช CSS ชวยในการจดรปแบบตวอกษร รปแบบการแสดงผล รปแบบทางกราฟก

แบนเนอร

Menu หนาแรก ประวต หนาท�การงาน ผลงาน งานอดเรก ความภาคภมใจ

ขาวสารดานการศกษา ..................................... .....................................

ลงคการศกษา ..................... ...................... ลงค it ………………. ………………

รปภาพกจกรรมของตนเอง

รปท� 2.3 ตวอยางออกแบบเคาโครงเวบเพจหนาแรกของเวบไซตประวตสวนตว

โลโก

35

รปท� 2.4 ตวอยางการสรางเวบเพจจากการออกแบบเคาโครงเวบเพจหนาแรกของเวบไซตประวตสวนตว จากรปท� 2.3

กระบวนการท� 4 การพฒนาเวบไซต ( Website Development) เปนข,นตอนท�รวบรวม

ขอมลจากข,นตอนกาหนดเน,อหา การพฒนาโครงสรางเวบไซต และการออกแบบมาพฒนาเปนเวบไซตท�สามารถทางานไดจรง ตามวตถประสงคท�กาหนดไวต,งแตเร�มตนพฒนาเวบไซต ในข,นตอนน, บางคร, งผพฒนาจะพบวาเวบไซตท�ไดออกแบบไวบางอยางอาจไมเหมาะสมสามารถปรบแตงไดตามความเหมาะสม อาจมการใชฐานขอมลเขามาชวยในการจดเกบขอมล อาจมการใชเคร�องมอชวยในการพฒนาเวบไซต ซ� งปจจบนมเคร�องมอใหเลอกใชมากมาย ท,งท�สามารถทางานไดบนอปกรณท�มขนาดหนาจอแตกตางกน หรอระบบปฏบตการแตกตางกน เชน การใชโปรแกรมสาเรจรปสาหรบสรางและจดการเน,อหาเวบไซต (Content Management System หรอ CMS) โดยผพฒนาเวบไซตไมจาเปนตองมความรดานการเขยนโปรแกรมกสามารถพฒนาเวบไซตดวยตนเอง โปรแกรมประเภทน, จะมตวชวยงานระบบงานตางๆ ท�จาเปนบนเวบไซต เชน กระดานขาวสาร กระดานสนทนา ระบบจดการปายโฆษณา ระบบนบจานวนผเขาชมเวบไซต ตะกราสนคา ระบบการแชท ระบบฝากขอความ เปนตน ซ� งเรยกวา Framework ตวอยางเชน WordPress, Joomla, Modal, Opencart, Magento ฯลฯ ในการใชงานผพฒนาเลอกใชตามความเหมาะสม นอกจากน, ยงม Framework อกประเภทหน� งท�ผพฒนาสามารถเลอกใชเปน Framework ท�เกบชดคาส�งท�พรอมสาหรบการพฒนาเวบไซตใหเลอกใชงาน ซ� งผพฒนาจะตองมความรทางดานภาษา HTML,CSS

36

และ JavaScript ตวอยางเชน Laravel, Bootstrap, jQuery, jQuery Mobile, CodeIgniter ฯลฯ เปนตน ซ� ง Framework เหลาน,จะชวยทาใหการพฒนาเวบไซตสะดวกรวดเรวมากข,น

ระหวางท�มการพฒนาเวบไซตผพฒนาจะตองทาการทดสอบเวบไซตท�สรางข,นกอนท�จะนาไปใชงานจรง ทาการตรวจสอบความถกตองของเน,อหา การทางานของลงคและระบบนาทาง ตรวจสอบหาความผดพลาดของโปรแกรมสครปต ตรวจสอบการบนทกและการเรยกใชขอมลจากฐานขอมล ตรวจสอบความถกตองจากการทางานของฟงกช�นการทางานท�พฒนาข,น ตรวจสอบการทางานของเวบไซตบนบาวรเซอรตางๆ ตรวจสอบความละเอยดของจอภาพท�สามารถทางานไดเหมาะสม ตรวจสอบการแสดงผลของเวบไซตบนอปกรณท�มขนาดหนาจอแตกตางกน ตรวจสอบความเรวในการแสดงผลของเวบไซต ตรวจสอบเวลาตอบสนองเม�อมการเรยกใชเวบเพจแตละหนา และในการพฒนาเวบไซตท�ดควรมแผนท�เวบไซต (Site Map) ท�อธบายถงโครงสรางของเวบไซตท,งหมด เปรยบเสมอนสารบญหรอหนาดชนของเวบไซต ทาใหผเย�ยมชมเวบไซตเขาใจโครงสรางเวบไซตและสามารถเขาถงหนาเวบเพจท�อยในเวบไซตตามท�ตองการไดในเวลาอนรวดเรว

กระบวนการท� M การเผยแพรและสงเสรมเวบไซต (Website Publishing and

Promotion) เปนข,นตอนการนาเวบไซตท�พฒนาเรยบรอยแลว ข,นเผยแพรบนเครอขายอนเทอรเนต และประชาสมพนธใหเวบไซตเปนท�รจกของกลมเปาหมายท�ไดวางแผนไวในข,นตอนแรก โดยข,นตอนการเผยแพรเร�มจากท�ตองมพ,นท�ในการจดเกบไฟลบนเครอขายอนเทอรเนต หรอเรยกวา Web Hosting ซ� งมผใหบรการเชาพ,นท�มากมาย จากน,นจดทะเบยนช�อเวบไซต หรอเรยกวา ช�อโดเมน (Domain Name) ซ� งเปนช�อเวบไซตไวสาหรบกาหนดเสนทางอางองท�อยเวบไซต อาจแทนดวยหมายเลขอนเทอรเนต (IP Address) ช�อโดเมนเปนช�อท�ใชในการตดตอส�อสารระหวางบคคลกบบคคล สวนการตดตอส�อสารระหวางเคร�องคอมพวเตอรในเครอขายจะใชหมายเลขอนเทอรเนต ช�อโดเมนเปนส�งท�สรางข,นมาจากผจดทะเบยน ดงน,นถอวาเปนทรพยสนทางปญญา โดยแตละประเทศจะมหนวยงานรบผดชอบการจดทะเบยนช�อโดเมน เชนประเทศไทย รบผดชอบโดยศนยสารสนเทศเครอขายประเทศไทย (Thailand Network Information Center หรอ THNIC) หลงจากท�จดทะเบยนช�อโดเมนเรยบรอยแลว ทาการต,งคาตาแหนงท�อยเวบไซตช, ไปยงท�อยของ Web Hosting ท�ไดเชาพ,นท�ไว หลงจากน,นทาการคดลอกไฟลเวบไซตไปยง Web Hosting หรอเรยกวาการ Upload ซ� งในข,นตอนน,อาจจะใชโปรแกรมประเภท FTP (File Transfer Protocol) เชน FileZilla, CuteFTP หรอใชเคร�องมอจาก Web Hosting ท�มไวใชบรการ จากน,นทาการเรยกใชเวบไซตโดยการเรยกจากช�อโดเมนท�จดทะเบยนไว ทาการทดสอบการใชงานเวบไซต เพ�อตรวจหาขอผดพลาดท�อาจจะเกดข, นอยางละเอยดเชนเดยวกบการทดสอบในข,นตอนการพฒนาเวบไซต เน�องจากสภาพแวดลอมเคร�องท�ใหบรการ Web Hosting จะแตกตางจากเคร�องท�ใชพฒนาเวบไซต เม�อ

37

ทดสอบเรยบรอยแลว ทาการเผยแพรและประชาสมพนธเวบไซต เพ�อใหมผเขามาเย�ยมชมเวบไซต การประชาสมพนธอาจเปนการแลกเปล�ยนลงคและแบนเนอรกบเวบไซตท�เปนพนธมตร หรอการโฆษณาบนเวบไซตท�เปนท�นยมของกลมเปาหมาย หรอการจดงานเปดตว หรอ การโฆษณาบนส�อส�งพมพ หรอการเพ�มขอมลในเวบไซตเคร�องมอสบคนท�เปนท�นยม

กระบวนการท� 6 การดแลและบารงรกษาเวบไซต (Website Maintenance and

Innovation) เม�อมการเผยแพรเวบไซตเปนท�เรยบรอยแลว เจาของเวบไซตจะตองดแลใหขอมลท�นาเสนอบนเวบไซตเปนปจจบนอยเสมอ หากพบขอผดพลาดใดๆ ควรรบดาเนนการแกไขปรบปรง เพ�อใหเวบไซตมความนาเช�อถอและนาใชงาน หากรปแบบการนาเสนอในหนาเวบไซตมความลาสมยกควรจะปรบปรงใหมความทนสมยและนาใชงานอยเสมอ ตรวจสอบฟงกช�นการทางานของเวบไซตใหสามารถใชงานไดทกคร, งเม�อมการเรยกใชงาน ตดตามและวเคราะหลกษณะการใชงานเวบไซตของผใชเพ�อปรบปรงเวบไซตใหเหมาะสมกบความตองการของผใช เพ�มเน,อหาในสวนท�ผใชมความสนใจ ตดบางสวนของเน,อหาท�ไมไดรบความสนใจ เพ�อดงดดความสนใจของผใชใหเขามาใชงานเวบไซตอยสม �าเสมอ

2. ส�งท�ตองคานงถงในการออกแบบเวบไซต

การตดสนใจในการออกแบบเวบไซตจะเก�ยวของกบเปาหมายและเน,อหาท�ตองการ

นาเสนอบนเวบไซต ซ� งจะตองออกแบบรปแบบและเน,อหาใหเหมาะสมกบส�งท�ตองการนาเสนอ ในการออกแบบโครงสรางขอมลภายในเวบไซตจะตองออกแบบใหเอ,อตอการใชงาน ใหสามารถคนหาขอมลไดสะดวกรวดเรว และควรมรปแบบท�ดงดดความสนใจใหผใชเขาเย�ยมชมและเม�อออกจากเวบไซตไปแลวกกลบมาใชงานเวบไซตอกคร, ง ซ� งส� งสาคญท�ตองคานงถงในการออกแบบเวบไซต มดงน,

1) ความเรยบงาย (Simplicity) ควรออกแบบเวบไซตใหมรปแบบท�เรยบงาย ไมซบซอนและใชงานไดอยางสะดวก เน,อหาท�อยบนเวบไซตประกอบดวยเน,อหาท�จาเปนเทาน,น เพ�อใหเวบไซตมเพยงองคประกอบท�จ าเปน หากเน, อหาประกอบดวยกราฟก สสน ตวอกษรและภาพเคล�อนไหวมากเกนไปจะรบกวนสายตาและสรางความราคาญแกผเย�ยมชมทาใหไมอยากใชเวบไซตอกตอไป ตวอยางเวบไซตท�ออกแบบเรยบงาย ดงรปท� 2.5 และ 2.6

38

รปท� 2.5 ตวอยางเวบไซตท�ออกแบบเรยบงาย www.facebook.com

รปท� 2.6 ตวอยางเวบไซตท�ออกแบบเรยบงาย www.microsoft.com

2) ความสม�าเสมอ (Consistency) การออกแบบเวบไซตใหมความสม�าเสมอโดยการออกแบบเอกสารเวบเพจแตละหนา ใหมลกษณะและรปแบบการใชงานแบบเดยวกนตลอดท,งเวบไซต เพ�อใหผใชเกดความรสกวายงคงใชงานอยท�เวบไซตเดม และเปนการเอ,ออานวยความสะดวกใหกบผใชงาน การเปล�ยนลกษณะและรปแบบการใชงานไปเร�อยๆ ทกหนา ทาใหผใชเกดความรสกสบสนกบส�งท�เวบไซตตองการนาเสนอ ดงน,นจงควรออกแบบเวบเพจในแตละหนาควร

39

มรปแบบการจดวาง รปแบบกราฟก ระบบเนวเกช�นหรอระบบนาทาง และโทนสท�มความคลายคลงกนตลอดท,งเวบไซต

3) ความเปนเอกลกษณะ (Identity) การออกแบบเวบไซตควรคานงถงลกษณะเฉพาะของส�งท�ตองการนาเสนอ และใชองคประกอบเสรมเชน ส รปภาพ และรปแบบตวอกษรอยางเหมาะสม โดยเฉพาะอยางย�ง การออกแบบเวบไซตใหกบองคกร ควรคานงถงเอกลกษณ และลกษณะเดนเฉพาะขององคกร ตวอยางเชน เวบไซตสถานศกษา ควรออกแบบโดยคานงเอกลกษณของสถานศกษา ไมควรออกแบบใหเหมอนกบเวบไซตขายสนคา และไมควรแทรกรปการตนตางๆ ใหดเหมอนเวบไซตสวนสนก เปนตน

4) เน&อหาท�มประโยชน (Useful Content) เน,อหาท�ตองการนาเสนอในเวบไซต ถอวาเปนส�งสาคญในการสรางเอกสารเพ�อเผยแพรผานทางเวบไซต เน�องจากเน,อหาจะเปนสวนสาคญท�ทาใหผใชกลบมาเย�ยมชมเวบไซตซ, าอก ดงน,น เน,อหาและขอมลท�นาเสนอควรเปนเน,อหาท�เหมาะสมท,งในแงจรยธรรม ศลธรรม จรรยาบรรณ มารยาท และกฎหมาย เน,อหาท�นาเสนอควรเปนปจจบนอยเสมอ และควรเปนเน,อหาท�สรางสรรคข,นมาเองไมไดลอกเลยนแบบ หรอนามาจากเวบไซตใด หากจาเปนตองนาเน,อหาบางสวนมาจากแหลงขอมลใด ควรตรวจสอบการละเมดสขสทธ{ และควรอางองถงแหลงขอมลในเอกสารท�นาเสนอดวย

5) ระบบเนวเกชนท�ใชงานงาย (User-Friendly Navigation) ระบบเนวเกชนหรอระบบนาทาง หมายถง รปแบบการเช�อมโยงระหวางเอกสารเวบเพจแตละหนาของเวบไซต เพ�อใหผเขาเย�ยมชมสามารถทองไปในเอกสารแตละหนาของเวบไซตได เปรยบเสมอนปายบอกทาง ดงน,นระบบเนวเกชนของเวบไซตควรไดรบการออกแบบใหเอ,ออานวยความสะดวกแกผเขาเย�ยมชม สามารถส�อความหมาย เขาใจไดงาย ตาแหนงการจดวางควรจดวางใหสม�าเสมอท,งเวบไซต เชน วางตาหนงไวบนสดของทกหนาในเวบไซตเปนตน และมการเพ�มระบบนาทางท�เปนตวอกษรไวสวนลางสดของแตละหนาเพ�ออานวยความสะดวกใหแกผใชกรณท�ระบบเกดขอผดพลาดในการโหลดหนาเวบเพจ

6) มลกษณะท�ดงดดสายตา (Visual Appeal) เน�องจากผใชแตละคนมความชอบหรอไมชอบแตกตางกน ดงน,นจงควรออกแบบเวบไซตใหมความสมพนธกบคณภาพขององคประกอบตางๆ วธการออกแบบเวบไซตใหมความนาสนใจ เชนการเลอกใชภาพท�มคณภาพ กราฟกของรปภาพสมบรณไมมรอยแตกแยกของเมดส ชนดตวอกษรอานงายสบายตา มการเลอกใชโทนสท�เขากนอยางสวยงาม

7) การใชงานอยางไมจากด (Compatibility) เน�องจากปจบนมวธการเขาถงเวบไซตไดหลากหลายวธ ไมวาจะเปนการใชงานผานทางเคร� องไมโครคอมพวเตอร การใชงานผานทาง

40

โทรศพทมอถอ การใชงานผานทางแทปเลต ซ� งตางกมระบบปฏบตการท�แตกตางกน ความละเอยดหนาจอท�แตกตางกน ดงน,นจงควรออกแบบเวบไซตใหครอบคลมใหมากท�สด การแสดงผลใหสามารถแสดงผลไดดในทกระบบปฏบตการ ทกความละเอยดหนาจอ ไมควรมการตดต,งโปรแกรมเพ�มเตมเน�องจากอปกรณแตละชนดใชโปรแกรมท�แตกตางกน

8) คณภาพในการออกแบบ (Design Stability) ถาตองการใหเวบไซตมคณภาพ ถกตอง และมความนาเช�อถอ ควรออกแบบเวบไซตใหมมาตรฐานและการจดระบบขอมลใหมลกษณะเปนไปในทศทางเดยวกนตลอดท,งเวบไซต ควรใหความสาคญในการออกแบบเวบไซต ในการพฒนาเน,อหาตองออกแบบและเรยบเรยงเน,อหาอยางรอบคอบ หากเวบไซตถกออกแบบอยางไมมมาตรฐาน ไมมระบบการจดการขอมลท�ด เม�อขอมลมปญหาจะสงผลตอความนาเช�อถอของเวบไซต ทาใหไมมผเขามาเย�ยมชมเวบไซต และจาเปนตองปดเวบไซตไปในท�สด

9) ระบบการใชงานท�ถกตอง (Functional Stability) ระบบการทางานตางๆ ท�อยภายในเวบไซตจะตองสามารถทางานไดอยางถกตอง และมการตรวจสอบการใชงานอยเสมอ เชน แบบฟอรมการกรอกขอมลตองสามารถใชงานไดจรง หรอจดเช�อมโยงท�เช�อมโยงไปยงเอกสารตางๆ ไมวาจะเปนเอกสารภายในเวบไซตเดยวกน หรอเอกสารตางเวบไซต จะตองสามารถเช�อมโยงไดอยางถกตอง ดงน,นจงเปนหนาท�ของผพฒนาเวบไซตท�จะตองคอยตรวจสอบใหระบบการทางานตางๆ ของเวบไซตสามารถใชงานไดถกตองเหมาะสมอยเสมอ 3. ขอแนะนาในการพฒนาเวบไซต

ในการพฒนาเวบไซตเพ�อใหมผเขาเย�ยมชมจานวนมากน,น มปจจยมากมายท�จะสามารถ

สงผลกระทบตอจานวนผเขาเย�ยมชม เชน เน,อหาท�นาเสนอบนเวบไซต โครงสรางการนาเสนอเน,อหาบนเวบไซต การจดหมวดหมเน,อหาท�สามารถคนเจอไดงาย มการจดโครงสรางเวบไซตอยางเปนระบบ ทาใหสามารถใชงานไดงาย มความรวดเรวในการโหลดขอมล ซ� งในการพฒนาเวบไซตผพฒนาจงตองคานงถงหลกในการพฒนาเวบไซตเปนสาคญ มขอแนะนาในการพฒนาเวบไซตเพ�อใหเวบไซตประสบผลสาเรจ ดงน,

1) การพฒนาเน,อหาท�นาเสนอบนเวบไซต ควรเลอกเน,อหาท�ตรงกบวตถประสงคท�กาหนดไวในข,นตอนการพฒนาเวบไซตกระบวนการท� 1 เพ�อใหไดเวบไซตท�ตรงกบความตองการ ตวอยางเชน เวบไซตเก�ยวกบขาว เน,อหาเวบไซตกควรจะประกอบดวยขาวประเภทตางๆ ซ� งอาจจะมการแบงหมวดหมขาวตามเน,อหา หรอแบงหมวดหมขาวตามแหลงท�มาของขาว เวบไซตนาเสนอขอมลองคกร เน, อหาเวบไซตกควรเปนขอมลองคกร อาจจะประกอบดวยเน, อหาเก�ยวกบ

41

วตถประสงคขององคกร อตลกษณ พนธกจขององคกร บคลากรในองคกร ภาระหนาท�ตางๆ ขององคกร รวมถงงานท�ใหบรการทางเวบไซตขององคกร เปนตน เน,อหาท�นาเสนอบนเวบไซตถอวาเปนเร�องท�สาคญอยางย�ง ผรบผดชอบดแลจะตองทาการปรบปรงเน,อหาใหเปนปจจบนเสมอ เพ�อเปนการสรางความนาเช�อถอใหกบเวบไซต

2) โครงสรางของเวบไซต ควรคานงถงการใชงานท�งายและสะดวก ผใชสามารถเขาถงขอมลท�ตองการไดอยางรวดเรว มการจดกลมของขอมลเปนหมวดหม ออกแบบหวขอยอยไวในหวขอหลก เพ�อลดจานวนขอหลก ทาใหหนาเวบเพจไมวนวาย จดระบบไฟล (File) และไดเรกทอร (Directory) ตามกลมของขอมลทาใหการดแลรกษาและการตรวจสอบความผดพลาดของเวบเพจงายย�งข,น เชน การจดไฟลรปภาพไวท�เดยวกน หรอจดเกบไฟลเวบเพจท�เปนเร�องเดยวกนไวในไดเรกทอรเดยวกน เปนตน

3) เปนเวบไซตท�สามารถแสดงผลไดกบทกเวบบราวเซอร เน�องจากในยคปจจบนเวบบราวเซอรใหผใชไดเลอกหลากหลายคาย ดงน,นผพฒนาเวบไซตจงควรคานงถงการแสดงผลของเวบไซตใหสามารถแสดงผลไดทกเวบบราวเซอรดวย เพ�อใหการแสดงผลของเวบไซตในแตละเวบบราวเซอรออกมาในรปแบบท�เหมอนกน หรอใกลเคยงกนมากท�สด

4) เปนเวบไซตท�ทกคนสามารถเขาถงได (Web Accessibility) ตามขอกาหนดของ W3C ท�เรยกวา WCAG (Web Content Accessibility Guideline) หมายถงคาแนะนาในการพฒนาเวบไซตใหทกคนเขาถง เพ�อใหการพฒนาเวบไซตสามารถรองรบการใชงานของทกกลมคนท�ใชงานคอมพวเตอรท,งกลมของคนปกต และกลมคนพการ ซ� งยงตองการขอมลและความรเหมอนคนปกต

5) เปนวบไซตท�ท าการเปล�ยนแปลงรปแบบการแสดงผลไดงาย สอดคลองตามขอกาหนดของ W3C เร� องการใชงาน CSS (Cascading Style Sheet) ควบคมการแสดงผลของเวบไซต โดยการแยกสวนของการแสดงผลออกจากสวนของเน,อหา

6) ควรเปนเวบไซตท�สามารถดไดจากอปกรณท�หลากหลาย เน�องจากในปจจบนอปกรณตางๆ ท�ใชในการเช�อมตอเครอขายอนเทอรเนตมจานวนมากมายหลากหลายชนด ดงน,นจงควรพฒนาเวบไซตใหสามารถแสดงผลบนอปกรณท�หลากหลาย

7) มความรวดเรวในการโหลดหนาเวบเพจ โดยเฉพาะหนาโฮมเพจ โดยปจจยท�มผลกระทบตอความเรวในการโหลด ไดแก ขนาดและจานวนของรปภาพ ส�อมลตมเดยท�ใชในการแสดงผล ปรมาณของตวอกษรท�อยบนหนาเวบเพจ ดงน,นในการพฒนาเวบไซตจงควรเลอกขนาดและจานวนของรปภาพท�ใชในแตละเวบเพจใหเหมาะสม เพ�อความเรวในการโหลดเวบเพจ

8) ความงายในการคนหาขอมล ควรพฒนาเวบไซตใหสามารถคนหาขอมลไดงาย อาจเปนการบรการการคนหาขอมล เพ�อชวยทาใหเขาถงเน,อหาท�ตองการไดในเวลาอนรวดเรว

42

9) การออกแบบตวอกษร ฉากหลง และสเวบไซต ควรออกแบบใหสามารถอานงาย ควรเปนตวอกษรท�เปนสากลนยม เชน กรณภาษาองกฤษอาจใช Arial หรอ Times สวนภาษาไทยอาจใช Angsana หรอ MS Sans Serif ท�เปนสากลนยมของภาษาไทย การเลอกใชตวอกษรภาษาไทยน,นตองระวงเปนพเศษ เพราะในกรณท�เคร�องผเขาเย�ยมชมไมมตวอกษรน,นๆ อาจทาใหผเขาเย�ยมชมไมสามารถอานตวอกษรได ฉากหลงท�ใชน,นควรออกแบบไมใหฉากหลงท�เดนเกนตวอกษรท�อยบนเวบเพจ เพราะจะทาใหอานยาก และทาใหเน,อหาไมนาสนใจ ซ� งการใชฉากหลงเปนสพ,นอาจทาใหดนาเบ�อในกรณท�เวบเพจมรายละเอยดมาก จานวนตวอกษรในแตละบรรทดอาจชวยใหผเขาเย�ยมชมอานรายละเอยดไดงายข,น สามารถทาไดโดยใชตารางแบงเปน 2-3 บรรทด แตกไมควรใหแตละบรรทดส,นเกนไป เพราะจะทาใหอานแลวไมไดใจความ

4. ขอพงระวงในการพฒนาเวบไซต

เวบไซตท�ดน,นนอกจากพฒนาเวบไซตตามขอแนะนาแลว ยงมส� งท�ตองพงระวงในการพฒนาเวบไซต เพ�อใหเวบไซตประสบผลสาเรจมผเขาเย�ยมชมปรมาณมาก ดงน,

1) การใชดงขอมลหนาเวบเพจจากเวบไซตอ�นมาแสดงผลในหนาเวบเพจของตน จะตองพงระวงหากเวบไซตน,นลมหรอมขอผดพลาดในการแสดงผล เพราะจะสงผลทาใหเวบเพจแสดงผลผดพลาดไปดวย ดงน,นจงควรหลกเล�ยงการดงหนาเวบเพจจากเวบไซตอ�นโดยไมจาเปน

2) การใชเน,อหาท�เสรมเกนความจาเปน เชน เม�อเขาสหนาเวบไซตมการเปดดนตรประกอบ มภาพเคล�อนไหวท�หลากหลาย มปายโฆษณาบงเน,อหาท�สาคญของเวบไซต ในการเย�ยมชมคร, งแรกผใชอาจจะเกดความประทบใจ แตเม�อเขามาบอยคร, งข,นกจะเกดความราคาญ ดงน,นควรหลกเล�ยงเน,อหาเสรมท�เกนความจาเปน หรอหากจาเปนตองใชควรเลอกใหพอด

3) การทาหนาเวบเพจท�ยาวเกนไป กรณท�หนาเวบเพจมเน,อหายาวเกนไปจะสงผลทาใหการแสดงผลเวบเพจชาลงดวย เพราะจะใชเวลาในการโหลดขอมลนานข,น ย�งหากเปนการแสดงผลผานทางโทรศพทมอถอ ผใชจะตองสญเสยหนวยความจาของเคร�องในการทางานคอนขางมาก ดงน,นจงควรเลอกความยาวของเน,อหาใหเหมาะสมและสามารถแสดงผลไดทกอปกรณ

4) การใชรปแบบตวอกษรตางๆ ควรเลอกใชรปแบบตวอกษรท�เปนท�นยมและสามารถรองรบไดทกอปกรณ หากเลอกใชตวอกษรท�เคร�องผใชไมมอยจะสงผลกระทบตอการแสดงผลในหนาเวบเพจน,น โดยเฉพาะอยางย�งตวอกษรในภาษาไทย เน�องจากเปนภาษาเฉพาะคนไทยเทาน,น ดงน,นการเลอกใชตวอกษรจงควรเลอกใชตวอกษรท�สามารถแสดงภาษาไทยได

43

5) การใชฉากหลงท�ซบซอน ถงแมฉากหลงท�สลบซบซอนอาจจะเปนการสรางงานศลปะท�สวยงาม แตในทางกลบกนอาจจะสรางงานท�ยงเหยงเม�ออยดานหลงบทความ เพราะจะทาใหผอานมองไมชดเจน

6) การใชภาพเคล�อนไหว (Animation) มากเกนไป หากจาเปนตองใชภาพเคล�อนไหวควรมไดไมเกนกวา 1-2 หนา เพราะถาเวบเพจมภาพท�เคล�อนไหวมากเกนไปจะสงผลกระทบตอทศนวสย และดงความสนใจของผเย�ยมชมไปจากองคประกอบท�สาคญ

7) ไมควรมเวบเพจท�ไมสามารถเช�อมโยงไปยงหนาเวบเพจใดๆ อยในเวบไซต การพฒนาเวบไซตท�ดเวบเพจแตละหนาของเวบไซตควรมการเช�อมโยงกลบไปยงหนาโฮมเพจ

8) การไมแสดงแหลงท�มาของขอมลท�นามาสรางเวบไซต หากมการนาขอมลจากแหลงอ�นๆ ควรมการอางองแหลงท�มา และผพฒนาเวบไซตควรระบช�อของตน และหลกฐานการใหสทธ{บนเวบ เพ�อแสดงใหเหนวาเวบไซตมแหลงท�มาท�ชดเจน ทาใหเวบไซตมความนาเช�อถอ

9) ลงกและขอมลท�ลาหลง ควรระบเวลาในการปรบปรงเวบไซต เพ�อแสดงใหเหนวาเวบไซตมการปรบปรงอยเสมอ ขอมลท�แสดงบนเวบไซตเปนขอมลปจบน และคอยตรวจสอบลงกท�เช�อมโยงอยเสมอเพ�อไมใหเกดความลาหลง หากลงกมการเปล�ยนแปลงท�อย

10) ปญหาการลงก การจดทาเอกสารตางๆ ควรใหการลงกมความหมายและสามารถอานได บทความในลงกควรจะมเน,อหาตอเน�องกนไปถงบทความท�เหลอ และบทความกควรจะสามารถแยกเด�ยวเปนเอกสารส�งพมพได ผออกแบบมกจะใชหลายบรรทดเตมๆ หรอใชคาท�ใหคลก (Click) ท�น�ในการลงก ควรแทนดวยการทาไฮไลตท�คาสาคญ ซ� งสามารถลงกกนภายในบทความได

11) การใชปายโฆษณาท�มากเกนไป ถงแมการโฆษณาจะเปนรายไดหลกของเวบไซต แตหากมมากเกนไป อาจทาใหเน,อหาในเวบไซตไมนาสนใจ ผเย�ยมชมเกดความเบ�อหนายในการใชงาน เพราะตองคอยหลบปายโฆษณา

12) การสะกดคาผด การแสดงผลขอมลบนเวบไซต หากผพฒนาสะกดคาผดพลาดปรมาณมาก จะสงผลทาใหเกดความเขาใจผดในเน,อหาท�ตองการนาเสนอ และทาใหเวบไซตขาดความนาเช�อถอ เม�อเวบไซตขาดความนาเช�อถอกจะมผเขาเย�ยมชมลดลง ดงน,นผพฒนาจงควรระมดระวงอยางย�งในการสะกดคาควรสะกดใหถกตอง เพ�อทาใหเวบไซตมความนาเช�อถอและเพ�มปรมาณผเขาเย�ยมชมเวบไซต

44

5. ทมงานในการพฒนาเวบไซต

การพฒนาเวบไซตเพ�อใหมประสทธภาพน,น หากเวบไซตมขนาดไมใหญมากสามารถ

กระทาไดเพยงคนเดยว แตถาหากเปนเวบไซตมขนาดใหญ หรอกรณท�เปนองคกรในการรบบรการพฒนาเวบไซตใหกบองคกรอ�นน,น จาเปนตองมทมงานท�ทาหนาท�เฉพาะโดยทมงานในการพฒนาเวบไซตประกอบดวยดงน,

1) Webmaster ทาหนาท�รบผดชอบทกอยางเก�ยวกบเวบไซต ต,งแตเร�มตนกระบวนการการพฒนาเวบไซตจนส,นสดกระบวนการ ผท�คดหาแนวทางในการสรางความนาสนใจใหกบเวบไซต เพ�อใหมผเขามาเย�ยมชมและใชบรการเวบไซตปรมาณมากๆ Webmaster จะตองเปนบคคลท�มความรเก�ยวกบกระบวนการออกแบบเวบไซต ภาษาท�ใชในการพฒนาเวบไซต และจะตองรบผดชอบทางกฎหมาย หากมอะไรเกดข,นกบเวบไซต

2) Web Design ทาหนาท�ในการออกแบบเวบไซต กาหนดสสน ตาแหนงการจดวางของเวบไซตท,งหมด ตามท� Webmaster กาหนดไว Web Design ควรเปนบคคลท�มความรทางศลปะและสามารถใชโปรแกรมกราฟกไดอยางด

3) Web Content Editor / Writer ทาหนาท�จดทาเน,อหาบนเวบไซต รบผดชอบในสวนของเน,อหาตามท�ไดรบมอบหมายจาก Webmaster การสรางสรรคเน,อหาท�มประโยชนและนาสนใจใหกบผใชอยเสมอ และคอยตรวจสอบความถกตองและคณภาพของเน,อหาไมใหมคาผดหรอขอความท�อานแลวสบสน

4) Web Programing ทาหนาท�พฒนาเวบไซตใหสามารถตดตอประสานงานกบผใช คอยดแลพฒนาเวบไซตและตรวจสอบปรบปรงแกไขจดออนของเวบไซตเสมอ การพฒนาเวบไซตอาจจะมสวนท�จะตองเก�ยวของกบระบบฐานขอมล ดงน,นจงควรเปนผมความรเก�ยวกบภาษาท�ใชในการพฒนาเวบไซตและความรทางดานฐานขอมล

5) System Administrator ทาหนาท�ควบคม ดแล เวบเชรฟเวอร รวมถงฮารดแวรและซอฟตแวรอ�นท�เก�ยวของ สามารถวเคราะหและออกแบบระบบเพ�อการทางานท�มประสทธภาพ

6) Web Promoter ทาหนาท�ประชาสมพนธเวบไซตใหเปนท�รจกแกบคคลท�วไป เปาหมายเพ�อใหมผเขามาเย�ยมชมเวบไซตปรมาณมาก และเม�อเขามาเย�ยมชมเวบไซตแลวใหกลบเขามาเย�ยมชมเวบไซตอกในคร, งตอไป

45

6. บทสรป

การพฒนาเวบไซตท�มประสทธภาพน,น จะตองมกระบวนการในการพฒนาเวบไซตอยาง

ชดเจน โดยกระบวนการพฒนาเวบไซตประกอบดวย 6 กระบวนการ คอ 1) การกาหนดวตถประสงคและวางแผน 2) การกาหนดเน,อหาและจดโครงสรางเวบไซต 3) การออกแบบเวบไซต 4) การพฒนาเวบไซต 5) การเผยแพรและสงเสรมเวบไซต และ 6) การดแลและบารงรกษาเวบไซต โดยหลกในการออกแบบเวบไซตจะตองคานงถง ความเรยบงาย ความสม�าเสมอ ความเปนเอกลกษณ เน,อหาท�มประโยชน ระบบเนวเกช�นท�ใชงานงาย มลกษณะท�นาสนใจ การใชงานอยางไมจ ากด มคณภาพในการออกแบบ และระบบใชงานท� ถกตองเสมอ เพ�อใหไดเวบไซตท� มประสทธภาพ และมผเขามาเย�ยมชมจานวนมาก และภายหลงจากท�เย�ยมชมเวบไซตแลวกกลบเขามาใชงานอก โดยในการพฒนาเวบไซตหากเวบไซตมขนาดไมใหญสามารถกระทาไดเพยงคนเดยว แตหากเวบไซตมขนาดใหญ จงจาเปนตองมทมงานในการพฒนาเวบไซต ทมงานในการพฒนาเวบไซตประกอบดวย Webmaster, Web Design, Web Content Editor / Writer, Web Programming, System Administrator และ Web Promoterโดยมการแบงหนาท�การทางานกนอยางชดเจน เพ�อใหไดเวบไซตท�ดมคณภาพ และนาเช�อถอได

7. แบบฝกหดทายบท

1. จงอธบายกระบวนการพฒนาเวบไซตแตละกระบวนการ 2. จงระบถงส�งท�ตองคานงถงในการออกแบบเวบไวต 3. จงระบขอแนะนาในการพฒนาเวบไซต 4. จงระบขอพงระวงในการพฒนาเวบไซต 5. จงอธบายหนาท�ของ Web Design 6. จงอธบายหนาท�ของ Web Content 7. จงอธบายหนาท�ของ Web Promoter 8. จงยกตวอยางเวบเพจท�มภาพเคล�อนไหวมากเกนไปจานวน 3 เวบไซต 9. จงยกตวอยางเวบไซตท�อยบนเครอขายอนเทอรเนตท�ออกแบบเรยบงายจานวน 3

เวบไซต 10. จงยกตวอยางเวบไซตท�อยบนเครอขายอนเทอรเนตท�มความเปนเอกลกษณจานวน 3

เวบไซต

46

8. เอกสารอางอง

ธวชชย ศรสเทพ. คมภร Web Design. กรงเทพฯ: โปรวช�น, 2544. บญชา ปะสละเตสง. ออกแบบและพฒนาเวบไซตดวย DHTML . กรงเทพฯ: ซเอดยเคช�น, 2551. พนจนทร ธนวฒนเสถยร. ออกแบบ และสรางเวบไซตฉบบสมบรณ. กรงเทพฯ: ซคเซสมเดย, 2551. พรพร หมนสนทและอจจมา เล, ยงอย. การพฒนาเวบไซตดวย XHTML,CSS และ Java Script.

กรงเทพฯ: เคทพ, 2553.