Header คือ ส่วนใดของเว็บไซต์

คุกกี้พื้นฐานที่จำเป็น เพื่อช่วยให้การทำงานหลักของเว็บไซต์ใช้งานได้ รวมถึงการเข้าถึงพื้นที่ที่ปลอดภัยต่าง ๆ ของเว็บไซต์ หากไม่มีคุกกี้นี้เว็บไซต์จะไม่สามารถทำงานได้อย่างเหมาะสม และจะใช้งานได้โดยการตั้งค่าเริ่มต้น โดยไม่สามารถปิดการใช้งานได้


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


คุกกี้ในส่วนการตลาด ใช้เพื่อติดตามพฤติกรรมผู้เข้าชมเว็บไซต์เพื่อแสดงโฆษณาที่เหมาะสมสำหรับผู้ใช้งานแต่ละรายและเพื่อเพิ่มประสิทธิผลการโฆษณาสำหรับผู้เผยแพร่และผู้โฆษณาสำหรับบุคคลที่สาม

     คือการกำหนดส่วนต่างๆของหน้าเว็บ เช่น ส่วนหัว เมนู ส่วนเนื้อหา หรือส่วนท้าย เป็นต้น ซึ่งเราจะต้องออกแบบก่อนเป็นอันดับต้นๆ ส่วนประกอบต่างให้ดูใน  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 เลยครับ

ในหัวข้อนี้เราจะได้ศึกษาในรายละเอียดการออกแบบหน้าเว็บเพจ (Page Design) ซึ่งเป็นส่วนประกอบของเว็บไซต์กันค่ะ

3.3 การออกแบบเว็บเพจ (Page Design)

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

แบ่งออกเป็น 3 ส่วนหลักๆ คือ

1. ส่วนหัวของหน้า (Page Header)

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

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

.

2.ส่วนของเนื้อหา (Page Body)

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

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

.

3. ส่วนท้ายของหน้า (Page Footer)

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

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

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

 

Header คือ ส่วนใดของเว็บไซต์

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

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

Header คือ ส่วนใดของเว็บไซต์

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

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

Header คือ ส่วนใดของเว็บไซต์

 

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

Header คือ ส่วนใดของเว็บไซต์
ตัวอย่างหน้าอ่านบทความ

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

Header คือ ส่วนใดของเว็บไซต์

 

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

 

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