หลกการ ทฤษฎ เกยวกบการพฒนาเวบไซต

ผเขยน

เจนจรา ทอนจนทร มณรตน เดชบรมย ศรวไล มาตรเลง อจฉราพรรณ ประภาการ

ทปรกษา อาจารยปวรศ สารมะโน

สาขาวชาคอมพวเตอรศกษา คณะครศาสตร มหาวทยาลยราชภฏมหาสารคาม

ค าน า

ในปจจบนนสงทมอทธพลตอการด ารงชวตของมนษยนนมอยอยางหลากหลายปจจย โดยเฉพาะอยางยงคอ Internet เพราะการม Internet สามารถท าใหมนษยรสกเหมอนมอสระทางความคดไมถกปดกน และมการสอสารทไรพรมแดน เปนตน และสงส าคญทเปนองคประกอบหลกในการใช Internet กคอ Web Page นนเอง ดงนนการศกษาหาความรในเรองของการพฒนา Web Page จงเปนสงทนาสนใจอยไมนอย

การศกษาหลกการและทฤษฎตางๆทเกยวกบการพฒนาเวบไซตนน โดยมาแลวในปจจบนกสามารถศกษาตามแหลงการเรยนรประเภทตางๆได หนงในแหลงการเรยนรทนาสนในอยางหนงกคอ ผลงานวจยและวทยานพนธตางๆ นนเอง ซงทางคณะผจดท าหนงสอเลมเลกเลมนกไดท าการศกษาคนควาถงหลกการและทฤษฎตางๆทเกยวกบการพฒนาเวบไซตมาเปนอยางดจนกระทงสามารถตกผลกองคความรทส าคญๆออกมาเปนหนงสอเลมเลก เรอง “หลกการ ทฤษฎ ทเกยวกบการพฒนาเวบไซต” เลมน โดยในทสดแลวทาคณะผเขยนหนงสอเลมนกไดคาดหวงเอาไวเปนอยางสงวา ผทมโอกาสไดศกษาคนควาหาความรในเรองทเกยวกบหลกการและทฤษฎตางๆทเกยวของกบการพฒนาเวบไซตในหนงสอเลมนจะตองไดรบความรไมมากกนอย

คณะผจดท า

สารบญ

เรอง หนา ความหมายของเวบไซต 1 หลกการออกแบบและพฒนา 2 ระบบเนวเกชนหรอระบบน าทาง 6 ทฤษฎการใชสบนเวบไซต 8 การโปรโมทเวบไซต 12 ทฤษฎการสอสาร 16 ระบบตดตอผใช หรอระบบการปฏสมพนธ- ระหวางคอมพวเตอรกบผใช

18

การประชาสมพนธเวบไซต 19 โครงสรางของเวบไซต 21 เอกสารอางอง

หลกการ ทฤษฎ เกยวกบการพฒนาเวบไซต

ในปจจบนนสงทมอทธพลตอการด ารงชวตของมนษยนนมอยอยางหลากหลายปจจย โดยเฉพาะอยางยงคอ Internet เพราะการม Internet สามารถท าใหมนษยรสกเหมอนมอสระทางความคดไมถกปดกน และมการสอสารทไรพรมแดน เปนตน และสงส าคญทเปนองคประกอบหลกในการใช Internet กคอ Web Page นนเอง ดงนนการศกษาหาความรในเรองของการพฒนา Web Page จงเปนสงทนาสนใจอยไมนอย

1. ความหมายของเวบไซต ค าวาเวบไซตหรอเวลดไวดเวบ (World Wide Web หรอ WWW หรอ W3 หรอ Web) คอ บรการคนหรอเรยกดขอมลแบบหนงในอนเตอรเนต ขอมลในเวลดไวดเวบ จะอยในแบบสอผสม หรอมลตมเดย(mulyimedia) ทมตวอกษร รปภาพ เสยง ภาพเคลอนไหวแบบวดโอ ขอมลจะถกแบงเปนหนาๆแตละหนาสามารถเชอมโยงถงกนไดเปนเครอขายคลายใยแมงมม จากแหลงตางๆ ทกระจายอยท วโลก เวลด ไวด เวบ เปนการใชงานอนเทอรเนตในลกษณะของการตดตอสอสาร สบคนขอมลตางๆทมอยในเครอขาย ซงมการพฒนาใหใชงายตอการใชงานในลกษณะของกราฟก (Graphical User Interface : GUI) ในระบบไฮเปอรเทกซและไฮเปอรมเดย ซงมขดความสามารถในการเชอมโยงขอมล ไมวาจะเปนตวอกษร, รปภาพ, เสยง และอนๆ อกมากมาย โดยสรปแลว เวบไซต (องกฤษ: Website, Web site หรอ Site) หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงก สวนใหญจดท าขนเพอน าเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการตอผใชฟร แตในขณะเดยวกนบางเวบไซตจ าเปนตองมการสมครสมาชกและเสยคาบรการ เพอทจะดขอมล ในเวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผท าเวบไซตมหลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตส าหรบธรกจหรอองคกรตางๆ การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของ เวบเบราวเซอร

