top of page
![google classroom.png](https://static.wixstatic.com/media/27fe69_1672aa8b58584b949ed844bee0b6b905~mv2.png/v1/fill/w_1468,h_367,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/google%20classroom.png)
ประเภทของเว็บไซต์
ประเภทของเว็บไซต์
แบ่งออกเป็นกลุ่มใหญ่ ๆ ได้ 8 ประเภทตามลักษณะของเนื้อหาและรูปแบบของเว็บไซต์ ได้แก่
1. เว็บท่า (Portal site)
อาจเรียกอีกชื่อหนึ่งได้ว่าเว็บวาไรตี้ (variety web) หมายถึงเว็บที่ให้บริการต่าง ๆ ไว้มากมาย มักประกอบไปด้วยบริการเครื่องมือค้นหา
ที่รวบรวมลิงค์ของเว็บไซต์ที่น่าสนใจไว้ มากมายให้ได้ค้นหา รวมถึงบริการที่เกี่ยวกับเรื่องราวที่มีสาระและบันเทิงหลากหลายประเภท
เช่น ดูหนัง ฟังเพลง ดูดวง ท่องเที่ยว IT เกม สุขภาพ หรืออื่นๆ นอกจากนั้นแล้วเว็บท่ายังมีลักษณะในการเป็นแหล่ง แลกเปลี่ยนความคิดเห็น
ของผู้คนในสังคมในเรื่องเกี่ยวกับประเด็นต่าง ๆ ซึ่งเรียกว่าเว็บชุมชน (community web) คือเป็นเว็บที่ให้บริการพื้นที่แก่กลุ่มคนผู้ที่มีความสนใจ
ในเรื่องเดียวกันได้เข้ามา แลกเปลี่ยนและแสดงความคิดเห็นกัน
2. เว็บข่าว (News site)
เว็บข่าวมักเป็นเว็บไซต์ที่สร้างขึ้นโดยองค์กรข่าวหรือสถาบันสื่อสารมวลชนต่าง ๆ ที่มีสื่อมวลชนประเภทต่าง ๆ ของตนอยู่เป็นหลัก
เช่น สถานีโทรทัศน์ สถานีวิทยุ หนังสือพิมพ์ นิตยสาร วารสาร หรือแม้กระทั่งกระทรวง ทบวง กรมต่างๆ แต่องค์กรเหล่านี้ได้นําเว็บไซต์
มาใช้เป็นเครื่องมือใน การสื่อสารอีกรูปแบบหนึ่ง เพื่อนําเสนอข่าวและสาระที่เป็นการสรุปใจความสําคัญหรือรวบรวมเนื้อหา จากข่าวใน
รอบเดือนหรือรอบปี ซึ่งช่วยให้ผู้ใช้สามารถค้นหาข้อมูลและติดตามข่าวสารได้ทุกที่ทุกเวลา แม้ว่าจะอยู่ที่ใดก็ตาม
3. เว็บข้อมูล (Information site)
เว็บข้อมูลนั้นเป็นเว็บที่ให้บริการเกี่ยวกับการสืบค้นข้อมูล ข่าวสาร หรือข้อเท็จจริงต่าง ๆ ตนเองขึ้นมาเพื่อเป็นช่องทางให้ประชาชน
หรือกลุ่มบุคคลที่สนใจ ได้เข้ามาศึกษาค้นคว้าข้อมูลที่ เกี่ยวข้องกับองค์กรของตนได้ อีกทั้งยังเป็นการสร้างโอกาสในการประชาสัมพันธ์
และสร้างความเข้าใจ อันดีให้เกิดแก่ประชาชนในสังคมอีกด้วย
4. เว็บธุรกิจหรือการตลาด (Business/ Marketing site)
เว็บธุรกิจหรือการตลาด เป็นเว็บไซต์ที่มักสร้างขึ้นโดยองค์กรธุรกิจต่าง ๆ มีจุดมุ่งหมายหลัก
ในการประชาสัมพันธ์องค์กรและเพิ่มผลกําไรทางการค้า โดยเนื้อหาส่วนใหญ่หรือเกือบทั้งหมดมักจะ
เป็นการนําเสนอที่มีความน่าสนใจและตรงใจกลุ่มเป้าหมายมากที่สุด ทั้งนี้เพื่อผลกําไรทางธุรกิจนั่นเอง
5. เว็บการศึกษา (Education site)
เว็บการศึกษามักเป็นเว็บที่สร้างขึ้นโดยสถาบันการศึกษาต่าง ๆ หรือองค์กรทั้งภาครัฐและ เอกชนที่มี
นโยบายในการเผยแพร่ความรู้ และให้โอกาสในการค้นคว้าหาข้อมูลเพื่อการศึกษาแก่ นักเรียน นิสิต นักศึกษา
รวมถึงประชาชนทั่วไป เว็บการศึกษาให้ข้อมูลเกี่ยวกับการเรียนรู้ทั้งแบบที่ เป็นทางการและไม่เป็นทางการ
เว็บที่เกี่ยวกับการศึกษาโดยตรงนั้น ได้แก่เว็บของสถาบันการศึกษา ห้องสมุด และเว็บที่ให้บริการการเรียนรู้แบบออนไลน์ที่เรียกว่า
อี-เลิร์นนิ่ง (e-learning) นอกจากนี้ แล้วยังรวมถึงเว็บที่สอนหรือให้ความรู้เกี่ยวกับเรื่องต่าง ๆ เช่น การทําเว็บ การทําอาหาร
การถ่ายภาพ การเขียนโปรแกรม ฯลฯ
6. เว็บบันเทิง (Entertainment site)
เว็บบันเทิงนั้นมุ่งเสนอและให้บริการต่างๆ เพื่อเสริมสร้างความบันเทิง โดยทั่วไปอาจนําเสนอ เรื่องราวเกี่ยว
กับการบันเทิงทั่วไป เช่น ดนตรี ภาพยนตร์ ดารา กีฬา ความรัก บทกลอน การ์ตูน เรื่องขําขัน รวมถึงการให้
บริการดาวน์โหลดโลโก้และริงโทนสําหรับโทรศัพท์เคลื่อนที่อีกด้วย เว็บ ประเภทนี้อาจมีรูปแบบที่เป็น
อินเตอร์แอคทีฟที่ตื่นตาตื่นใจ หรือใช้เทคโนโลยีมัลติมิเดียได้มากกว่า เว็บประเภทอื่น ๆ
7. เว็บองค์กรที่ไม่แสวงหาผลกำไร (None-profit organization site)
เว็บประเภทนี้มักจะเป็นเว็บที่สร้างขึ้นโดยกลุ่มบุคคลหรือองค์กรต่างๆ ที่มีนโยบายในการ สร้างสรรค์ที่ช่วยเหลือสังคม
โดยที่ไม่หวังผลกําไรหรือค่าตอบแทน ซึ่งกลุ่มบุคคลหรือองค์กรเหล่านี้ ได้แก่ สมาคม ชมรม มูลนิธิ และโครงการต่าง ๆ
โดยอาจมีจุดประสงค์เฉพาะที่แตกต่างกัน เช่น เพื่อทํา ความดี สร้างสรรค์สังคม พิทักษ์สิ่งแวดล้อม ปกป้องสิทธิมนุษยชน
รณรงค์ไม่ให้สูบบุหรี่ หรืออาจ รวมตัวกันเพื่อดูแลผลประโยชน์ของสมาชิกในกลุ่ม
8. เว็บส่วนตัว (Personal site)
เว็บส่วนตัวอาจเป็นเว็บของคน ๆ เดียว เพื่อนฝูง หรือครอบครัวก็ได้ โดยอาจจัดทําขึ้นด้วย เหตุผลที่แตกต่างกัน
เช่น แนะนํากลุ่มเพื่อน โชว์รูปภาพ แสดงความคิดเห็น เขียนไดอารี่ประจําวัน นําเสนอผลงาน ถ่ายทอดประสบการณ์เกี่ยวกับ
สิ่งที่เชี่ยวชาญหรือสนใจ โดยทั้งหมดนี้อาจทําเป็น เว็บไซต์หรือเป็นเพียงเว็บเพจหน้าเดียวก็ได้
![web1.JPG](https://static.wixstatic.com/media/27fe69_e9c2150db0a04118b36af060b6397d25~mv2.jpg/v1/fill/w_579,h_296,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web1_JPG.jpg)
เว็บบอร์ดที่ใหญ่ที่สุดในประเทศไทย
ที่มา : https://pantip.com ,2565.
![web2-1.JPG](https://static.wixstatic.com/media/27fe69_df5f4d35e3314409b4d36ce46e12dbd7~mv2.jpg/v1/fill/w_598,h_305,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web2-1_JPG.jpg)
![web2.JPG](https://static.wixstatic.com/media/27fe69_ac2fd1ba85dd4650b39a8205bed88eef~mv2.jpg/v1/fill/w_363,h_313,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web2_JPG.jpg)
เว็บของสำนักข่าวไทยรัฐ
ที่มา : https://thairath.co.th.com, 2565.
เว็บของสำนักข่าวเดลินิวส์
ที่มา : https://www.dailynews.co.th, 2565.
![web3.JPG](https://static.wixstatic.com/media/27fe69_dcbe81a300c943029d5824e6c67e9e17~mv2.jpg/v1/fill/w_490,h_378,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web3_JPG.jpg)
เว็บสารานุกรมที่มีชื่อเสียง
ที่มา : https://th.wikipedia.org/wiki, 2565.
![web4.JPG](https://static.wixstatic.com/media/27fe69_f01fc690a3334c43997093af8414e54a~mv2.jpg/v1/fill/w_422,h_342,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web4_JPG.jpg)
![web4-1.JPG](https://static.wixstatic.com/media/27fe69_b43eb95c485c46d7bfc708d0212573af~mv2.jpg/v1/fill/w_426,h_342,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web4-1_JPG.jpg)
เว็บขายสินค้าที่มีชื่อเสียง
ที่มา : www.shopee.co.th, 2565.
เว็บขายสินค้าที่มีชื่อเสียง
ที่มา : www.lazyda.cot.th, 2565.
![web5-1.JPG](https://static.wixstatic.com/media/27fe69_50420e8bdcb8463dbce4fbd95d511814~mv2.jpg/v1/fill/w_558,h_393,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web5-1_JPG.jpg)
![web5.JPG](https://static.wixstatic.com/media/27fe69_d54e6de9f1bb4cba8a58b04494328674~mv2.jpg/v1/fill/w_399,h_393,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web5_JPG.jpg)
เว็บไซต์ของมหาวิทยาลัยธรรมศาสตร์
ที่มา : www.tu.ac.th, 2565.
เว็บไซต์ของโรงเรียนจอมสุรางค์อุปถัมภ์
ที่มา : www.chomsurang.ac.th, 2565.
![web6.JPG](https://static.wixstatic.com/media/27fe69_9bdf4d77f546413eb534589e6981db8a~mv2.jpg/v1/fill/w_441,h_369,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web6_JPG.jpg)
![web6-1.JPG](https://static.wixstatic.com/media/27fe69_9a9ae17775164bfc998148504236e5f3~mv2.jpg/v1/fill/w_599,h_369,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web6-1_JPG.jpg)
เว็บไซต์เว็บบันเทิงที่รวบรวมข้อมูลบันเทิงต่าง ๆ
ที่มา : www.sanook.com, 2565.
เว็บไซต์เว็บบันเทิงที่รวบรวมข้อมูลบันเทิงต่าง ๆ
ที่มา : www.teenee.com, 2565.
![web7.JPG](https://static.wixstatic.com/media/27fe69_ff0d0065435f446698c62f6b8bd40287~mv2.jpg/v1/fill/w_405,h_311,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web7_JPG.jpg)
![web7-1.JPG](https://static.wixstatic.com/media/27fe69_4a31f8fe545b4941ae5a9ee83a533cef~mv2.jpg/v1/fill/w_494,h_336,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web7-1_JPG.jpg)
เว็บไซต์กองทุนสัตว์ป่า
ที่มา : www.wwf.or.th.com, 2565.
เว็บไซต์เว็บบันเทิงที่รวบรวมข้อมูลบันเทิงต่าง ๆ
ที่มา : www.https://www.wildlifeofthailand.org/th/, 2565.
![web8.JPG](https://static.wixstatic.com/media/27fe69_0d949bd1ecde46cca1850f64232de582~mv2.jpg/v1/fill/w_523,h_323,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web8_JPG.jpg)
![web8-1.JPG](https://static.wixstatic.com/media/27fe69_9c483c2b9fe9442386f423ea65226bf0~mv2.jpg/v1/fill/w_440,h_435,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web8-1_JPG.jpg)
เว็บไซต์ส่วนตัว
ที่มา : https://www.facebook.com/renuvios, 2565.
เทคนิคการออกแบบเว็บไซต์
เทคนิคการออกแบบเว็บไซต์
การออกแบบเว็บไซต์ให้น่าสนใจต้องพิจารณา 3 ประการ คือ
1. ออกแบบเว็บไซต์ที่เน้นเนื้อหา เว็บไซต์บางประเภทจะเน้นเนื้อหา หรือข้อความเป็นหลัก
ภายในเว็บไซต์จะประกอบไปด้วย ตัวหนังสือ มีภาพประกอบบ้างแต่ไม่มาก เช่น เอ็นไซโคพีเดีย ดิกชันนารี ฯลฯ
2. ออกแบบเว็บไซต์ที่เน้นภาพกราฟิก
3. ออกแบบเว็บไซต์ที่เน้นทั้งภาพและเนื้อหา
![web-data.JPG](https://static.wixstatic.com/media/27fe69_27e6bbdd6c6b48e7bf53f6a0ecc32136~mv2.jpg/v1/fill/w_600,h_449,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web-data_JPG.jpg)
เว็บไซต์ที่เน้นเนื้อหา
ที่มา : https://th.wikipedia.org/wiki/วิกิพีเดียม, 2565
![web-pic.JPG](https://static.wixstatic.com/media/27fe69_275eb3b56e9b4bb0b6478f30b7d04b11~mv2.jpg/v1/fill/w_600,h_306,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web-pic_JPG.jpg)
เว็บไซต์ที่เน้นภาพกราฟิก
ที่มา :www.honda.com, 2565
![web-picdata.JPG](https://static.wixstatic.com/media/27fe69_0e5fbaa8e4484eb79b182983364df68b~mv2.jpg/v1/fill/w_600,h_386,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/web-picdata_JPG.jpg)
เว็บไซต์ที่เน้นทั้งภาพและเนื้อหา
ที่มา :www.agoda.com, 2565
แนวคิดการออกแบบ
แนวคิดในการออกแบบ
1. ดูจากเว็บไซต์อื่นเพื่อเป็นตัวอย่าง การดูจากเว็บไซต์อื่นบนอินเทอร์เน็ตเพื่อศึกษาเป็นตัวอย่าง นับเป็นวิธี
การที่ง่ายที่สุด แต่ก็ควรนำไปประยุกต์ใช้ให้เหมาะสมกับเนื้อหาและกลุ่มเป้าหมาย ของเราด้วย
2. ศึกษาจากสื่อสิ่งพิมพ์ในรูปแบบต่าง ๆ สื่อสิ่งพิมพ์ในที่นี้ ได้แก่ แมกกาซีน โปสเตอร์โฆษณา โบรชัวร์ หรือ
หนังสือบางเล่มที่มีรูปแบบและจุดดึงดูดความสนใจ สามารถนำมาประยุกต์ใช้ในเว็บไซต์ของเราได้เช่นกัน
bottom of page