ความรู้เบือ้งต้นเก่ียวกบัโฮมเพจ เวบ็เพจ

และเวบ็ไซต์

โฮมเพจ (Home Page)

• ใช้เรียกหน้าแรกของเวบ็ไซตท่ี์ประกอบด้วยเมนูและข้อมูลต่างๆ

เป็นเวบ็เพจหน้าแรกท่ีเป็นหน้าดชันีหรือสารบญัรายการท่ีบอก

รายละเอียดของเวบ็ไซตนั์น้ๆ

• เราอาจจะเปรียบโฮมเพจเหมือนหน้าบ้านของเวบ็ไซต์กไ็ด้หรือ

หน้าปกนิตยสาร

เวบ็เพจ (Web Page)

• เป็นหน้าเอกสารเวบ็ท่ีใช้แสดงข้อมูลต่างๆ ท่ีสร้างขึ้นด้วยภาษา

HTML (Hypertext Markup Language) เว็บเพจอาจจะ

ประกอบด้วยข้อความ ภาพกราฟิก หรือภาพเคล่ือนไหวอาจมี

เสียงประกอบด้วยกไ็ด้ ทําให้ดึงดูดความสนใจ และทาํให้เวิล์ด

ไวดเ์วบ็ได้รบัความนิยมเป็นอย่างมากในปัจจบุนั

• เราอาจจะเปรียบเว็บเพจเหมือนหน้ากระดาษแต่ละหน้าท่ีมี

เร่ืองราว

เวบ็ไซต ์(Web Site)

• คาํท่ีใช้เรียกกลุ่มของเวบ็เพจ ภายในประกอบด้วยหน้าโฮมเพจ

และเวบ็เพจ ท่ีเกบ็รวบรวมข้อมูลเอกสารและส่ือประสมต่าง ๆ

เช่น ภาพ เสียง ข้อความ

• อาจกล่าวได้ว่า เวบ็ไซต์กคื็อเวบ็เพจอย่างน้อยสองหน้าท่ีมีลิงก ์

(Links) ถึงกนั

ประโยชน์ของเวบ็ไซต์

ด้านข่าวสารเหตกุารณ์ในปัจจบุนั

• เว็บไซต์ในปัจจุบ ันสามารถนําเสนอได้อย่างฉับไวทันต่อ

เหตุการณ์ทาํให้สามารถ รู้เร่ืองราวท่ีเกิดขึ้นจากท่ีต่างๆ ทุกมุม

โลกได้อย่างรวดเรว็ ซ่ึงสามารถชมเป็นภาพน่ิง หรือ เป็นภาพ

วีดีโอท่ีมีทัง้ภาพและเสียง ทาํให้รบัข่าวสารอย่างครบถ้วน

ด้านข่าวสารเหตกุารณ์ในปัจจบุนั

ด้านการประชาสมัพนัธอ์งคก์รและบริษทั

• เวบ็เพจท่ีเผยแพร่แนะนําความเป็นมา ท่ีอยู่ การติดต่อส่ือสาร

และข่าว ประชาสมัพนัธข์ององคก์ร รวมถึงการนําเสนอสินค้า

การบริการต่าง ๆ ของบริษทั

ด้านการประชาสมัพนัธอ์งคก์รและบริษทั

เป็นประโยชน์ทางการเงิน

• เวบ็ไซตท่ี์มีการนําเสนอข้อมลูทางการเงินและการลงทุนทาง

ธรุกิจต่างๆ อตัราการแลกเปล่ียนแปลงค่าเงิน บริการสาํหรบั

ทาํธรุกรรมการเงินออนไลน์ผ่านเครือข่ายอินเทอรเ์น็ต รวมไป

ถึงข่าวสารข้อมูลเศรษฐกิจท่ีสาํคญั

เป็นประโยชน์ทางการเงิน

ด้านความบนัเทิง

