20 ส่วนหลักของหน้าเว็บ



ส่วนของ หน้าเว็บ พวกเขาถูกแบ่งออกเป็นองค์ประกอบด้านหน้าและองค์ประกอบด้านหลัง ชิ้นส่วนเหล่านี้โต้ตอบซึ่งกันและกันเป็นระบบเพื่อสร้างพื้นที่ที่เหมาะสมสำหรับผู้ใช้.

องค์ประกอบด้านหน้าคือองค์ประกอบที่สามารถมองเห็นได้เช่นหน้าแรก (หรือ หน้าแรก) โลโก้ของหน้าเนื้อหาแถบค้นหารูปภาพโฆษณาและองค์ประกอบอื่น ๆ ที่เป็นส่วนหนึ่งของการออกแบบเว็บเพจ.

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

ไม่ใช่ทุกหน้าเว็บที่มีส่วนเดียวกัน ตัวอย่างเช่นระบบซื้อ - ขายจะปรากฏเฉพาะในแพลตฟอร์มการค้าเช่น Amazon หรือ E-Bay.

ส่วนหลักและส่วนทั่วไปในหน้าเว็บ

องค์ประกอบด้านหน้า

1- โครงสร้างการนำทาง

โครงสร้างการนำทางเป็นพื้นฐานของหน้าเว็บ นั่นคือมันประกอบด้วยลิงก์ทั้งหมดที่สนับสนุนเว็บไซต์: ลิงก์ที่เปลี่ยนเส้นทางไปยังหน้าหลักลิงค์เมนูบทความ (ถ้ามี) และอื่น ๆ.

2- หน้าหลัก

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

3- โลโก้

โลโก้เป็นสัญลักษณ์ที่ระบุหน้า มันมักจะอยู่ที่มุมซ้ายบน.

เว็บไซต์หลายแห่งสร้างลิงค์ระหว่างโลโก้และโฮมเพจดังนั้นคุณจะถูกนำไปยังหน้าแรกหากคุณคลิกที่โลโก้.

4- เนื้อหา

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

หน้าเว็บที่ดีจะเผยแพร่เนื้อหาในส่วนข้อมูล (พร้อมชื่อและคำบรรยาย) ด้วยวิธีนี้ผู้ใช้สามารถอ่านได้ง่ายขึ้น.

5- ส่วนหัว

ส่วนหัวเป็นชื่อเรื่องของบทความที่เป็นส่วนหนึ่งของหน้า เหล่านี้มาพร้อมกับวรรคสองหรือสามบรรทัด นี่เป็นบทสรุปที่พยายามดึงดูดความสนใจของผู้ใช้.

6- เมนู

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

7- โฆษณา

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

โฆษณาแบบคงที่คือรูปภาพข้อความหรือทั้งสองอย่างรวมกัน ภาพเคลื่อนไหวสามารถเป็นรูปภาพ GIF วิดีโอป๊อปอัป (โฆษณาที่ปรากฏเป็นโฆษณาป๊อปอัป) และอื่น ๆ.

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

8- แถบค้นหา

แถบค้นหาเป็นพื้นที่ที่ให้คุณสามารถเรียกดูเว็บเพจผ่านคำหลัก โดยปกติจะถูกระบุด้วยแว่นขยาย.

9- องค์ประกอบมัลติมีเดีย

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

10- ท้ายกระดาษ

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

องค์ประกอบด้านหลัง

1- ระบบการเข้ารหัส

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

2- ระบบค้นหา

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

3- ระบบการหมุนภาพ

บางหน้าเปลี่ยนภาพโดยอัตโนมัติ สิ่งนี้ทำผ่านระบบการหมุนที่เข้ารหัสภาพเพื่อให้พวกมันสลับกันบ่อยๆ.

4- ระบบซื้อ - ขาย

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

5- ระบบการลงทะเบียน

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

6- การดาวน์โหลดไฟล์

ไฟล์บางไฟล์ที่อยู่บนหน้าสามารถดาวน์โหลดได้หากโปรแกรมเมอร์อนุญาต พวกเขาสามารถเก็บถาวรจากภาพเอกสารเสียงและวิดีโอ.

7- ฐานข้อมูลออนไลน์

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

8- แชท

การแชทเป็นช่องว่างที่ผู้ใช้สามารถโต้ตอบซึ่งกันและกัน มีหน้าเฉพาะสำหรับวัตถุประสงค์นี้โดยเฉพาะ (เครือข่ายสังคมออนไลน์เช่น Facebook และ Twitter) หน้าอื่นนำเสนอการแชทเพื่อให้ผู้ใช้สามารถแสดงความคิดเห็นเกี่ยวกับคุณภาพของเว็บไซต์ (เช่นบล็อกและหน้าขายการซื้อ).

9- ความปลอดภัย

เว็บเพจเก็บข้อมูลสำคัญเกี่ยวกับผู้ใช้: ชื่อหมายเลขประจำตัวหมายเลขโทรศัพท์บัตรเครดิตและอื่น ๆ ดังนั้นระบบรักษาความปลอดภัยที่ช่วยให้ข้อมูลนี้ปลอดภัย.

10- โดเมน

โดเมนคือที่อยู่ของหน้า ด้วยวิธีนี้ทุกคนสามารถเข้าถึงเว็บไซต์.

การอ้างอิง

  1. ส่วนประกอบของเว็บไซต์ สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก stratecomm.com
  2. บางส่วนของหน้าเว็บ สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก thinkco.com
  3. โครงสร้างหน้าและการออกแบบเว็บไซต์ สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก webstyleguide.com
  4. องค์ประกอบของหน้าเว็บ สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก tech-ict.com
  5. เว็บไซต์และส่วนต่าง ๆ ของเว็บไซต์ สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก macmillandictionary.com
  6. 5 ส่วนของเว็บไซต์และแนวโน้มการออกแบบในปี 2015 สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก sumofy.me
  7. กายวิภาคของเว็บเพจ สืบค้นเมื่อวันที่ 19 กันยายน 2017 จาก htmlbasictutor.ca