[期末考考題] 多媒體應用 -/2010/12/30

題目說明：

請至少以
1.illustrator
2.photoshop
3.dreamweaver
三個軟體設計一完整的網頁

====================

可以自訂題目發揮，也可以下列題目依照步驟完成

製作時間
9:00~11:50
製做完畢請上傳，電子學習系統期末考區

製做完畢，請給老師檢查後可離開，下次上課需報告網頁內容

若無法於課堂製做完成，請於下次上課前製做完畢後上傳，同樣於下次課堂報告

=====================

若選擇製作期末作業的同學，請於課堂繼續完成
同樣於下次上課時報告

=====================

圖檔下載：http://w3.cyu.edu.tw/jinjin/99-1/imgs.rar

課本範例參考：

首頁：

[img]http://img6.imageshack.us/img6/111/imgkfc.jpg[/img]

內頁：

[img]http://img257.imageshack.us/img257/3977/img2cz.jpg[/img]

===============================================


步驟：
1.請將需要影像處理的圖片先以photoshop處理

2.將所提供的圖片，參考課本的範例，以illustrator編排
3.寬度：900，高度：自定
4.標題：雲端咖啡小館 (也可以自行命名)，或打上其他輔助文字
5.標題需以教過的外框技巧稍加設計
6.設計連結按鈕：關於雲端，咖啡物語，美食推薦，會員專區，咖啡教室 (也可以自行設計不同文案，需有連結變化)
7.其他區塊，可模擬課本範例，放入不同照片與文字編排

如：

最新消息：
12/31跨年晚會煙火秀與您一起歡渡2011年

特別推薦：
野薄荷摩卡咖啡(義式/研調/冰/熱)
Mint Mocha　 　

濃醇的炭香咖啡加入清涼爽口的野薄荷 ，在口中散出絕配的協調風味。

感謝日：
多年來，我們因為有您的支持而成長、茁壯；為了感謝 ，雲端珈琲館訂於每個月的30日，是我們感謝回饋的日子。
來店消費，即贈送~獨家精選好禮


8.首頁設計完畢後，轉存成PSD檔後，以photoshop切割圖檔，至少切割，top頂圖，按鈕，區塊設計等


9.最後以Dreamweaver編輯

10.CSS設定，需以CSS編輯，另存common.css
※最外圍設定 div ，ID : wrapper，設定寬度，欄位間隔，全部為0像素， 邊界：上下為0像素，左右為自動
※標籤：body，設定背景色，邊界：上下為0像素
※可以h1~h5的標題方式，設定不同區塊的CSS
※需使按鈕有滑入的效果

11.多做連結之新分頁可以加學期總分五分

其他可以自由發揮

=====================================

需繳交：

1.AI編輯原檔(圖片需崁入)
2.PSD切割檔
3.網頁完整檔案(資料夾內包含 index.htm ， common.css，imgs(圖片資料夾)，新分頁之.htm

全部檔案繳交時請於資料夾上註明，
期末考試，學號，姓名，壓縮後上傳



(編輯記錄)