• เว็บเพจท่ีให้ความบันเทิงให้แก่ผู้ชม ไม่ว่าจะเป็นเว็บเพจ

ภาพยนตรเ์วบ็เพจดโูทรทศัน์ออนไลน์ เวบ็เพจฟังวิทยุออนไลน์

เวบ็เพจนําเสนอด้านคอมพิวเตอร ์ เวบ็เพจดดูวง เวบ็เพจเกมส์

ออนไลน์เป็นต้น ส่วนใหญ่เวบ็เพจเหล่าน้ีจะรวมกนัเป็นลกัษณะ

ของ สารบญัเวบ็ สามารถเลือกเข้าชมเวบ็ไหนก่อนกไ็ด้

ด้านความบนัเทิง

ด้านการศึกษา

• เวบ็เพจท่ีเผยแพร่ความรู้ด้านการศึกษา เป็นเวบ็ท่ีมีเอกสารท่ี

เช่ือมโยงถึงกนัได้ ทาํให้มีการรวบรวมความรู้ไว้เป็นคลงัขนาด

ใหญ่ ได้แก่ เวบ็ฐานข้อมลูวิทยานิพนธ ์ เวบ็ฐานข้อมลูห้องสมดุ

ออนไลน์ เวบ็การศึกษาระยะทางไกล (Distance Education)

หรือ E-learning

ด้านการศึกษา

ด้านการบริการ

• เวบ็เพจท่ีเผยแพร่ข้อมูลด้านการบริการ เวบ็ท่ีเก่ียวข้องคือเวบ็

เพจการท่องเท่ียว เวบ็เพจเก่ียวกบับริการมือถือ เวบ็เพจบริการ

ด้านการเงิน รวมถึงเวบ็บริการด้านระบบพาณิชย ์อิเลก็ทรอนิกส ์

(E- Commerce) การซ้ือขายผา่นระบบออนไลน์

ด้านการบริการ

ด้านการบริการ

การสืบค้นข้อมูล

• เว็บไชต์ท่ีมีความสามารถในการค้นหาเร่ืองราวต่าง ๆ ท่ีเรา

ต้องการโดยการใช้ คาํสาํคญั (Keyword) ท่ีบรรจไุว้ในเวบ็ไซต์ทาํ

ให้สามารถเช่ือมโยง ไปยงัข้อมูลท่ีเป็นเว็บเพจ รูปภาพ การ

เดินทาง แผนท่ี แผนท่ีทางภมิูศาสตรก์ารแปลภาษา

การสืบค้นข้อมูล

การบริการไปรษณียอิ์เลก็ทรอนิกส์

• เว็บเพจท่ีมีการให้บริการเพ่ือติดต่อส่ือสาร ระหว่างกันบน

เครือข่าย อินเทอรเ์น็ต โดยการติดต่ออาจจะเป็นลกัษณะของ

ข้อความธรรมดาหรือ การแนบเอกสาร การบริการ ลกัษณะน้ี

ได้แก่การบริการไปรษณียอิ์เลก็ทรอนิกส ์(อีเมล: E-mail) ซ่ึงมีผู้

ให้บริการอีเมลแอสเดรส หรือ ฟรีอีเมล ท่ีรู้จ ักกันดีได้แก่

http://www.hotmail.com, http://www.gmail.com และ

http://www.yahoo.com ตวัอย่างเวบ็เพจของ gmail.com

การบริการไปรษณียอิ์เลก็ทรอนิกส์

การดาวน์โหลดข้อมูล

• เวบ็ท่ีให้บริการดาวน์โหลดไฟล์ต่างๆ เช่น ไฟล์โปรแกรม ไฟล์

เ สี ย ง ไ ฟ ล์ รู ป ภ า พ แ ล ะ ไ ฟ ล์ มัล ติ มี เ ดี ย ต่ า ง ๆ เ ช่ น

http://download.cnet.com/windows

การดาวน์โหลดข้อมูล

บริการเครือข่ายสงัคม