2. หลกการออกแบบและพฒนา 2.1 หลกการออกแบบเวบเพจ การออกแบบและพฒนาเวบเพจ สามารถท าไดหลายระบบขนอยกบลกษณะของขอมล ความชอบของผพฒนา ตลอดจนกลมเปาหมาย ทตองการน าเสนอ เชน หากกลมเปา หมายเปนเดกวยรน และน าเสนอขอมลเกยวกบ ความบนเทง อาจจะออกแบบใหม ทศทางการไหลของหนาเวบทหลากหลาย ใชลกเลนไดมากกวาเวบทน าเสนอ ใหกบผใหญ หรอ เวบดานวชาการ หลกการออกแบบเวบเพจ สามารถแบงได 3 ลกษณะ คอ 1.1 แบบล าดบขน (Hierarchy) เปนการจดแสดงหนาเวบ เรยงตามล าดบกงกานแตกแขนงตอเนองไปเหมอนตนไมกลบหว 1.2 แบบเชงเสน (Linear) เปนการจดแสดงหนาเวบเรยงตอเนองไปในทศทางเดยว 1.3 แบบผสม (Combination) เปนการจดหนาเวบชนดผสมระหวางแบบล าดบขน และแบบเชงเสน 2.2 ขนตอนการพฒนาเวบเพจ การพฒนาเวบเพจมขนตอนตอไปน 1. วางแผนการพฒนาเวบเพจ 2. ก าหนดไดเรกทรอร หรอโฟลเดอร (Directory/Folder) 3. สรางภาพ หรอ จดหาภาพทเกยวของกบเนอหา แลวจดเกบไว 4. สรางเอกสารเวบ โดยก าหนดชอไฟลเอกสารเวบตามขอก าหนดของผดแลระบบเครอขาย (Web Syatem Administrator) และจดเกบไวในไดเรกทรอร 5. ตรวจสอบผลเอกสารเวบผานบราวเซอร 6. สงขอมลขนเครองแมขาย (Server) และท าการตรวจสอบผลการเรยกดจากแมขาย การออกแบบเวบไซตวาไมไดหมายถงลกษณะหนาตาของเวบไซตเพยงอยางเดยว แตเกยวของตงแตการเรมตนก าหนดเปาหมายของเวบไซต ระบกลมผใช การจดระบบขอมล การสรางระบบเนวเกชน การออกแบบหนาเวบ รวมไปถงการใชกราฟก การเลอกใชส และการจดรปแบบตวอกษร นอกจากนนยงตองค านงถงความแตกตางของสอกลางในการแสดงผลเวบไซตดวย สงเหลานไดแก ชนดและรนของบราวเซอร ขนาดของหนาจอมอนเตอร ความละเอยดของสในระบบ รวมไปถง Plug-in ชนดตาง ๆ ทผใชมอย เพอใหผใชเกดความสะดวกและความพอใจทจะทองไปในเวบไซตนน ดงนนทกสงทกอยางในเวบไซตทงทคณมองเหนและมองไมเหนลวนเปนผลมาจากกระบวนการออกแบบเวบไซตทงสนเวบไซตทดสวยงามหรอมลกเลนมากมายนน อาจจะไมนบเปนการออกแบบทดกได ถา

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

1. องคประกอบของการออกแบบเวบไซตอยางมประสทธภาพ องคประกอบตอไปนถอเปนพนฐานทส าคญของเวบไซตทไดรบการออกแบบมาอยางมประสทธภาพ

1) ความเรยบงาย (Simplicity)หลกทส า คญของความเรยบงาย คอ การสอสารเนอหาถงผใชโดยจ า กดองคประกอบเสรม ทเกยวของกบการน าเสนอใหเหลอเฉพาะสงทจ าเปนเทานน เชน การใชรปภาพทเกยวกบองคกรเพยงอยางเดยวในการน าเสนอ

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

3) ความเปนเอกลกษณ (Identity)การออกแบบตองค านงถงลกษณะขององคกร เนองจากรปแบบของเวบไซตสามารถสะทอนถงเอกลกษณ และลกษณะขององคกรนนได โดยการใชส และสญลกษณขององคกรเปนสวนประกอบ

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

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

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

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

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

9) ระบบการใชงานทถกตอง (Functional Stability)ระบบการท างาน ในเวบไซตจะตองมความแนนอน และท าหนาทไดอยางถกตองท าใหผใชไมรสกหลงทางขณะใชงานเวบไซต ซงระบบการท างานทถกตองเปนสวนทเกยวเนองกบการออกแบบระบบเนวเกชน

2. กระบวนการพฒนาเวบไซตกระบวนการพฒนาเวบไซต เปนกระบวนการทอาศยหลกการจดระบบโครงสรางขอมล (Information Architecture) อยในหลาย ๆ สวน ตงแตขนแรกจนถงขนทไดเปนรปแบบโครงสรางสดทาย (Final Architecture Plan) ซงถอเปนกระบวนการทส าคญมากทจะท าใหเวบไซต บรรลตามเปาหมายทตงไวการจดระบบโครงสรางขอมล คอ การพจารณาวาเวบไซตควรจะมขอมลและการท างานใดบาง ดวยการสรางเปนแผนผงโครงสรางกอนทจะเรมลงมอพฒนาเวบเพจ โดยเรมจากการก าหนดเปาหมายเวบไซต และกลมผใชเปาหมาย ตอมากพจารณาถงเนอหาและการใชงานทจ าเปนแลวน ามาจดกลมใหเปนระบบ จากนนกถงเวลาในการออกแบบโครงสรางขอมลในหนาเวบ ใหพรอมทจะน าไปออกแบบกราฟก และหนาตาใหสมบรณตอไป 3. ระบบเนวเกชนหรอระบบน าทาง (Navigation System) เนวเกชน คอ เปนการออกแบบลกษณะของปมเมนเนวเกชน (Navigation Menu) ต าแหนงการจดวาง รวมถงลกษณะการเชอมโยงขอมลภายในเวบไซต รวมเรยกวา ระบบเนวเกชนหลก (MainNavigation)เนวเกชนเมน ประกอบดวยกลมลงคตางๆ รวมกนอยในบรเวณหนงของหนาเวบท าหนาทน าเสนอวธการทองเวบไซตดวยเสนทางตางๆ กน ระบบเนวเกชนหลกทนยมใชทวไปม 2 แบบ คอ

