# data[].attributes.attachment_link.readable_text
ในหัวข้อก่อนหน้านี้เราได้ศึกษาเรื่องการออกแบบเว็บไซต์ (Site Design) ซึ่งเป็นภาพรวมไปแล้ว ได้แก่
3.1 การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design)
3.2 การออกแบบระบบเนวิเกชั่น (Site Navigation Design)

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

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

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

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

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

ชื่อเว็บไซต์

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

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

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

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

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

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

โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเพจ

ตัวอย่าง แสดงส่วนประกอบของหน้าเว็บเพจ (trendypet.com)
Next 3.3.2 โครงสร้างและรูปแบบของเว็บเพจ "

# data[].attributes.attachment_link.title
3.3.1 ส่วนประกอบของหน้าเว็บเพจ

# data[].attributes.attachment_link.description
ในหัวข้อก่อนหน้านี้เราได้ศึกษาเรื่องการออกแบบเว็บไซต์ (Site Design) ซึ่งเป็นภาพรวมไปแล้ว ได้แก่ 3.1 การออกแบบโครงสร้างเว็บไซต์ (Site Structure Design) 3.2 การออกแบบระบบเนวิเกชั่น (Site Navigation Design) ในหัวข้อนี้เราจะได้ศึกษาในรายละเอียดการออกแบบหน้าเว็บเพจ (Page Design) ซึ่งเป็นส่วนประกอบของเว็บไซต์กันค่ะ 3.3 การออกแบบเว็บเพจ (Page Design) แบ่งออกเป็น 3 ส่วนหลักๆ คือ 1. ส่วนหัวของหน้า (Page Header) เป็นส่วนที่อยู่ตอนบนสุดของหน้า และเป็นส่วนที่สำคัญที่สุดของหน้า เพราะเป็นส่วนที่ดึงดูดผู้ชมให้ติดตามเนื้อหาภายในเว็บไซต์ มักใส่ภาพกราฟฟิกเพื่อสร้างความประทับใจ ส่วนใหญ่ประกอบด้วย โลโก้ (Logo) เป็นสิ่งที่เว็บไซต์ควรมี เป็นตัวแทนของเว็บไซต์ได้เป็นอย่างดี และยังทำให้เว็บน่าเชื่อถือ ชื่อเว็บไซต์ เมนูหลักหรือลิงค์ (Navigation Bar) เป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์ 2.ส่วนของเนื้อหา (Page Body) เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ซึ่งประกอบด้วยข้อความ, ตารางข้อมูล ภาพกราฟิก วีดีโอ และอื่นๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย สำหรับส่วนเนื้อหาควรแสดงใจความสำคัญที่เป็นหัวเรื่องไว้บนสุด ข้อมูลมีความกระชับ ใช้รูปแบบตัวอักษรที่อ่านง่าย และจัด Layout ให้เหมาะสมและเป็นระเบียบ 3.

# data[].attributes.attachment_link.title
งานนำเสนอครูจุด

# data[].attributes.headline
ด.ช.ชนธนพัฒน์ เลิศอุทัยทรัพย์ เลขที่2 ป.6/8

# data[].attributes.subject
ด.ช.ชนธนพัฒน์ เลิศอุทัยทรัพย์ เลขที่2 ป.6/8

# data[].attributes.body
ด.ช.อภิวิชญ์ ภูลศิริกูล เลขที่12 ป.6/8

# data[].attributes.body
ด.ญ.ญริดา รัตนวรรณี เลขที่ 25 ป.6/8

# data[].attributes.headline
ด.ช.อภิรักษ์  นาวงหา เลขที่3 ป.6/8

# data[].attributes.subject
ด.ช.อภิรักษ์  นาวงหา เลขที่3 ป.6/8

# data[].attributes.body
ด.ช.เลิศดนัย ควรมงคลเลิศ เลขที่9 ป.

# data[].attributes.headline
ด.ช.สิริโชค จงธนโชติ เลขที่ 10

# data[].attributes.subject
ด.ช.สิริโชค จงธนโชติ เลขที่ 10

# data[].attributes.body
ด.ช.สกลธร คงอ่อน เลขที่ 15

# data[].attributes.attachment_link.title
งานนำเสนอ เจตนาของประโยค

# data[].attributes.headline
ด.ช.กฤตณกร  โลกเลื่อง เลขที่ 16

# data[].attributes.subject
ด.ช.กฤตณกร  โลกเลื่อง เลขที่ 16

# data[].attributes.body
ด.ญ. พิมพิชญา  คงธนชโยพิทย์ เลขที่ 30

# data[].attributes.attachment_link.title
รายงาน ภาพพจน์1