ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

ส่วนประกอบของหน้าเว็บเพจ

แบ่งเป็น 3 ส่วน


1. ส่วนหัว (Page Header)  จะอยู่บริเวณบนสุดของหน้าเว็บเพจ เป็นส่วนที่แสดงชื่อ
เว็บไซต์ โลโก้ แบนเนอร์โฆษณาลิงก์สำหรับข้ามไปยังหน้าเว็บอื่น

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

2. ส่วนเนื้อหา (Page Body)  จะอยู่บริเวณตอนกลางของหน้าเว็บเพจ ซึ่งเป็นส่วนที่แสดงเนื้อหาภายในหน้าเว็บเพจนั้น
โดยประกอบด้วยข้อความ ข้อมูล ภาพเคลื่อนไหว เป็นต้น

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

3. ส่วนท้าย (Page Footer)  จะอยู่บริเวณด้านล่างสุดของหน้าเว็บเพจ ส่วนมากใช้สำหรับลิงก์ข้อความสั้น ๆ เข้าใจง่าย หรือจะมีชื่อเจ้าของ
เว็บไซต์ อีเมลแอดเดรสของผู้ดูแลเว็บไซต์สำหรับติดต่อกับทางเว็บไซต์

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

     คือการกำหนดส่วนต่างๆของหน้าเว็บ เช่น ส่วนหัว เมนู ส่วนเนื้อหา หรือส่วนท้าย เป็นต้น ซึ่งเราจะต้องออกแบบก่อนเป็นอันดับต้นๆ ส่วนประกอบต่างให้ดูใน  http://chumpen-web-programming.blogspot.com/2014/08/header-navigator-contents-footer.html ได้เลยครับ แต่หน้านี้ผมจะพูดถึงการออกแบบ Layout เป็นหลักครับ      สิ่งที่ผมนำมาใช้ในการออกแบบ layout ก็คือโปรแกรมแต่งภาพ เพราะเราจะต้องรู้และเข้าใจถึงความสัมพันธ์ของขนาดหน้าเว็บ หน้าจอ และส่วนต่างๆ ใน layout ส่วนตัวโปรแกรมที่ผมใช้และแนะนำให้ใช้ก็คือ inkscape เพราะเป็นโปรแกรมฟรี download มาใช้ได้เลย ไม่ต้องเสียค่าใช้จ่าย ส่วนขั้นตอนการติดตั้ง ตาม วิดีโอครับ (แต่บอกกันไว้ก่อน การใช้งาน Inkscape นั้นสุดง่ายครับ ถ้าใครคิดว่าเป็นมือโปรทาง Graphic ละก็อย่าใช้ครับ 5555) Download Inkscape คลิกที่นี่ การติดตั้ง Inkscape บน Windows7 บน Linux บน Mac การออกแบบ Layout ใน Inkscape      เริ่มโดยการ เขียนบนกระดาษก่อน ร่างแบบจัดว่างส่วนต่างตามแต่ใจเราครับ ว่าจะเอาอะไรวางไว้ที่ไหน จากนั้นเปิด inkscape ขึ้นมาครับ ทำตาม video เลยครับ

หลายคนคงเคยเข้าเว็บไซต์กันมาเยอะแล้ว แต่รู้กันหรือเปล่าว่าส่วนประกอบของเว็บไซต์หรือเว็บเพจมีอะไรกันบ้างบทความนี้มีคำตอบให้ทุกคนจ้า

ส่วนประกอบของหน้าเว็บเพจแบ่งออกเป็น 3 ส่วนหลักๆ ดังนี้ค่ะ 😎

 

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

1.ส่วนหัวของหน้าเว็บไซต์(Page Header) มีส่วนประกอบดังนี้

  • โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมีเป็นสัญลักษณ์ตัวแทนของเว็บไซต์และยังทำให้เว็บน่าเชื่อถือ
  • ชื่อเว็บไซต์
  • เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์ เช่น ลิงค์หน้า home,ลิงค์หมวดหมู่ต่างๆ ของบความ ,ปุ่ม login ,logout หรือ ปุ่มสมัครสมาชิก (register) แสดงอยู่ใน Page Header  เป็นต้น
  • อื่นๆ คือจะมีการใส่อย่างอื่นเพิ่มเข้ามาตามความสวยงามและความเหมาะสมในแต่ละเว็บ เช่น
    • บางเว็บจะปุ่ม search แสดงอยู่ใน Page Header 

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

2.ส่วนของเนื้อหา (Page Body) ซึ่งในส่วนของเนื้อหาจะแตกต่างกันไปในแต่ละเว็บ และแต่ละหน้าของเว็บไซต์ ซึ่งแอดมินจะยกตัวอย่าง 3 หน้าหลักๆ ในเว็บดังนี้ 

  •  หน้า home จะเป็นการรวมเนื้อหาเด่นๆ ที่น่าสนใจในเว็บเพื่อทำให้เว็บดูน่าสนใจ เพราะผู้ใช้พอเข้ามาในเว็บจะเจอหน้า home เป็นหน้าแรก 

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

 

  • หน้ารวมบทความและหน้าอ่านรายละเอียดของบทความ  เว็บข่าวหรือเว็บประเภทบทความหรือ blog ส่วนใหญ่จะมีแบ่งส่วนของเนื้อหาออกเป็น 2 คอลัมล์ย่อย คือซ้ายมือจะเป็นเนื้อหาหลัก และคอลัมน์ขวามือจะแสดงโฆษณาและหัวข้อข่าวอื่นๆ 

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง
ตัวอย่างหน้าอ่านบทความ

3. ส่วนท้ายของหน้า (Page Footer)  โดยส่วนใหญ่จะมีส่วนประกอบคล้ายๆ กับส่วนหัวของเพจ (Page Header) คือ จะมีลิงค์หรือเมนู เงื่อนไขข้อตกลงการใช้บริการ,่ที่อยู่หรือข้อมูลติดต่อ เป็นต้น

ส่วนท้ายของเว็บไซต์มีอะไรบ้าง

 

ส่วนประกอบของหน้าเว็บเพจทั้ง 3 ส่วนที่กล่า่วมาข้างต้น ถ้าลองเข้าไปดูในแต่ละเว็บไซต์จะเห็นว่ามีลักษณ์ที่แตกต่างกันออกไปบ้าง ซึ่งก็แล้วแต่ความความเหมาะสมของแต่ละเว็บไซต์เพราะแต่ละเว็บมีข้อมูลที่นำมาแสดงในเว็บมากน้อยแตกต่างกัน

 

ถ้าพูดถึงเว็บไซต์แล้วก็ต้องพูดถึงโฆษณา เว็บในโลกนี้ส่วนใหญ่ก็จะมีโฆษณาเพื่อหารายได้ทั้งนั้น ยิ่งพื้นที่โฆษณาใดอยู่บนๆ ของเว็บ ค่าลงโฆษณาในตำแหน่งนั้นบนเว็บจะแพงไปด้วย ซึ่งโฆษณา หรือ banner ในแต่ละเว็บก็จะปรากฏอยู่ได้ทั้งในส่วนของ ส่วนหัวของหน้า (Page Header) ,ส่วนของเนื้อหา (Page Body)  และส่วนท้ายของหน้า (Page Footer) อยู่ที่ความเหมาะสมของตำแหน่ง banner ที่แต่ละเว็บกำหนดขึ้นมาค่ะ 

เว็บไซต์ที่ดี ต้องมีการออกแบบที่ดี และส่วนประกอบของเว็บไซต์ที่ดี โดยโครงสร้างของเว็บไซต์โดยจะมีส่วนหลักๆอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้

1. ส่วนหัวของหน้า (Page Header)
เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของ หน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ มักใส่ภาพกราฟิกเพื่อสร้างความประทับใจ ส่วนใหญ่ประกอบด้วย
โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือ
ชื่อเว็บไซต์
เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์

2. ส่วนของเนื้อหา (Page Body)
เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย

สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ

3. ส่วนท้ายของหน้า (Page Footer)
เป็นส่วนที่อยู่ด้านล่างสุดของหน้า มักวางระบบนำทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์, ข้อความแสดงลิขสิทธิ์, วิธีการติดต่อกับผู้ดูแลเว็บไซต์, คำแนะนำการใช้เว็บไซต์ เป็นต้น โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเพจ

ขอบคุณ: Page Wynnsoft Solution