close
●這是進入首頁時所呈現的畫面，下方的廣告是動畫輪播的方式呈現
●按鈕的部分，會隨著滑鼠的滑動而有明暗的差異，給瀏覽者互動的效果
●產品的型錄詳細介紹，並且頁面上方有滑動式的美食照片，在廣告之餘增添頁面設計感
●左方有多色選單可供導覽，使用者可透過導覽列尋找想瀏覽的資訊
●客戶留言頁面，收集瀏覽者對於產品或店家的建議資訊
●左方有不同的導覽列範例，可供製作網站時選擇其形式與樣貌
●用餐環境介紹，提供了及時點選照片的呈現，可讓瀏覽者隨意點選圖案，並在左側顯示區放大照片以供清晰的瀏覽
●可自由的點選，左側圖案會隨著鎖點選照片變換
由於是範例，沒有丟到伺服器上，很可惜不能在網路上讓人實際的瀏覽和點選，只能把網站頁面拍下來，大略的讓別人看見每個頁面大致呈現的樣式。
這網站製作的過程，版面的排定幾乎都是用無框表格去做，跟div比較起來，我覺得這樣製作是比較輕鬆而容易的，只是看程式碼的時後，因為表格包表格，所以看上去就會比較複雜一點。
最難搞定的是後面點選照片的那個圖片呈現區，由於要同時設定成自己想要的寬高，又要保有照片的數量，常常格式整個跑掉，得在CSS上下不少功夫，才有辦法完成。
當然，網頁最繁多的就是零碎的小元件，這些小元件都是要自己用Photoshop配色和製作，也讓我開始熟悉用falsh製作一些小動畫，從無到有，實作過程中收穫良多。
最後，我覺得頁面生動的一些互動廣告，就是jQuery的部分，也是網頁最吸引人的地方，原本以為要搞什麼大工程，才有辦法做出這麼華麗的東西，但原來把寫好的js檔嵌入網頁內，並沒有這麼難，而且效果真的很棒。
期待下次的作品更出色。
全站熱搜
留言列表
