Loading...

綠島長慶民宿2016年版

Temperature: 0 °C

ChungChung
author_tools

和王阿山認識已經不是一天二天的事了....

還在台東的時候開始,到現今都已經10幾年了吧~

從第一版的網站到這次的設計也已經有3個版本了啊...

這次為了符合目前習慣的閱讀模式,採用RWD的方式做設計建置。

綠島長慶民宿2016年版
為了使用合適的Banner影像,這次特別跑了一趟綠島~也順便見見老朋友。冒著暈船暈到不行的風險啊~

雖然天候並不是特別的好.....取的的照片有限,所以只好靠後製了...

當然,這次的設計整個採後台管理的方式規劃,所以每一頁的主題都可以從後台更新~

綠島長慶民宿2016年版
這次除了房型本身外,為了阿山的需求,也一併設計了餐食跟套裝行程的後台管理。

除了讓管理者可自行更新或新增產品外,在想,這次的設計應該可以讓阿山撐一段日子吧XD

綠島長慶民宿2016年版
側邊選單的設計,原本是為了配合RWD的設計所配置的選單。

但為了方便使用者選擇目錄,所以並沒有在特別的尺寸隱藏起來。

綠島長慶民宿2016年版
以行事曆的方式配置了民宿房的客滿狀態,這樣閱讀起來應該會比較明確一些...

綠島長慶民宿2016年版
Responsive Web Design的設計,是為了方便手持裝置的瀏覽....

只是CSS的調整可辛苦了@@

HTML5 + PHP + Mysql

Url link

台東縣綠島鄉公館村5號-長慶民宿 Go

https://innstory.com/story-綠島長慶民宿2016年版-623
作品分享

Prev
 8個月了開始進入了孕後期

Next
PHP如何將陣列組合接成字串