iT邦幫忙

DAY 13
9

東之宿_網站開發系列 第 13

東之宿_開發日誌-14(版面設計軌跡-2)

既然要改,就是真的全改。目標只有一個,就是「一目了然」,但是要不難看。

太陽在參考了幾十個國外旅遊站,以及旅行網頁模版後,設計出了兩欄式的版面,確認出雛型之後,接下來就是看要怎麼透過Bootstrap。

既然要改,就是真的全改。目標只有一個,就是「一目了然」,但是要不難看。

太陽在參考了幾十個國外旅遊站,以及旅行網頁模版後,設計出了兩欄式的版面,確認出雛型之後,接下來就是看要怎麼透過Bootstrap。

太陽剛開始在撰寫時,也是跌跌撞撞,不熟語法之外,他也沒有視覺性的網頁編輯軟體,最難受的就是每次會多一個</div>或少一個</div>,讓他找問題找好久,所以他就想,自己乾脆也先畫下來,這樣也比較不會出問題,真的在撰寫網頁碼的時候,會更清楚。

因為有了先前失敗很多的經驗,這一次大改版,用了約三天的時間,並且太陽還將PHP的部份,全部重寫,讓網頁執行速度更快。最後,內容頁改版改好了。

整個頁面拆解後的細項說明如下:

目前的版本,預計在2013年12月會再次做微調,希望能將網站做的更好更漂亮。

下回預告:

Desktop版改好後,Mobile版也要調整,明天要向各位大大報告,太陽在設計Mobile版時,所遇到的狀況。

2013/10/14 SunAllen

鐵人賽_開發技術組_文章導覽

上一篇
下一篇

2013鐵人賽_文章總覽
個人全系列連結


上一篇
東之宿_開發日誌-13(版面設計軌跡-1)
下一篇
東之宿_開發日誌-15(版面設計軌跡-完)
系列文
東之宿_網站開發16

1 則留言

我要留言

立即登入留言