• บริการเครือข่ายสงัคม (Social Network) เป็นเวบ็ไซต์ในการ

บริการเครือข่าย สําหรบัผู้ใช้ในสังคมออนไลน์มีหลกัการคือ

คอมพิวเตอรจ์ดัเกบ็ในรปูแบบฐานข้อมูล (Data base) มี การ

สนทนาโต้ตอบกนัแบบทันทีทนัใด ซ่ึงมีเว็บไซต์ท่ีนิยมกนัมาก

ได้ แ ก่ http://www.hi5.com, http://www.facebook.com,

http://www.skype.com, http://www.yahoo.co.th เป็นต้น

บริการเครือข่ายสงัคม

วิธีการสร้างเวบ็ไซต์

1. การสร้างเวบ็ไซตด้์วยโปรแกรมของเวบ็โฮสต์

ต้ิง (Web Hosting)

• เวบ็โฮสต์ต้ิง คือ การบริการให้เช่าพื้นท่ีหรือรบัฝากเวบ็ไซต์บน

เวบ็เซิรฟ์เวอร ์(Web Server) ซ่ึงทาํหน้าท่ีเป็นศูนย์กลางเกบ็

ข้อมูล สําหรบัเช่ือมบริการต่างๆ ผ่านทางอินเทอร์เน็ต เช่น

รปูภาพ วีดีโอ

http://www.thaiwebcenter.net/

http://www.thaiwebcenter.net

http://www.thaiwebcenter.net

http://www.thaiwebcenter.net

องคป์ระกอบในการพิจารณาเวบ็โฮสตต้ิ์ง

1. บริษทัท่ีให้บริการ/ความน่าเช่ือถือ

2. ความสามารถในการให้บริการ

3. จาํนวนของช่องทางในการเช่ือมต่ออินเทอรเ์น็ต

4. ฮารด์แวรท่ี์ให้บริการ

5. การตรวจสอบ/การสาํรองข้อมูล

6. การบริการทางเทคนิค

7. นโยบายในการให้บริการ

องคป์ระกอบในการเลือกความสามารถของเวบ็

โฮสตต้ิ์ง1. ระบบปฏิบติัการ

2. พืน้ท่ีในการให้บริการ

3. ความสามารถในการเข้าถึงขอ้มูล

4. การให้บริการทางอีเมล

5. การให้บริการด้านฐานข้อมูล

6. ภาษาท่ีให้บริการ

7. หมายเลข IP Address ท่ีได้รบั

8. ความปลอดภยัในการให้บริการ E-Commerce

9. ค่าใช้จ่าย

ข้อดีของการสร้างเวบ็ไซตด้์วยเวบ็โฮสตต้ิ์ง

1. สร้างเวบ็ไซตไ์ด้รวดเรว็

2. ไม่เสียค่าใช้จ่ายด้านฮารด์แวร ์และซอฟตแ์วร ์และ

ผูด้แูล

ข้อเสียของการสร้างเวบ็ไซตด้์วยเวบ็โฮสตต้ิ์ง

1. มีรปูแบบหน้าโฮมเพจให้เลือกน้อย

2. ไม่สามารถออกแบบได้ตามต้องการ

3. มีเน้ือท่ีจาํกดั (ฟรีเวบ็โฮสตต้ิ์ง)

4. ไม่รองรบัภาษาและโปรแกรม

5. ไม่มีความปลอดภยั

6. เสียค่าใช้จ่าย

2. การสร้างด้วยโปรแกรมสาํหรบัสร้างเวบ็ไซต์

• โปรแกรมท่ีช่วยในการสร้างเวบ็เพจมีอยู่หลายโปรแกรม

ซ่ึงสามารถจาํแนกได้ ดงัน้ี

2.1 โปรแกรมท่ีเขียนโค้ดเวบ็เพจด้วยภาษามารค์อพั

(Markup Language) และภาษาสคริปต ์(Script Language)

• ภาษามาร์คอัพ คือ ภาษาท่ีใช้วิธีการระบุเน้ือหาและ

จดัรปูแบบโครงสร้างข้อมลูด้วย Text File โดยภาษามารค์

อพัตวัแรก คือ GML ต่อมาพฒันาเป็น SGML, HTML,

XML, XHTML ตามลาํดบั

• การเขียนโค้ดเว็บเพจด้วยภาษาดงักล่าว รวมถึงภาษา

สคริปต์ซ่ึงเป็นภาษาท่ีทําให้เว็บเพจมีความสามารถใน

การติดต่อส่ือสารกับผู้ใช้ได้ คือ PHP, ASP.NET,

JavaScript เป็นต้น

ตวัอย่างโปรแกรม PHP ในการเขียน source code สาํหรบั

การ ทาํเวบ็

ท่ีมา : http://www.jobpub.com/articles/showarticle.asp?id=3382

ข้อดีโปรแกรมท่ีเขียนโค้ดเว็บเพจด้วยภาษามาร์คอัพ

(Markup Language) และภาษาสคริปต ์(Script Language)

• เป็นโปรแกรมท่ีให้ใช้งานฟรี เช่น Note Pad ท่ีมาพร้อม

กบัระบบปฏิบติัการ Windows

ข้อเสียโปรแกรมท่ีเขียนโค้ดเว็บเพจด้วยภาษามาร์คอัพ

(Markup Language) และภาษาสคริปต ์(Script Language)

• ผูพ้ฒันาเวบ็ไซต์จะต้องมีความสามารถในการเขียน

โปรแกรม

2.2 โปรแกรมท่ีใช้สร้างเวบ็เพจและจดัองค์ประกอบ

เวบ็เพจ

• ปัจจุบนัได้มีการพัฒนาโปรแกรมสําเร็จรูปท่ีใช้สร้าง

เว็บไซต์ได้อย่างง่ายเพียงนํารูปภาพและข้อความท่ี

ต้องการมาวางบนหน้าเว็บเพจและเพ่ิมลูกเล่นต่างๆ

ให้กับเว็บเพจ เช่น เสียงหรือภาพเคล่ือนไหว เช่น

Dreamweaver, FrontPage

ข้อดีของโปรแกรมท่ีใช้สร้างเวบ็เพจและจดั

องคป์ระกอบเวบ็เพจ

• ผู้พฒันาไม่จาํเป็นต้องเข้าใจโครงสร้างและคาํสัง่ของ

ภาษา

ข้อเสียของโปรแกรมท่ีใช้สร้างเวบ็เพจและจดั

องคป์ระกอบเวบ็เพจ

• ค่าใช้จ่ายซอฟตแ์วร์

3. การสร้างเวบ็ไซตด้์วยระบบบริหารจดัการเน้ือหา

เวบ็ไซต ์หรือ CMS (Content Management System)

• เป็นโปรแกรมท่ีผูใ้ช้สามารถเพ่ิมเติมหรือเปล่ียนแปลง

เน้ือหาได้ง่าย สะดวก ไม่ต้องเสียเวลาไปกบัการเขียน

โปรแกรม เช่น Mambo, Joomla, Wordpress

Mambo

Joomla

Wordpress

ข้อดีการสร้างเวบ็ไซตด้์วยระบบบริหารจดัการเน้ือหา

เวบ็ไซต ์หรือ CMS

1. ผูใ้ช้งานไม่จาํเป็นต้องมีความรู้เร่ืองการทาํเวบ็ไซต์

2. ไม่เสียเวลาในการพฒันาเวบ็ไซต ์ไม่เสียเงินจาํนวนมาก

3. ง่ายต่อการดแูล เพราะมีระบบจดัการทุกอย่างให้เราหมด

4. มีระบบจัดการท่ี เราสามารถหามาใส่เ พ่ิมได้มากมาย

อย่างเช่น ระบบแกลลอร่ี