- ระบบเนวเกชนแบบล าดบชน (Hierarchical) ซงเปนเนวเกชนแบบพนฐาน เปนการเชอมโยงขอมลแบบรากตนไม จากหนาหลกไปยงหนายอยๆ ถดลงไป หรอยอนกลบขนมาตามล าดบชน ท าใหการเคลอนทในเวบไซตเปนแนวตง ไมคลองตว ตองอาศยระบบเนวเกชนเสรม - ระบบเนวเกชนแบบโกลบอล (Global) หรอเชอมโยงแบบอสระ (Referential) เปนการลงคขอมลแบบอสระ ท าใหสามารถเคลอนทไดทงแนวตงและแนวนอนอยางมประสทธภาพตลอดทวทงเวบไซตเนวเกชนเมนมหลายประเภท ท าหนาทแสดงหวขอยอยของเนอหาภายในเวบไซต เพอเชอมโยงไปยงเวบเพจนนๆ รปแบบทนยมใชทวไป ไอคอนทดจะตองจ าไดงาย สอความหมายชดเจน ท าไดโดยการใชสญลกษณทผใชคนเคย และไมควรใชสมากกวา 2 ส จ านวนของไอคอนควรพจารณาใชตามความจ าเปนในการใชงาน โดยจดกลมไอคอนแยกตางหากจากเนวเกชนเมน ส าหรบการใชเนวเกชนเมนแบบตวอกษรนน ควรเลอกใชค าทสนกระชบแตไดใจความชดเจนต าแหนงการจดวางเนวเกชนเมนขนอยกบระบบเนวเกชนทใช เนวเกชนแบบเชอมโยงอสระ ควรวางไวต าแหนงบนสด หรอดานซาย ซงผใชจะมองเหนไดกอน เนองจากรปแบบการมอง(Viewing Pattern) ของผอาน จะเปนแนวจากซายไปขวาและจากบนลงลาง ถาเปนเนวเกชนแบบโลคอล ควรมลงคไปยงหนาแรกในทกๆ เวบเพจ และอยในต าแหนงเดยวกนทกหนา ซงอาจเปนดานลางสดของทกหนากได

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

1. ระบบเนวเกชนแบบล าดบขน (Hierarchical) 2. ระบบเนวเกชนแบบโกลบอล (Global) 3. ระบบเนวเกชนแบบโลคอล (Local) 4. ระบบเนวเกชนแบบเฉพาะท (Ad Hoc)

2) องคประกอบของระบบเนวเกชนหลก (Main Navigation Elements)ระบบเนวเกชนทส าคญและพบไดมากทสดคอ เนวเกชนทอยในหนาเดยวกบเนอหา ไมใชเนวเกชนทอยในหนาแรก เนองจาก

เมอผใชผานหนาแรกเขาไปสภายในเวบไซตแลว กไมอยากจะกลบมาเรมตนใหมทหนาแรกทกครงกอนจะเขาไปดเนอหาในสวนอน ๆ ตอ ระบบเนวเกชนหลกทงแบบโกลบอล (Global) และแบบโลคอล (Local) จงชวยใหผใชสามารถยายจากหนาใดๆ ไปสสวนอนในเวบไซตไดอยางคลองตว องคประกอบของเนวกเกชนมไดหลายรปแบบ ไดแกเนวเกชนบาร เนวเกชนเฟรม Pull down, menu, pop-up menu, image map และ search box

4. ทฤษฎการใชสบนเวบไซต สาวตร เตชะค า(2551 : 20) กลาววา การออกแบบเกยวกบสไมใชเรองงาย แมวาจะมกฎเกณฑตางๆ ทชวยในการสรางชดส(color scheme) ทมประโยชนมากมาย แตกมแนวทางและความเขาใจผดจ านวนมากทจะน าไปสการสรางชดสทใหความรสกไมเหมาะสม ในบางสถานการณอาจใชสเปนเพยงเครองประดบอยางหนงในการออกแบบ แตในทางตรงกนขาม การใชสทมากเกนไป อาจท าใหไปบดบงองคประกอบอนๆในหนาเวบเพจได ดงนนการเลอกใชสใหเหมาะสมและเกดประโยชนจงเปนเรองส าคญ แมวาการเลอกชดของสมาใชในเวบเพจคอนขางจะขนอยกบความชอบของแตละคน อยางนอยเราควรมความเขาใจถงหลกการใชสเบองตน ทจะชวยในการเลอกใชสชดใดชดหนงจากชดสพนฐานอนๆไดอยางเหมาะสมกบลกษณะของเวบไซต อยางไรกตามทฤษฎเหลานจะไมท าใหคณสามารถเลอกชดสไดในทนททนใด แตอยางนอยกจะชวยน าคณไปในทศทางทถกตองได

รปแบบชดสพนฐาน (Simple Color Schemes)รปแบบชดสเปนการก าหนด โทนส ความใกลเคยง ความแตกตาง ของส ซงรปแบบเหลานเปนเพยงหลกการเบองตน และยงคงตองท าการปรบเปลยนคาของส (Hue) ความอมตวของส(saturation) และความสวางของส (lightness) เพอใหเกดลกษณะทอานงาย สวยงาม และเหมาะสมกบเนอหาของเวบไซต สามารถแบงไดเปน

1) ชดสรอน (Warm Color Scheme)ชดสรอนประกอบดวยสมวงแกมแดง แดงแกมมวง แดง สม เหลอง และเขยวอมเหลอง สเหลานสรางความรสกอบอน สบาย และความรสกตอนรบแกผชม ชวยดงดดความสนใจไดงาย ในทางจตวทยาสรอนมความสมพนธกบความสข สะดวก สบาย สตางๆในชดสรอนมความกลมกลนอยในตวเอง ขณะทอาจจะดไมนาสนใจบาง เพราะขาดสประกอบทตดกนอยางชดเจน

2) ชดสเยน (Cool Color Scheme)ชดสเยนประกอบดวยสมวง น าเงน น าเงนออน ฟา น าเงนแกมเขยว และสเขยวตรงกนขามกบชดสรอน ชดสเยนใหความรสกเยนสบาย องคประกอบทใชสเยนเหลานจะดสภาพเรยบรอย และมความช านาญ แตในทางจตวทยา สเยนเหลานกลบมความสมพนธกบความซมเศราหดหและเสยใจ นอกจากนน ชดสเยนมความกลมกลนกนโดยธรรมชาต แตอาจจะดไมนาสนใจในบางครง เพราะขาดความแตกตางของสทเดนชด เชนเดยวกบชดสรอน จะเหนวา มอก 2 ส ท

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

3) ชดสแบบสเดยว (Monochromatic Color Scheme)รปแบบของชดสทงายทสดคอชดแบบสเดยวทมคาของสบรสทธเพยงสเดยวความหลากหลายของสชดนเกดจากการเพมสเดยว ความหลากหลายของสชดนเกดจากการเพมความ เขมหรอความเขมหรอความออนในระดบตางๆ ใหกบสตงตน ดงนน ชดสแบบเดยวของสแดงอาจประกอบดวยสแดงลวน สแดงอฐ (สเขม ของสแดง) สสตรอเบอรร(สออนปานกลางของสแดง)และชมพ (สออนมากของสชมพ)ชดสแบบนคอนขางจะมความกลมกลนเปนหนงเดยวกน และประสทธภาพในการสรางอารมณโดยรวมดวยการใชสเพยงสเดยว

