The Ville Jomtien เป็นเว็บไซต์โรงแรมหนึ่งในโปรเจ็กต์ที่ผมดูแล โปรเจ็กต์นี้เป็นการทำเว็บตาม PSD ที่ได้รับมอบหมายให้เป็น HTML โดยใช้ PHP ในการจัดการโครงสร้างทั่วไปต่าง ๆ ภายในเว็บ เช่น Header หรือ Footer ที่ใช้วิธี include ไฟล์เข้ามาต่างหาก

Framework หลักที่ใช้งานได้แก่ Bootstrap 4 (alpha 6)

Hilight

Promotion Button

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

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

Mega Menu

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

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