5. สามารถเปล่ียนหน้าตาเวบ็ไซต์ได้ง่ายๆ เพียงแค่โหลดทีม

(Theme) ของ CMS นัน้ๆ

ข้อเสียการสร้างเวบ็ไซตด้์วยระบบบริหารจดัการ

เน้ือหาเวบ็ไซต ์หรือ CMS

1. ไม่สามารถสร้างเวบ็ไซตใ์ห้ตรงกบัความต้องการได้ทัง้หมด

2. ต้องดาว์นโหลดโปรแกรมเสริม (Extension) มาติดตัง้

เพ่ิมเติมแก่ระบบ ซ่ึงมีทัง้เสียค่าใช้จ่ายและไม่เสีย

ประเภทของเวบ็ไซตใ์นปัจจบุนั

• เว็บไซต์สามารถแบ่งออกได้เป็นกลุ่มใหญ่ๆ ได้ 8 ประเภท

ตามลกัษณะของเน้ือหาและรปูแบบของเวบ็ไซต์ กลุ่มเวบ็ทัง้

8 ประเภท ดงัน้ี

ท่ีมา : https://www.gotoknow.org/posts/162487

เวบ็ท่า (Portal site)

• หรือเว็บวาไรต้ี (variety web) คือ เว็บท่ีให้บริการต่างๆ

มากมาย มกัเป็นท่ีรวบรวมลิงค์ของเวบ็ไซต์ท่ีน่าสนใจไว้ให้

ได้ค้นหา รวมถึงบริการ สาระและบันเทิง เช่น ดูหนัง

ฟังเพลง ดดูวง ท่องเท่ียว IT เกม สขุภาพ หรืออ่ืนๆ

• เวบ็ท่ายงัมีลกัษณะในการเป็นแหล่งแลกเปล่ียนความคิดเหน็

ของผู้คนในสงัคมในเร่ืองเก่ียวกบัประเดน็ต่างๆ ซ่ึงเรียกว่า

เวบ็ชุมชน (community web) คือเป็นเวบ็ท่ีให้บริการพื้นท่ีแก่

ก ลุ่ ม ค น ผู้ ท่ี มี ค ว า ม ส น ใ จ ใ น เ ร่ื อ ง เ ดี ย ว กัน ไ ด้ เ ข้ า ม า

แลกเปล่ียนและแสดงความคิดเหน็กนั

เวบ็ท่า (Portal site)

เวบ็ข่าว (News site)

• เ ว็บ ไ ซ ต์ ท่ี ส ร้ า ง ขึ้ น โ ด ย อ ง ค์ ก ร ส่ื อ ส า ร ม ว ล ช น เ ช่ น

สถานีโทรทัศน์ สถานีวิทยุ หนังสือพิมพ์ นิตยสาร วารสาร

หรือแม้กระทัง่กระทรวง ทบวง กรมต่างๆ

• แต่องค์กรเหล่าน้ีได้นําเว็บไซต์มาใช้เป็นเคร่ืองมือในการ

ส่ือสารอีกรูปแบบหน่ึง เพ่ือนําเสนอข่าวและสาระท่ีเป็นการ

สรปุใจความสาํคญัหรือรวบรวมเน้ือหาจากข่าวในรอบเดือน

หรือรอบปี ซ่ึงช่วยให้ผู้ใช้สามารถค้นหาข้อมูลและติดตาม

ข่าวสารได้ทุกท่ีทุกเวลา แม้ว่าจะอยู่ท่ีใดกต็าม

เวบ็ข่าว (News site)

เวบ็ธรุกิจหรือการตลาด (Business/ Marketing

site)

• เวบ็ไซต์ท่ีมกัสร้างขึ้นโดยองค์กรธุรกิจต่างๆ มีจุดมุ่งหมาย

หลกัในการประชาสมัพนัธอ์งคก์รและเพ่ิมผลกาํไรทางการค้า

โดยเน้ือหาส่วนใหญ่หรือเกือบทัง้หมดมกัจะเป็นการนําเสนอ

ท่ีมีความน่าสนใจและตรงใจกลุ่มเป้าหมายมากท่ีสุด ทัง้น้ี

เพ่ือผลกาํไรทางธรุกิจนัน่เอง

เวบ็ธรุกิจหรือการตลาด (Business/ Marketing site)

เวบ็การศึกษา (Education site)

• เว็บท่ีสร้างขึ้นโดยสถาบันการศึกษาท่ีมีนโยบายในการ

เผยแพร่ความรู้ และให้โอกาสในการค้นคว้าหาข้อมูลเพ่ือ

การศึกษาแก่นักศึกษาและประชาชนทัว่ไป เว็บท่ีเก่ียวกบั

การศึกษาโดยตรงนัน้ เช่น

- เวบ็ของสถาบนัการศึกษา

- ห้องสมดุ

- อี-เลิรน์น่ิง (e-learning) เป็นต้น

เวบ็การศึกษา (Education site)

เวบ็บนัเทิง (Entertainment site)

• มุ่งนําเสนอและให้บริการต่างๆ เพ่ือสร้างความบันเทิง

โดยทัว่ไปอาจนําเสนอเร่ืองราวเก่ียวกบัการบนัเทิงทัว่ไป เช่น

ดนตรี ภาพยนตร์ ดารา กีฬา ความรกั บทกลอน การ์ตูน

เร่ืองขาํขนั รวมถึงการให้บริการดาวน์โหลดโลโก้และริงโทน

สาํหรบัโทรศพัทเ์คล่ือนท่ีอีกด้วย

• เวบ็ประเภทน้ีอาจมีรปูแบบท่ีเป็นอินเตอรแ์อคทีฟท่ีต่ืนตาต่ืน

ใจ หรือใช้เทคโนโลยีมลัติมิเดียได้มากกว่าเวบ็ประเภทอ่ืน

เวบ็บนัเทิง (Entertainment site)

เวบ็องคก์รท่ีไม่แสวงหาผลกาํไร (None-profit

organization site)

• เวบ็ท่ีสร้างขึ้นโดยกลุ่มบุคคลหรือองค์กรต่างๆ ท่ีมีนโยบาย

ในการสร้างสรรคท่ี์ช่วยเหลือสงัคมโดยท่ีไม่หวงัผลกาํไรหรือ

ค่าตอบแทน ซ่ึงกลุ่มบุคคลหรือองค์กรเหล่าน้ีได้แก่ สมาคม

ชมรม มูลนิธิ และโครงการต่างๆ โดยอาจมีจุดประสงค์

เฉพาะท่ีแตกต่างกนั เช่น เพ่ือทําความดี สร้างสรรค์สงัคม

พิทักษ์ส่ิงแวดล้อม ปกป้องสิทธิมนุษยชน รณรงค์ไม่ให้สูบ

บุหร่ี หรืออาจรวมตวักนัเพ่ือดแูลผลประโยชน์ของสมาชิกใน

กลุ่ม

เวบ็องคก์รท่ีไม่แสวงหาผลกาํไร (None-profit

organization site)

เวบ็องคก์รท่ีไม่แสวงหาผลกาํไร (None-profit

organization site)

เวบ็ส่วนตวั (personal site)

• เว็บส่วนตัวอาจเป็นเว็บของคนๆ เดียว เ พ่ือนฝูง หรือ

ครอบครวักไ็ด้ โดยอาจจดัทําขึ้นด้วยเหตุผลท่ีแตกต่างกนั

เช่น แนะนํากลุ่มเพ่ือน โชวร์ปูภาพ แสดงความคิดเหน็ เขียน

ไดอาร่ีประจําวัน นําเสนอผลงาน ถ่ายทอดประสบการณ์