4) ชดสแบบสามเสา (Triadic Color Scheme)วธการทงายอกแบบหนงในการเลอกชดสมาใชกคอ การนกถงสามเหลยมดานเทาลอยอยเหนอวงลอส เพยงเทาน สทอยทมมของสามเหลยมทงสามกจะเปนสทเขาชดกน ชดสทไดจาก การเลอกแบบนจงเรยกวา ชดสแบบสามเสา ซงอาจประกอบดวยสสามสทมระยะหางกนเทากนในวงลอส จงมความเขากนอยางลงตว ชดสแบบสามเสาทมประสทธภาพมากทสดคอ ชดทประกอบดวยสขนตนทงสามนนเอง เนองจากการตดกนอยางรนแรงของสทงสามนนเอง เนองจากการตดกนอยางรนแรงของส

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

5) ชดสทคลายคลงกน (Analogous Color Scheme)ชดสทมรปแบบอยางงายอกแบบหนง กคอชดสทคลายคลงกน ซงจะประกอบดวยส 2 หรอ 3 สทอยตดกนในวงลอส เชนสแดงแกมมวง

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

6) ชดสตรงขาม (Complementary Color Scheme)สตรงขามในทน หมายถง สทอยตรงกนขามกนในวงลอส เชน สแดงกบฟาหรอสน าเงนออนกบสมนาสนใจทวาเมอน าสทงสองนมาผสมกน จะไดผลลพธเปนสขาวส าหรบวงลอส แบบบวก หรอไดเปนสด าส าหรบวงลอสแบบลบ ทเปนเชนนกเนองจากวาสแตละสทอยตรงขามกน จะมอตราสวนของสขนตนทผกผนกน จากคณสมบตนเราอาจเรยกสคนวาเปน “สเตมเตม” กไดเมอน าสทงสองมาใชคกนกจะท าใหสทงสองมความสวาง และสดใสมากขน ซงถอเปนคสทมความแตกตางมากทสด และยงมความเสถยรมากทสด (maximum contrast andmaximum stability)

7) ชดสตรงขามขางเคยง (Split Complementary Color Scheme)ชดสตรงขามขางเคยงมรปแบบทเปลยนแปลงมาจากชดสตรงขาม แตละความแตกตางกนทสใดสหนงทอยตรงขามกนถกแทนทดวยสทอยดานขางทงสอง เชน สฟาซงมสดานขางเปนสน าเงนออนกบสน าเงนแกมเขยว ฉะนนชดสตรงขามขางเคยงทไดจงประกอบดวย สแดง สน าเงนออน และสน าเงนแกมเขยว 8) ชดสตรงขามขางเคยงทง 2 ดาน (Double Split Complementary Color Scheme)ชดสแบบนถกดดแปลงมาจากชดสตรงขาม เชนกน แตคราวนสตรงกนขามทงสองถกแบงแยกเปนสดานขางทง 2 ดาน จงไดเปนชดส 4 ส ดงเชนสแดงแกมมวงกบน าเงนแกมเขยว และน าเงนออนกบสม ขอไดเปรยบทเหนไดชด คอ ความหลากหลายทเพมขนจากชดสตรงขามแบบแบงแยก สวนขอเสยเปรยบกยงมลกษณะเชนเดมทความสดใสและความกลมกลนของสลดลง

5. การโปรโมทเวบไซต องคกรธรกจใดกตามเมอจดสรางเวบไซตแลว จะตองพยายามท าใหเวบไซตเปนทรจกเพอใหมผเขามาเยยมชมเปนจ านวนมาก ในการท าใหเวบไซตเปนทรจกจ าเปนตองอาศย การโฆษณาและประชาสมพนธทดผานทางสอตางๆซงกระท าไดดงน (ชรรตน ประจกษธรรม 2541 : 35) 1..การโฆษณาและประชาสมพนธเวบไซตในสอทวไป ทงสงพมพ วทย โทรทศนหรอบลบอรด โดยการใสทอยเวบไซต (URL) ลงในชนงานโฆษณาหรอบรการนนๆ ซงจะชวยใหผใชบรการเวลดไวดเวบไดรบรถงการมเวบไซตของผโฆษณาไดเปนอยางด นอกจากนยงสามารถระบ URL ลงในสออนๆไดอก เชน นามบตร โปรชวร หวจดหมาย รวมทงระบทอย E – mail Address เพอการตดตอสงขอมลไดดวย

