插圖與照片來源
在製作網頁的過程中,圖片和插圖的來源也讓我們傷透腦筋。如果是自己可以拍攝的照片或是獲得謝忠祐師傅同意使用的照片都還好,問題是有些像是鳥越製粉的照片就讓我們傷透腦筋,還好我們之前老師有教過我們使用網路免費資源的方式,才不會陷入沒有圖片可用的窘境。插圖的設計更麻煩,因為當初我們幾個人在組隊的時候,並沒有考慮到美術設計的問題,所以最後要畫圖的時候,只有一位同學圖畫得比較漂亮,只好全部由他畫圖,他花了非常多的功夫畫圖和電腦修圖,沒想到在我們修改網頁版面的時候,整個都放棄掉不能使用,令人相當挫折,而時間的壓力也讓我們相當焦慮。還好我們最後找到了其中一位同學家長認識的插畫家願意替我們繪圖,才解決了插畫的問題。
CSS設定與特效
圖片截圖:CSS3漸層產生器
圖片截圖:WOW Slider
雖然我們原本都有學過一些網頁設計,但是當我們要架設這麼大的網站,並且要求更好的效果的時候,就發現我們的技術相當的不足,常常都要去請教老師或是上網去找解決的辦法。老師除了盡力幫我們解決以外,也推薦我們一些可以使用的軟體或網站,例如WOW Slider免費版,可以讓我們輕鬆的製作出照片輪播的效果,雖然還是要一張一張的調整照片的大小和色彩,但這樣可以讓我們的網頁更加活潑。除此之外,我們也用了「css漸層產生器」這個網站,他可以輕鬆地設計出各種區塊的效果,讓我們的網頁更加立體。我們也學會了使用hover的功能,讓網站更活潑。