做動畫參加系展

目標：為參加本系於12月23日的系展，請依參賽規定，以Gif或swf動畫格式(畫面大小468x60)做一作品。該作品除準時依指定方式交給主辦單位外，必須張貼在以下各自的網站：
http://web2.ntit.edu.tw/~sxxxxxxxxx/gif/

網路廣告http://www.egolife.com.tw/advertisement.asp
網路廣告的優點http://value.yam.com/p012.htm
網路廣告新聞http://value.yam.com/p041.htm
網路廣告案例http://value.yam.com/p043.htm
網路廣告聯網http://www.cyberone.com.tw/index2.htm
橫幅廣告細節http://www.iab.net/advertise/adsource.html

網路廣告的版面大小

• 468 x 60 （Full Banner）
• 392 x 72 （Full Banner with Vertical Navigation Bar）
• 234 x 60 （Half Banner）
• 125 x 125（Square Button）
• 120 x 90 （Button #1）
• 120 x （60Button #2）
• 88 x 31 （Micro Button）
• 120 x 240 （Vertical Banner）

改裝自己的部落格

CSS（樣式表）在網頁設計上很重要，在進一步理解它之前，且為自己的部落格改裝，當做學習CSS的暖身。

要領

1. 登入自己的部落格。
   
2. 點按範本。
3. 點按「挑選新的」，挑選新的範本。
4. 儲存
5. 重新發佈
6. 點按範本
7. 於Html語言區內將Background Color#xxx中的x項改為0123456789abcdef中的一個。例如將它改為786或ccc。
8. 在Header內檢視內定的插圖之URL，複製之。
9. 在新增的瀏覽器之URL區貼上以檢視原始圖。
10. 複製該原始圖，到Photoshop開啟，以它為底稿，繪製出自己的圖(可以是gif動畫)。
11. 將新製的圖上傳到自己部落格的內容區，並查其URL，複製之。
12. 到步驟8內，反貼上最新的URL。
13. 儲存成底稿
14. 重新發佈。
    
15. 檢視blog
16. 重新整理。
    

PS blog比賽
http://blogaward.chinatimes.com/

不讓瀏覽者傷腦筋的網站

好的網站，要讓使用者不傷腦筋。
請詳讀《胡為君譯，如何設計好網站，台北：上奇，2006年6月。》
且檢視你瀏覽過的網站有令人傷腦筋之處，例如：

• 進入網站很久還看不到任何內容。
• 無趣多餘的開場白。
• 喧嘩不停的背景音樂。
• 耗時良久才找到進入主頁的按鈕。
• 要猜按鈕圖像的意義。
• 不知按鈕按過否。
• 按鈕在不同頁面擺置不一致。
• 不知現在瀏覽的網站位置。
• 頁面的版式不一致。
• 色彩屬性混亂。

請看以下網站所能提供的啟示：

• http://www.creatop.com.tw/
• http://www.pixar.com
• http://www.apple.com
• http://www.amazon.com
• http://www.lativ.com.tw/Home/
• 露天
• 順怡旅遊
• Uniqlo
• zara

期中作業

繳期：
期中考週（11月 13~17 日）之上課日

作業規定：

• 改善全真網站（http://www.asystem.com.tw）之首頁及一內頁，其按鈕設計須能完成超連結。
• 僅能以Fireworks或ImageReady及Dreamweaver製作，禁用Flash。
• 作業須上傳到web2.ntit.edu.tw/~sxxxxxxxxx/asystem/內。（~sxxxxxxxxx係你的學號）

設計方法：

1. 理解該網站的組織結構（sitemap）及內容。
2. 探索頁面的基本元素﹣﹣圖形、圖片、色彩計畫、按鈕及編排之屬性。
3. 上述元素的合理性及一致性及互動的簡易性。
4. 與其他優良設計網站之互相比照，可以模仿，但不宜抄襲。

瀏覽同學作品

• 日設三a
  http://namentit.blogspot.com/2006/09/blog-post_30.html
• 日設三1
  http://namentit.blogspot.com/2006/11/1.html
• 夜設三a
  http://namentit.blogspot.com/2006/11/blog-post.html