2..การลงทะเบยนในเครองมอคนหา (Search Engine) เสรชเอนจนคอเครองมอคนหาขอมลขาวสารตางๆ บนอนเทอรเนตคลายกบสมดโทรศพทหนาเหลอง ซงจะชวยใหผใชสามารถคนหาเวบไซตใดเวบไซตหนงได เสรชเอนจนทมผนยมใชคอ Yahoo, Altavista, Lycos, Infoseek เจาของเวบไซตจงควรไปลงทะเบยนไวในไดเรคทอร (Directory) ของเสรชเอนจนเหลานซงเปนการลงทะเบยนทไมเสยคาใชจาย 3..การใชไฮเปอรลงค (Hyperlink) ระหวางเวบไซต จะชวยใหผใชอนเทอรเนตพบเหนเวบไซตของเราไดในเวบไซตอนๆ ทบคคลนนก าลงชมอยและสามารถคลกเขามายงเวบไซตของเรา ไดโดยการลงคเวบไซตของเราเขากบเวบไซตอนๆ ในการลงคกบเวบไซตอนๆ ตองเลอกเอาเวบไซตทมกลมเปาหมายเดยวกบเวบไซตของเรา วธการนท าไดโดยการแลกเปลยนกน (Barter) โดยทงสองฝายตางท าโลโกหรอขอความโฆษณาไปไวในเวบไซตของอกฝายหนงโดยไมเสยคาใชจาย 4..การโฆษณาในเวบไซตอนๆ ทมผใชอนเทอรเนตนยมเขาไปเยยมชมจ านวนมาก เชน เวบไซตของเสรชเอนจน ผใหบรการอนเทอรเนต บรการขอมลออนไลนตางๆ (CNN,ABC News ฯลฯ) เปนตน อตราคาโฆษณาทคดกนในสหรฐนน นบเปน Cost per thousand (CPM) เชนกน แตคดเปนอตราตอ 1,000 คลกปจจบนคาโฆษณาเฉลยคอ 1 ดอลลารตอ CPM 1) Banner Advertisement เปนวธทเปนทนยมมากทสด ครองอตราสวนถง 80 % แบนเนอรมลกษณะเปนภาพโฆษณาสเหลยมเลกๆ สวนมากจะเปนแนวนอนยาว อาจอยตอนบนหรอตอนลางของเวบเพจกได ดวยเทคโนโลยสมยใหมท าใหแบนเนอรเปนภาพเคลอนไหวได 2).Button Advertisement มลกษณะเปนสเหลยมเหมอนแบนเนอรแตสนกวาและมกจะอยตอนลางของเวบเพจ มพนทใสรายละเอยดไดนอยกวา เมอคลกท Button Advertisement กจะน าไปสเวบไซตของผลงโฆษณานน 3)Keyword Advertisement เปนรปแบบโฆษณาทมกอย ในเวบไซตประเภทเสรชเอนจน เมอผใชคลกไปทไดเรกทอรหรอพมพค าทตองการคนหา เสรจเอนจนกจะเปดหนาทตองการพรอมโฆษณาทเกยวของ 4).Interstitials หรอ In – your - face Advertisement เปนรปแบบโฆษณาทพฒนาขนมาลาสด โดยจะเปนภาพโฆษณาขนมาเตมจอและเปนภาพเคลอนไหวแบบภาพยนตรโฆษณาในโทรทศน เปนความพยายามทจะแขงขนกบสอโทรทศน การสรางความสมพนธกบผเขาชม ณฐพงศ พนธเกยรตไพศาล (2544 : 246) กลาววาผเขาชมคอผทท าใหเวบไซตประสบความส าเรจดงนนจงควรตอบแทนดวยบรการทดทสดอยางสม าเสมอดงน

ขนท 1 หาความตองการของผเขาชมเวบไซต ดวยการพจารณาจากการส ารวจหรอสถตวาผเขาชมตองการใหไดอะไรจากเวบไซตดวยการใชค าถามทเปดโอกาสใหผตอบสามารถตอบไดอยางอสระและเพอเพมจ านวนผเขารวมควรมการแจกของตอบแทน ขนท 2 ประเมนผลการส ารวจวาสงใดทผตอบปญหานยมมากทสด มความตองการอยางไร ค าตอบทไดรบความนยมสงสดของผชายและผหญงตางกนอยางไร ขนท 3 สนบสนนความตองการของผเขาชม จากการส ารวจจะท าใหรถงความตองการของผเขาชม ดงนนจงควรสรางสวนทจะตอบสนองความตองการทไดรบความนยมสงสด ขนท 4 ใหความส าคญกบความตองการของผเขาชม ถาผเขาชมสงค าขอทมเหตผลเขามา ตองตดตามและด าเนนการตามค าขออยางเรวทสดและควรอเมลแจงการด าเนนการและการขอบคณทผเขาชมไดใหค าแนะน า ขนท 5 อยาโกหกตอผเขาชมผลงโฆษณาหรอสอตางๆ ใหขอโทษและยอมรบผดตอผเขาชมเวบไซตในกรณทเราเปนผผดและไมน าเรองของผเขาชมเวบไซตไปกลาวในทสาธารณะ ขนท 6 ท าวนทดใหเกดกบใครสกคน ดวยสรางความสมพนธทดใหกบผเขาชมดวยการสอสารทางอเมล เชนการตอบค าถามทางอเมลใหใครสกคนทสงมาดวยความรสกวาเราก าลงชวยเหลอเพอนทดทสด ขนท 7 การสอสารแบบงาย ตองมนใจวาผเขาชมสามารถหาอเมลของเราไดงายเมอพวกเขาตองการตดตอ ขนท 8 ใหรางวลกบผเขาชมทภกด ผเขาชมคนใดมความกระตอรอรนและใหความชวยเหลอตอเวบไซตของเรา เชนเขารวมในกระดานขาวหรอในการส ารวจ เราควรสงอเมลไปขอบคณพวกเขาและขอทอยเพอทจะสงของทระลกไปใหเพอเปนการแสดงความขอบคณ ขนท 9 ปกปองผเขาชม ถาเวบไซตของเรามกระบวนการลงทะเบยนทผเขาชมตองกรอกขอมลสวนตวเขาไปดวยนน ตองแนใจวาเรามนโยบายการรกษาความลบไวบนเวบเพอสรางความเชอถอใหเกดขน ดงนนการมความสมพนธทดกบผเขาชมกคอความไดเปรยบทยงใหญส าหรบเวบไซตนนๆ นนเอง โดยมแนวทางในการสรางความสมพนธระยะยาวกบผเขาชมดงน 1. เมอมการต าหนตเตยนเขามาไมวาจะเปนเรองใด ควรแกปญหานนทนท 2. เมอมผรายงานถงปญหาบนเวบไซตใหพยายามแกไขภายใน 10 นาท หลงจากรบทราบปญหาและอยาลมสงค าขอบคณไปยงบคคลนน 3. เผยแพรขอมลในการตดตอ เชนหมายเลขโทรศพท โทรสาร อเมล เพอใหผเขาชมสามารถตดตอไดงายและสะดวกทสดเทาทจะเปนไปได 4. รกษาความสมพนธทดเมอพบวาผเขาชมมความสนใจในสงทคลายๆ กน เชน ดวยการพดคยออนไลน (Chat) กบพวกเขาอยางเปนกนเองเพอสรางสมพนธไมตรทดกบผเขาชม

