ส่วนประกอบของเว็บไซต์

แชร์เนื้อหานี้

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

ส่วนประกอบที่จะแสดงเหมือนกันในทุกหน้าเป็นแบบเดียวกัน จะเรียกว่า ส่วน Layout

ส่วน Layout ของเว็บไซต์
1. Header ด้านบนสุดของเว็บไซต์
– ไว้แสดง logo, banner, สิ่งที่ต้องให้เด่นที่สุดในเว็บไซต์
2. Footer ด้านล่าสุดของเว็บไซต์
– ส่วนใหญ่จะแสดง ข้อมูลในการติดต่อเช่น เบอร์โทรศัพท์ ชื่อบริษัท ลิงค์ที่สำคัญๆ เช่น เงื่อนไขในการใช้เว็บไซต์
3. Navigation หรือเมนูในการท่องเว็บ
– Main Menu เมนูหลักเช่นลิงค์ about us, contact us, products, news, homepage
– Sub Menu อย่างเช่นแสดงลิงค์ หมวดหมู่สินค้า

ส่วน Body และส่วน Content
ในส่วนที่หน้าต่างๆ ไม่เหมือนกันจะเป็นเป็นส่วนที่เรียกว่า Body ของหน้าปกติจะอยู่ตรงกลางระหว่าง Header – Footer ส่วนใหญ่ก็ไม่ได้เรียก Body กันหรอกครับ ถ้าพูดถึง Body ของหน้าไหนก็จะพูดว่าอยากจะปรับหน้านั้นให้เป็นแบบไหนฯลฯ เช่น ผมขอแก้หน้า News ให้มีจำนวนรายการข่าวมากขึ้น

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

ประเภทของหน้าเว็บไซต์
ในเว็บไซต์ที่หน้าที่จะต้องมีแน่นอนคือหน้า Front-end ( หน้าบ้าน หรือ หน้าเว็บไซต์ )
– คือหน้าที่ลูกค้าหรือคนที่เข้าเว็บใช้งาน

บางเว็บไซต์จะมีหน้าที่ผู้ดูแลเว็บเข้าไปปรับปรุงหน้าตาของเว็บได้ ตัวอย่างเช่นแก้ข้อมูลในหน้าต่างๆ เพิ่มข่าว ฯลฯ หน้าที่ให้ admin เข้าไปแก้ไขนี้ เรียกว่า Back-end ( ปกติผมเรียกหน้า admin บางคนเรียก หลังบ้าน ) ซึ่งจะต้องมีหน้า login ในการตรวจสอบสิทธิก่อนเข้าไปหน้า Back-end

User Interface (UI) และ Theme (Template)
UI หมายถึงองค์ประกอบในการใช้งานต่างๆ ของโปรแกรม ก็จะเป็น form login, main menu หรือส่วนต่างๆ ในเว็บก็เป็น UI ทั้งนั้นครับ UI ที่ดีจะทำให้ผู้ใช้งาน ใช้งานเว็บไซต์อย่างราบรื่น ตัวอย่างเช่นถ้า menu ตัวเล็กไปคลิกโดนยากหรือค้นหาเมนูไม่เจอก็คือ UI ทำไว้ไม่ดีครับ

Theme บางคนเรียกหน้ากากของเว็บ หรือ Template ( theme มีทั้งสำหรับ Front-end และ Back-end ) ในเว็บเดียวกันถ้าเปลี่ยนหน้าตาได้สะดวกจะเรียกว่าเป็นเว็บที่มีระบบ theme ครับอย่างเช่นเว็บที่มีหน้า ข่าว หน้า แบบฟอร์มติดต่อ มีสีฟ้าเป็น theme เริ่มต้น แต่จะสามารถเปลี่ยน theme เปลี่ยนสีเมนูเป็นสีเขียว สีเหลือง สีแดง ได้ โดยไม่ทำให้โปรแกรมในเว็บไซต์เสียไป หน้าข่าวก็มีเหมือนเดิม หน้าแบบฟอร์มก็ทำงานได้เหมือนเดิม เพียงแต่รูปแบบตัวอักษร สีสันในเว็บไซต์ ขนาดกรอบต่างๆ มีหน้าตาเปลี่ยนไปเท่านั้น ลอง Search คำว่า WordPress Theme ดูครับ จะพบเห็น theme ที่สามารถเอามาลงใน wordpress มากมายมีทั้งฟรีและต้องเสียเงินซื้อ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *