自從在第一堂生科課，聽說這學期除了要拍影片，還需要有一個網站能夠紀錄拍攝的大小事。雖然老師給了我們很多種選擇，什麼Google site或是許多網路上已經寫好的框架，但心中浮出的第一個想法便是：「媽呀，這些網站都好醜！我一定要自己試試看」。身為一個寫過網頁前端的人，看到那些排版字體不太好的網站總是有點受不了。於是經過了幾個小時的努力，總算用html+css+javascript做出了個雛形。接著就是一個網站上最重要的部份了，那就是icon。在寫這個網站的時候我們根本連隊名都還不知道OAO。好在大家都很有創意，在一陣腦力激盪後總算影片名稱及對名都想好了。但接下來又遇到了問題就是這icon的設計。為了這個去畫喔個AI檔也太麻煩了。好在這時大家的好朋友Powerpoint出現了，藉由把一頁slide轉成jpg在不斷的修在跟調整大小。icon就完成了XDD。
 |
| 你能想像這是ppt做成的嗎？XD |
 |
| 網頁ver1.0 |
網頁ver2.0
在這次的更新裡面，我也加入了標題透明化的特效。接著比較大的改變就是將網頁改成google儲存顯示，這樣以後更新的時候只需上傳到雲端硬碟而不用重新上傳到網路上的免非主機，在開發更新上方便很多。並且加入了築夢計畫築夢大綱等內容使網頁越來越豐富摟～
 |
| 網頁ver2.0 上方的標題隨著網頁往下滑就會出現顏色 |
網頁ver3.0
隨著內容的增加，這種網頁方式逐漸無法應付部落格式的更新。隨著不見新增的內容，網頁瀏覽的困難度也越來越高。於是，為了在網頁品質及內容的豐富度達到平衡，決定將所有心得類的文章獨立到部落格，網站上只需要新增連結以後更新都只需透過部落格的編輯而不必重新寫html。這次經驗讓我體會到了開發時「視功能而決定開發方式」的重要性
 |
| 內容越來越多，要找到東西困難度頗高 |
 |
| 負責存放各式分享的部落格 |
 |
| 網頁ver3.0 加入Blog的連結 |
沒有留言:
張貼留言