5. จดใหมการรวมตวกนออนไลนแบบเปนกนเองภายในในรปแบบของการแชต(Chat) กระดานขาว สมมนาฟร 6. ใชการตดตามผลระยะยาว หากผเขาชมเวบไซตมขอสงสยเกยวกบทศทางตางๆของเวบไซตในขณะทตอบการซกถาม ควรบนทกขอสงสยเกยวกบเปาหมายระยะยาวของเวบไวดวย เพอทจะไดแจงใหผเขาชมทราบเมอเปาหมายนนไดกลายเปนรปธรรม ดงนนนอกจากผเขาชมจะไดรบค าตอบในทนทแลวหลงจากนนอก 1 – 2 เดอนควรตดตอกลบไปอกเพอแจงใหทราบขอมลใหมๆเกยวกบขอเสนอแนะหรอขอสงสยทผเขาชมไดสงมา 7. จดใหมการพบปะกนจรงๆ ถามสงคมออนไลนทแขงแกรงพอ ซงอาจจะตองลงทนจดงานพบปะสงสรรคส าหรบผเขาชมเวบ 6. ทฤษฎการสอสาร

การสอสารมวลชนในระบบปจจบน จดไดวาเปนการสอสารแบบแนวตง (Top down)เปนการสอสารแบบทางเดยวทถอเอาผสงสารเปนพระเอก มแนวโนมทจะเปดโอกาสใหผมอ านาจในระบบการสอสาร สามารถทจะครอบง าจตใจประชาชนผรบสารใหเปนไปตามทตนตองการระบบการสอสารมวลชนในรปแบบดงกลาวจงไดกลายเปนเครองมอในการแสวงหาผลประโยชนดานเศรษฐกจ การเมอง สงคม และวฒนธรรม

กาญจนา แกวเทพ (2547) อธบายไววา ประชาชนทวไปไมมสวนรวมในการก าหนดการตดสนใจ การเขามาใชการสอสาร เหมอนอยางไมมสวนรวมในกระบวนการพฒนาประเทศชาตประชาชนคงมบทบาทเปนเพยงแต “ผรบสารเหมอนอยางทเปนเพยงวตถรองรบการพฒนา” ทตนไมไดก าหนด และหากเราถอวาองคประกอบทจ าเปนจะขาดเสยไมไดของการพฒนาคอ “ความยตธรรมของสงคม” แลวคณสมบตทส าคญประการหนงของการสอสารเพอการพฒนาคอกตองเปนการจดโอกาสใหประชาชนทกกลมทกชน ไดมสวนรวมและมบทบาทอยางเทาเทยมกนทงในฐานะเปนผสงสารและผรบสารของระบบสอสารในสงคมและหากการสอสารเพอการพฒนาจะด าเนนการใหบรรลเปาหมายดงกลาว สงแรกทจะตองเปลยนแปลงคอความหมายของค าวา “การสอสาร” และแบบจ าลองทใช โดยจะตองเปลยนแปลงจากการสอสารแนวตงทางเดยว มาสการสอสารในแนวนอน (horizontal) นนคอการสอสารแบบสองทาง (two-ways communication)นโคลส เบนเนตต (Nicholus Vennnett) นกศกษาและนกสอสารมวลชนทมความสนใจในปญหาของโลกทสามเปนพเศษ ไดเสนอแนะการน าสอมาใชเพอการพฒนาเอาไววาจะตองค านง ถงหลกการดงนคอ

1. สอนนตองม มนษยธรรม หมายความวาการใชสอนนตองถอเอาคนเปนเปาหมาย 2. การจดท าสอตองเรมตนจากสภาพความเปนจรงทมอย และตองมลกษณะสอดคลองกบสงท

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

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

4. การใชสอจะตองเปนหนทางใหประชาชนเขาใจความหมายของ “ความเปนชมชน”อยางแทจรงและกวางขวางทงน เพอการเออเฟอเกอกลกนในยามทฝายใดฝายหนงประสบความทกขยาก ปจจบนเมอเรามสอมวลชนททนสมยแลวกควรจะน าเสอเหลาน มาใชเพอเสรมสรางความสามคค สมานฉนทในหมประชาชนใหแนนแฟนยงขนเชนเดยวกน 7. ระบบตดตอผใช หรอ ระบบการปฏสมพนธระหวางคอมพวเตอรกบผใช

ระบบการปฏสมพนธระหวางคอมพวเตอรกบผใช หรอ Human-Computer Interaction(HCI) เปนศาสตรแขนงทมงความสนใจในเรองท าอยางไรใหคอมพวเตอรงายและเหมาะสมกบผใชงาน (user) มผใชค าวา Computer-Human Interaction (CHI) ซงมความหมายเชนเดยวกนกบHCI ในภาษาไทยอาจแปลไดวา "ปฏสมพนธระหวางคอมพวเตอรกบผใช" แขนงนมรากฐานมาจากศาสตรหลายดานโดยเฉพาะจากสาขามนษยปจจย (Human Factors หรอ Ergonomics) สวนดานอนๆ ไดแก จตวทยา มานษยวทยา สรรศาสตร สงคมศาสตร วศวกรรมศาสตร คอมพวเตอรและบรหารจดการ เปนตน นอกจากนยงมสาขาอกอนหนงทมความสมพนธกบ HCI เปนอยางมากคอ Computer Supported Collaborative Work (CSCW) ซงสนใจในปฏสมพนธระหวางคอมพวเตอรกบผใชในบรบทของกลมผใช ระบบคอมพวเตอรในกลมทเรยกวาGroupware การศกษาความเหมาะสมของระบบคอมพวเตอรตอผใชเรยกวา "การศกษาความสามารถใชงานได" (Usability Study) ของระบบคอมพวเตอร 8. การประชาสมพนธเวบไซต

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

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

ดารนทร เลศรตนาวสทธ (2540 : 41) ไดกลาวถงรปแบบการประชาสมพนธเวบไซตเพอทจะท าใหเวบเปนทนาสนใจไวดงน

1. การน าเสนอดวยรปแบบของค าถาม การก าหนดเปนรปของค าถามเปนการสรางความสนใจไดวธหนง โดยปรกตคนเรามกจะมความอยากรอยากเหนกบสงแปลกใหม สงทเปนขอสงสย ความเปนนกคดนกแกปญหาของมนษยโดยธรรมชาตจงท าใหมความสนใจมากขนตอสงทยงไมร การสรางความฉงนในรปแบบของค าถามเปนกลยทธอยางหนงทจะเราใหผชมเฝาตดตามหรอคดตอ

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

3. การขอรอง เปนการสรางความสนใจดวยวธการนมนวลในการณรงคเพอการโฆษณาและประชาสมพนธ นยมใชโนมนาวใจใหท าตามหรอใหมทศนคตคลอยตาม

4. การแนะน าใหคลอยตามหรอรบทราบเปนการชแนะแนวทางใหมหรอก าหนดทศทางใหมใหผดเกดทศนคตคลอยตามหรอปฏบตตามหรอรบรในขอมลขาวสารนน

5. การชกชวน ตามธรรมชาตของมนษยมกจะยอมรบและคลอยตามการชกชวนของผอน โดยเฉพาะถาผชกชวนเปนบคคลทเปนทยอมรบดวยแลว การชกชวนยอมเกดสมฤทธผลเปนอยางสง การใชถอยค าภาษาการออกแบบตวอกษร ตองค านงถงรปแบบทเหมาะสมและนาเชอถอดวย

6. การสรางปรศนา ความสงสยในปรศนาทผออกแบบไดสรางหรอก าหนดขนยอมเปนการทาทายใหผบรโภคเกดความอยากรอยากเหนและอยากทดลองในปรศนานนการสรางปรศนาทดตองไมซบซอนเกนไป

7. การเสนอลกษณะทาทาย การทาทายเปนกลยทธทย วยใหผดหรอผบรโภคมความรสกอยากเขาไปมสวนรวมตอเงอนไขตามสารหรออยากเอาชนะตอสงททาทายตามขอมลทน าเสนอในลกษณะของการทาทายผออกแบบจะตองระมดระวงการใชถอยค าและการคดเลอกภาพอยางละเอยดถถวน Groenn and Barker (อางถงใน ชรรตน ประจกษธรรม 2541 : 33) กลาววาสงทส าคญทสดในการออกแบบเวบไซตบนอนเทอรเนต คอการแสวงหาวธการดงดด ความสนใจใหผใชบรการอนเทอรเนตเขาชมและท าใหผชมใชเวลากบเวบไซตของเจาของสนคานานๆ สงทส าคญคอการคงไวซงความสนใจจากผชม (Retain) และการใหรางวลตอความตงใจของผชมเพอสรางความรสกทดในการชม

เวบไซตและเพอการเปดรบในครงตอไป Groenn and Barker เสนอวธการสรางสรรคคณคาสผรบสารอนเทอรเนต เพอใชเปนหลกพน ฐานในการสอสารการตลาดเพอดงดดและคงไวซงความสนใจ 9. โครงสรางของเวบไซต Lynch and Horlon (1999) ไดเสนอรปแบบการออกแบบโครงสราง เวบไซตทไดรบความนยม ไดแกการออกแบบเวบ 4 ลกษณะไดแก เวบทมโครงสรางแบบเรยงล าดบ ลกษณะตารางลกษณะระดบชน ลกษณะใยแมงมม 1. เวบทมโครงสรางแบบเรยงล าดบ เปนโครงสรางแบบธรรมดาทใชกนมากทสดเนองจากงายตอการจดระบบขอมลขอมลทนยม จดดวยโครงสรางแบบนมกเปนขอมลทมลกษณะเปนเรองราวตามล าดบของเวลา หรอในลกษณะ การเรยงจากเรองทวๆไป ไปสการเฉพาะเจาะจงเรองใดเรองหนง เวบทมโครงสรางประเภทน มการจกเรยงของเนอหาในลกษณะทชดเจนตายตวคามความคด ของผสราง พนฐานแนวคดเหมอนกบกระบวนการของหนงสอเลมหนงๆนนคอตองอานผานไปทละหนา ทศทางของการสเนอหา ภายในเวบจะเปนการด าเนนเรองในลกษณะเสนตรง โดยม ปมเดนหนา ถอยหลง เปนเครองมอหลกในการก าหนดทศทางเรมจากหนาเรมตน ซงโดยปกตเปนเนอหาตอนรบหรอแนะน าใหผใชทราบถงรายละเอยดของเวบรวมทงอธบายใหทราบถงวธการ เขาส เนอหาและการใชงานของปมตางๆเมอใชผานจากหนาเรมตนเขาไปสภายในจะพบกบหนาเนอหา โดยในแตละหนาหากมเนอหาทซบซอน เกนกวาหนงหนากสามารถเพมเตม รายละเอยดเนอหาโดยมจดท าเปนเนอหายอย และท าการเชอมโยงกบหนา เนอหาหลกๆ ซงหนาเนอหายอยเหลานมลกษณะเปนหนาเดยวเมอเขาไปดรายละเอยดของเนอหา แลว ตองกลบมายง หนาหลกหนาเดม

