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如何將陣列組合接成字串 

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

#有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

情境Blog

情境Blog

一直都認為,除了文字跟圖片外,應該要有其他的方式來將寫故事時的心情帶給閱讀者。 很久很久以前,我們會...

分享 24張「只看一眼就知道是做什麼的」超高成本創意名片! | 時尚華爾滋

分享 24張「只看一眼就知道...

創意無限啊~ 設計師的腦袋果然裝的東西跟我們是不一樣的。 當然,客戶們的口袋也要夠深....才能激發...

未完成的金頓國際大飯店...

未完成的金頓國際大飯店......

kingdom55 kk 說是未完成...應該說這個專案並未結案... 雖是未結案...但這網站其實...

Recommended reading

Other stories happened at this address

老了,睡不著,凌晨4點多就起床了

老了,睡不著,凌晨4點多就起...

老了,睡不著,凌晨點多就起床了

感謝大哥友情贊助,幫我的挖土機穿新衣,煥然一新

感謝大哥友情贊助,幫我的挖土...

感謝大哥友情贊助,幫我的挖土機穿新衣,煥然一新

夕陽美景

夕陽美景

夕陽美景

火焰貝及豆丁海馬~下海18米跟它初體驗~

火焰貝及豆丁海馬~下海18米...

火焰貝及豆丁海馬~下海米跟它初體驗~

小籠包在民宿旁發現龐然大物…月光螺殼寄居蟹……超大的

小籠包在民宿旁發現龐然大物…...

小籠包在民宿旁發現龐然大物…月光螺殼寄居蟹……超大的

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format