เก่ียวกบัส่ิงท่ีเช่ียวชาญหรือสนใจ โดยทัง้หมดน้ีอาจทําเป็น

เวบ็ไซตห์รือเป็นเพียงเวบ็เพจหน้าเดียวกไ็ด้

เวบ็ส่วนตวั (personal site)

ขนาดของหน้าโฮมเพจ

• การออกแบบหน้าโฮมเพจให้มีความสมัพนัธ์กบัขนาดของ

หน้าจอคอมพิวเตอรท่ี์กาํลงัใช้งานอยู่ในขณะนัน้

• ขนาดเว็บไซต์ท่ีเป็นมาตรฐานจะสามารถแสดงข้อมูลได้

อย่างครบถ้วนชดัเจน

• ขนาดของหน้าเวบ็ไซตท่ี์นิยมใช้มากท่ีสดุมี 2 ประเภท คือ

1. ขนาด 800px x 600px

• เป็นขนาดมาตรฐานท่ีใช้กบัจอคอมพิวเตอรไ์ด้ทุกขนาด

ขนาดเวบ็ไซตแ์บบ 800x600 แสดงผลในหน้าจอ

คอมพิวเตอรข์นาด 800x600

ขนาดเวบ็ไซตแ์บบ 800x600 แสดงผลในหน้าจอ

คอมพิวเตอรข์นาด 1024x768

2. ขนาด 1024px x 768px

• เ ป็นขนาด ท่ีกําลัง ไ ด้ร ับค วามนิย มเ พ่ิมขึ้นในปัจจุบ ัน

เน่ืองจากจอคอมพิวเตอร์มีการแสดงผลจอภาพท่ีมีความ

ละเอียดมากขึ้น

ขนาดเวบ็ไซตแ์บบ 1024x768 แสดงผลในหน้าจอ

คอมพิวเตอรข์นาด 800x600

ʋǹ»ÃСͺ¢Í§àÇçºä«µ�

ʋǹ»ÃСͺ¢Í§àÇçºä«µ�

1) ʋǹËÑÇ (Page Header)

2) ʋǹ¢Í§à¹×éÍËÒ (Page Body)

3) ʋǹ·ŒÒ (Page Footer)

ʋǹËÑÇ (Page Header)

ÍÂÙ‹µÍ¹º¹ÊØ´¢Í§Ë¹ŒÒ ໚¹ºÃÔ àdz·ÕèÊíÒ¤ÑÞ·ÕèÊØ´ à¹×èͧ¨Ò¡¼ÙŒãªŒ¨ÐÁͧàË繡‹Í¹ºÃÔàdzÍ×è¹ Ê‹Ç¹ãËÞ‹¹ÔÂÁÇÒ§âÅâ¡Œ ª×èÍàÇçºä«µ� »‡ÒÂâ¦É³Ò ÅÔ§¤�ÊíÒËÃѺµÔ´µ‹ÍËÃ×ÍÅÔ§¤�·ÕèÊíÒ¤ÑÞáÅÐÃкº¹íÒ·Ò§

ʋǹ¢Í§à¹×éÍËÒ (Page Body)

ÍÂÙ‹µÍ¹¡ÅÒ§¢Í§Ë¹ŒÒ 㪌áÊ´§à¹×éÍËÒÀÒÂã¹àÇçºà¾¨«Ö觻ÃСͺ Œ́Ç¢ŒÍ¤ÇÒÁ ÀÒ¾¡ÃÒ¿�¡ µÒÃÒ§¢ŒÍÁÙÅ áÅÐÍ×è¹æ

ºÒ§¤ÃÑé§àÁ¹ÙËÅÑ¡ËÃ×ÍàÁ¹Ù੾ÒСÅØ‹ÁÍÒ¨¨ÐÁÒÍÂÙ‹ã¹Ê‹Ç¹¹Õé â´ÂÁÑ¡¨ÐÇÒ§äÇŒ Œ́Ò¹«ŒÒÂÁ×ÍÊØ´à¾×èͼٌ㪌¨ÐÁͧàË繧‹Ò¡NjÒ

ʋǹ·ŒÒ (Page Footer)

ÍÂÙ‹·ŒÒÂÊØ´¢Í§Ë¹ŒÒàÇçºà¾¨ â´ÂʋǹãËÞ‹¹ÔÂÁÇÒ§Ãкº¹íÒ·Ò§ÀÒÂã¹àÇçºä«µ�·Õè ໚¹ÅÔ§¤�¢ŒÍ¤ÇÒÁ§‹ÒÂæ ª×èÍ਌Ңͧ ¢ŒÍ¤ÇÒÁáÊ´§ÅÔ¢ÊÔ·¸Ôì e-mail ¢Í§¼ÙŒ Ù́áÅàÇçºä«µ�

ส่วนประกอบในหน้าโฮมเพจ

โลโก้ (LOGO)

• โลโก้เป็นส่ิงสาํคญัท่ีจะช่วยให้ผู้เข้าชมสามารถจดจาํเวบ็ไซต์

ได้ รวมทัง้ทาํให้เวบ็นัน้มีเอกลกัษณ์ นิยมวางอยู่มุมซ้ายของ

หน้าโฮมเพจ

โลโก้ (LOGO)

ตาํแหน่งโลโก้ ความสามารถในการจดจาํ

บนซา้ย 84%

บนขวา 6%

บนกลาง 6%

ทีอ่ื่นๆ 4%

เวบ็ไซตท่ี์จดัวางโลโก้ไว้มุมบนด้านซ้าย

เวบ็ไซตท่ี์จดัวางโลโก้ไว้มุมบนด้านซ้าย

เวบ็ไซตท่ี์จดัวางโลโก้ไว้มุมบนด้านซ้าย

เมนูหลกั (Link Menu)

• จุดเช่ือมโยงไปยงัส่วนต่างๆ ในเว็บไซต์เดียวกนัหรือต่าง

เวบ็ไซต์ รปูแบบของเมนูท่ีนิยมใช้กนั คือ เมนูแบบแนวนอน

และเมนูแบบแนวตัง้

เมนูแบบแนวนอน

เมนูแบบแนวนอน

เมนูแบบแนวตัง้

ป้ายโฆษณา (Banner)

• เว็บไซต์ ท่ี มีโฆษณาจะช่วยส่งเสริมภาพลักษณ์ ความ

น่าเช่ือถือ และกระตุ้นความสนใจของผู้เข้าชมได้ดีย่ิงข้ึน

เพราะมีการใช้ภาพเคล่ือนไหวหรือลกูเล่นต่างๆ ประกอบ

• จากการวิจัย พบว่า ภาพเคล่ือนไหวจะช่วยให้เว็บไซต์ดู

น่าสนใจเพ่ิมข้ึนถึง 30%

ป้ายโฆษณา (Banner)

ป้ายโฆษณา (Banner)

ภาพประกอบและเน้ือหา (Images and Content)

• ภาพประกอบและเน้ือหาเป็นส่วนสําคญัอย่างย่ิงท่ีจะทําให้

ผูช้มอยากจะเข้ามาเย่ียมชม

• ควรมีการปรบัปรงุเน้ือหาอยู่เสมอ

• เน้ือหามีความน่าสนใจ

• มีรปูแบบท่ีอ่านง่าย

• เน้ือหาพอดี

• มีรปูภาพประกอบการบรรยายท่ีครบถ้วน

ภาพประกอบและเน้ือหา (Images and Content)

• การใช้ภาพประกอบท่ีสวยงามและฟอนต์ท่ีอ่านง่ายจะช่วยให้

เน้ือหาของเวบ็ไซตมี์ความน่าสนใจมากขึ้นถึง 40-50%

ภาพประกอบและเน้ือหา (Images and Content)

ภาพประกอบและเน้ือหา (Images and Content)