2.เวบทมโครงสรางแบบล าดบขน เปนวธทดทสดวธหนงในการจดระบบโครงสรางทมความซบซอนของขอมล โดยแบงขอมล โดยแบงเนอหา ออกเปนสวนๆและมรายละเอยดยอยๆในแตละสวนละหลนกนมาในลกษณะแนวคดเดยวกบแผนภมองคกรเนองจากผใชสวนใหญจะคนเคยกบลกษณะของแผนภมแบบองคกรทวๆไปอยแลว จงเปนการงายตอการท าความเขาใจของโครงสรางของเนอหาในเวบลกษณะน ลกษณะเดนเฉพาะของเวบประเภทนคอการจดเรมตนทจดรวมจดเดยว นนคอ โฮมเพจ และเชอมโยงไปสเนอหา ในลกษณะเปนล าดบจากบนลงลาง 3.เวบทมโครงสรางแบบตาราง(Grid Structure) โครงสรางรปแบบนมความซบซอนมากกวารปแบบทผานมา การออกแบบเพมความยดหยน ใหแก การสเนอหาของผใช โดยเพมการเชอมโยงซงกนและกนระหวางเนอหาแตละสวน เหมาะแก การแสดงใหเหนความสมพนธกนของเนอหา การเขาส เนอหาของตนเองไดเชน การศกษาขอมลขอมลประวตศาสตร สมยสโขทย อยธยา ธนบรและภาษา ในขณะทผใชอาจศกษาหวขอศาสนาเปนหวขอตอไปกได หรอจะขามไปดหวขอ การปกครอง 4.เวบทมโครงสรางแบบใยแมงมม (Web Stucture) โครงสรางประเภทนจะมความยดหยนมากทสด ทกหนาในเวบสามารถจะเชอมโยงกนไปถงกนไดหมด เปนการงสรางรปแบบการเขาสเนอหาทเปนอสระผใชสามารถก าหนดวธการเขาสเนอหาไดคนดวย ตนเอง การเชอมโยงเนอหาแตละหนาอาศยการโยงใยขอความทมมโนทศน เหมอนกนของแตละหนาในลกษณะของไฮเปอรเทกซหรอไฮเปอรมเดย สรป ปจจบน Internet เปนระบบการตดตอสอสารทไดความความนยมกนทวโลก และเพมความนยมขนอยางรวดเรว ท าใหบรษท องคกร และธรกจตางๆ ทงขนาดเลก ขนาดใหญ ทงภาครฐ และเอกชน ตางมความจ าเปนทตองใชการตดตอสอสารบน Internet และจ าเปนตองมเวบไซตเปนของตวเอง เพอเปนการกาวเขาสยคไซเบอรอยางเตมรปแบบ ท าใหตองโลดแลนอยบนเครอขายการตดตอสอสารอยางหลกเลยงไมได ซงหมายถงการน าเอาเทคโนโลยใหมๆ มาเปดใชในการด าเนนธรกจ เพอใหกาวหนาสความส าเรจตอไป การทเรามความจ าเปนทจะตองใชการตดตอสอสารบน Internet นน ปจจบนจงถอไดวาเปนเรองปกต ทนบไดวา เปนแนวทางทส าคญทสดในการตดตอสอสาร เพราะฉะนน Website จงเปนสงทส าคญทสด ในการด าเนนธรกจในปจจบน และหลงจากการไดท าการศกษาและคนควาผลงานทางดานวชาการตางๆ อาท เชน วทยานพนธ ผลงานวจยวจย หนงสอ บทความ และอนๆอกเปนตนนน ท าใหทางคณะผเขยนหนงสอเลมนไดทราบถงหลกการและทฤษฎเกยวกบการออกแบบและพฒนาเวบไซตทมอยอยางหลากหลายขอคดเหน หลายรปแบบ หลายทฤษฎ จนกระทงไดมการตกผลกออกมาเปนหนงสอเลมเลกเลมน

“การเรยนร(Lrarning) คอ ไมวาเราจะท าอะไรทกอยางกเกดการเรยนรไดทงนน เพยงแตคณตองใชความคดไปดวยกบการท าสงนนๆ คอท าไปคดไป ขอส าคญคอคณใชความคดใหเปนหรอไม ความคดทดสรางสรรคมนกเกดประโยชน แตความคดไมดหรอไมรเทาทนกเกดโทษได สารสนเทศเกยวกบเรยนรจากสอตางๆ เชน ทว วทย หนงสอพมพ และอนเตอรเนต อนๆ กเปนการเรยนรไดเหมอนกน”

เอกสารอางอง

ฉตรชย เลศวรยะภากร. 2548. การพฒนาเวบไซตเพอการเรยนรดวยตนเองผาน เครอขายอนเทอรเนตภาควชาเทคโนโลยการศกษา มหาวทยาลยเกษตรศาสตร. ปรญญานพนธ บณฑตวทยาลย มหาวทยาลยเกษตรศาสตร. วลาวณย พรพชรพงศ. 2547. การออกแบบและพฒนาเวบไซดโครงการวจยขาว มหาวทยาลยมหาสารคาม. คนควาอสระ มหาวทยาลยมหาสารคาม. วระ ไวศยด ารง. 2551. โครงการออกแบบเวบไซตเพอประชาสมพนธผลงาน (ออกแบบนเทศศลป) คณะมนษยศาสตรและสงคมศาสตร มหาวทยาลยราชภฏจนทรเกษม. ปรญญาตรศลปะศาสตรบณฑตสาขาวชา ศลปกรรม (ออกแบบนเทศศลป) คณะมนษยศาสตรและสงคมศาสตร มหาวทยาลยราชภฏจนทรเกษม. พเศศ ตนตมาลา. 2547. การพ ฒนาบทเรยนบนเครอขายอนเตอรเนต เรองหลกการ ออกแบบการเวบไซต. ปรญญาครศาสตรอตสาหกรรมมหาบณฑต สาขาวชา เทคโนโลยการศกษาทางการอาชวะและเทคนคนกศกษา บณฑตวทยาลย สถาบนเทคโนโลยพระจอมเกลาเจาคณทหารลาดกระบง. ภทรพร หรนรกวทย. 2547. การออกแบบเวบไซตส าหรบสถานโทรทศนในประเทศ ไทย. ปรญญาศลปะมหาบณฑต สาขาวชาการออกแบบนเทศศลป บณฑต วทยาลย มหาวทยาลยศลปากร. สาวตร เตชะค า. 2551. การออกแบบเวบไซตส าหรบองคกรพฒนาสงคม กรณศกษา มลนธรกษเดก. ปรญญาศลปศาสตรมหาบณฑต สาขาวชาสอศลปะและการ ออกแบบสอ บณฑตวทยาลย มหาวทยาลยเชยงใหม. สพชญา เขมทอง. 2547. ศกษาองคประกอบของการออกแบบเวบไซตส าหรบสนคา ประเภทผลตภณฑธรรมชาต. ปรญญาศลปะมหาบณฑต สาขาวชาการ ออกแบบนเทศศลป บณฑตวทยาลย มหาวทยาลยศลปากร. เทวา พรหมนชานนท. 2554. การพฒนาเวบไซตตนแบบเพอนน าเสนอสารสนเทศ ของหนวยงานภายในมหาวทยาลยเทคโนโลยราชมงคลลานนา ภาคพายพ เชยงใหม. มหาวทยาลยเทคโนโลยราชมงคลลานนา ภาคพายพ เชยงใหม.