100-2《中國》竹進視傳一A-網頁設計

週別　　　　　　進度

第一週　02/24　網站基本概念與 Dreamweaver 環境介紹

第二週　03/02　以html與css完成第一個網頁-1

第三週　03/09　以html與css完成第一個網頁-2

第四週　03/16　利用Div標籤與CSS建立基本網頁版型

第五週　03/23　利用Div標籤與CSS建立基本網頁版型--以色塊製作的網頁

第六週　03/30　(遠距教學)利用Div標籤與CSS建立基本網頁版型

第七週　04/06　完成以全國比較文學會議網站為例的網頁

第八週　04/13　頂圖、按鈕製作

第九週　04/20　超連結及多頁面編輯，問題討論

第十週　04/27　期中作業發表與檢討

第十一週05/04　繞圖排文與推文設定

第十二週05/11　繞圖排文與推文設定

第十三週05/18　(遠距教學)表格

第十四週05/25　表格的製作與應用

第十五週06/01　(遠距教學)雙欄網頁的製作

第十六週06/08　雙欄導覽及錨點

第十七週06/15　Spry 效果及組件製作動態網頁

第十八週06/22　期末作業發表與檢討 Presentation【期末作業】

(會依實際情況有所調整)

跨瀏覽器CSS教材

Doctype的設定 search bar position 特殊功能(圓弧三角) 動態css語法

Box Model分析與相關網頁應用 排版float table 純CSS 動態menu

並至http://photobucket.com/(需註冊，可上傳動態圖檔)

方便上傳作業圖檔

評分標準

1.平時分數 40%

(1)平時作業 20%

(2)出席及上課表現 20%

基準分數80分，無故缺課一次扣3分(有事請email老師請假: jinjin@cute.edu.tw

缺課超過六次(十二堂課)扣考，期末分數零分

2.期中分數 30%

期中作業 30%

3.期末分數 30%

CSS-TRICKS http://css-tricks.com/

HTML

HTML教學導覽 http://www.powmo.com/

HTML 簡介與應用 http://neural.cs.nthu.edu.tw/jang/books/html/

HTML Tutorial http://www.w3schools.com/html/

HTML教學 http://www.pcnet.idv.tw/pcnet/html/html.htm

HTML教學示範 http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm

HTML 語言簡介 http://203.71.199.2/HTML/%E4%BD%95%E8%AC%82HTML.htm

HTML教學 http://m7.dfps.tp.edu.tw/chen/main5/ahtml/01.asp

CSS

CSS 語法教學攻略篇　http://andyliudesign.idv.tw/31

CSS 語法教學 http://css.1keydata.com/tw/

語法 | 基本的css語法縮寫　http://blog.mukispace.com/css-shorthand/

CSS 樣式表簡介　http://www.pt.ntu.edu.tw/hmchai/ptcomputer03_2/hcss/cssintroduction.htm

CSS教程（簡體）http://www.dreamdu.com/css/

飛爾酥創意設計http://philsu.tw/

ㄇㄞˋ點子http://www.mydesy.com/

黑秀網http://www.heyshow.com.tw/

正確學會 Dreamweaver CS5 的 16 堂課

出版社：旗標

作者：施威銘研究室著

書號：F0401

定價：520 元

Web Layout 設計眼 - 高品質的網頁設計

出版社：旗標

作者：河內正紀著, 張志裕譯

書號：F9414

建議售價：420 元

CSS 設計點子爆米花

出版社：旗標

作者：境 祐司 監修/MdN編集部 編, 艾瑞克/楊宗育譯

書號：FT412

建議售價：580 元

Web+ 設計的黃金則 - XHTML + CSS 虎之卷

出版社：旗標

作者：大藤 幹 著 / 汪牧君 譯

書號：FT416X

建議售價：299 元

ACA國際認證--Dreamweaver CS5網站視覺設計與網頁製作

出版社：碁峰資訊

作者：趙英傑

書號：AER035400

紙本書價格：680

Adobe Certified Associate（ACA）國際認證-Adobe Dreamweaver CS3網站視覺設計與網頁製作-增訂版

出版社：上奇科技

作者：趙英傑

書號：CC0904

價格：680元

1.ACA國際認證網站

國際多媒體領導廠商Adobe 與國際專業認證考試機構Certiport合作推出的Adobe國際認證Adobe Certified Associate（簡稱為ACA）。

專案製作團隊

專案製作團隊（不含市場分析與行銷人員），大至包含下列數種角色和職務，讀者只需要認識這些角色，不需要特別記住他們：

專案經理（project manager）： 專案經理要承擔整個專案的成敗；專案經理負責調配預算、進度或時程（schedule）、人力和其他所需的資源。良好的專案經理要知道達成某個效果（如：製作一段五分鐘的政令宣導動畫），需要多少預算、人力和時間來完成，也必須要在製作過程可能出問題或延誤時間時（例如，設計師生病或者機器故障），調派其他資源。

對外，專案經理要將客戶的需求，加上預算、人力和時間等成本估算，整理成企畫提案（proposal），交給客戶並且和客戶交涉合作細節以及議價。

對內，專案經理要具備管理者的風範，在專案開發人員遇到挫折時，體諒並適時地激勵他們。

在大型的製作公司裡面，專責人力組織和預算規劃的角色，稱為執行製作（executive producer）；有些公司還有創意總監（creative director），負責主持腦力激盪和創意發想，將客戶的想法轉換成可行的設計方案、在專案中維持一貫的設計風格、互動模式或者某些標準（例如，企業的商標色彩），並承擔整體設計成敗。在小型的專案中，這些工作通常交由專案經理負責。

*作者或內容編輯人員（writer/editor）： * 「內容」泛指多媒體專案中使用到的文字、影像、視訊、插畫和音效等素材。其來源可能出自原創、向原創者或內容供應商（content provider）取得授權（購買版權），或者取自公共所有（public domain，或者說「公共著作」、「公共領域」，泛指不受智慧財產權保護的素材與資訊）。

圖像設計師（graphics designer）： 分成平面設計師（graphics designer）和插畫設計師（illustrator）兩種人物：

平面設計師：負責設計版面、圖示符號（icon）、設定字體樣式、色彩計畫，以及整體視覺外觀構成。

插畫設計師：負責繪製插圖、圖表、卡通人物、地圖…等，插畫設計師往往需要具備將複雜的概念或者照片，用簡潔的形式勾勒出要點的能力。

動畫師（animator）： 分成2D動畫及3D動畫兩種類型的設計師，除了製作卡通或者動畫之外，他們也負責將難以透過文字或者單一圖畫描述的內容，以連續動態圖畫方式表現出來。

優秀的動畫師具備良好的繪圖技能，對動作具有敏銳的觀察力，並且能理解分鏡腳本，還有創意發想和規劃動畫內容的能力。在專案製作初期，動畫設計師也要依照專案需求，草擬人物角色或其他動畫元素。

視訊專業人員（video professional）： 可分成在製作時期（production）拍攝視訊影片或者靜態相片的攝影師，以及後製時期（post-production）剪輯影片或影像處理的工作人員。

在大型的影視專案中，有影視製作人（video producer）負責協調人員、器材、場地、設備，甚至參與修改腳本等工作，以確保整個影片的製作流程順暢並如期完成。在前置作業（pre-production）期間，也有專人負責劇本以及分鏡腳本（storyboard）創作與編寫。

音效專業人員（sound professional）： 專業的音效設計師負責用聲音豐富影片的情感，例如，用配樂或者音效營造緊張懸疑、逗趣幽默、溫馨感人，或者澎湃激昂、振奮人心等的效果。音效人員也可能包含錄音、混音工程師，以及配音和旁白解說人員。

介面設計師（interface designer）： 透過版型設計、文字∕字體、色彩、圖像設計、動畫……等等，建立使用者和多媒體內容溝通的媒介。良好的介面設計和互動方式應該是顯而易懂的，如果用戶需要花費時間來學習並瞭解介面的操作方法，那就代表介面設計出了問題。

程式設計師（programmer）： 網頁和多媒體編輯工具（如：Flash）都能透過程式語言來展現互動效果。不同多媒體執行環境（如：網頁和Flash影片），程式語言和語法都不太一樣，所以一個多媒體專案可能需要不同領域的程式設計師共同參與。

----------------------------------------------------------------------

以下資料來源：壞掉的印表機http://amos-lee.blogspot.com/2008/10/adobe-certified-associateadobe-aca.html

Adobe Dreamweaver CS3 ACA認證考題重點

1.各式HTML原始碼的用途(很重要!!)

2.網站管理畫面及其正確名稱(沒有畫面可以看卻問你正確名稱，考驗軟體介面熟悉程度)

3.資源面板內的項目

4.各種超連結類型

5.CSS定位項目原始碼

6.CSS原始碼(考很少)

7.專案管理流程

8.頁面內容修改方式

9.圖片及其修改方式

10.圖片相關資訊及常識

日前考Adobe Dreamweaver CS3 ACA認證的及格分數為600分，考題類型有選擇題(單/複選)、實作題~主要題目落在HTML的原始碼不少

Adobe Photoshop CS3 ACA認證考題重點

在Photoshop CS3 ACA認證考題的重點部分，會考的除了專案流程外，在軟體功能上各位須了解的項目列表於下：

1.影像尺寸修改及解析度調整(很重要!要很熟悉!)

2.智慧型物件的功能及其特性

3.各種點陣圖片格式特性及其應用方式

4.網路使用的各式圖片格式類型及其特性

5.文字屬性相關設定

6.修補類型工具操作及其功能特性

7.圖片色彩模式及其使用場合

8.各種選取範圍製作方式(包含選取功能表內項目)

9.漸層工具的使用及設定

10.形狀物件的使用

11.不同檔案間影像的移動

12.專案管理流程

Adobe Flash CS3 ACA認證考題重點

介面的熟悉度

各面板的功能

各種元件的特性

發佈設定

Flash的各種檔案格式

匯入/匯出功能內項目

專案管理流程

專案管理流程相關常識

1.專案前置作業及其目的

(1)客戶需求分析、確認

(2)專案腳本製作

腳本製作之目的?

腳本可提供的功能?

2.專案中期作業及其目的

(1)製作問題排解

(2)製作時程控管

3.專案末期作業及其目的

(1)測試作業

測試目的?

測試項目?

測試方式?

(2)專案驗收

javaScript語法範例

javaScript捲動標題

JavaScript教學

簡易JavaScript語法結構

JavaScript教學

免費資源

章魚網

合成練習檔 ：http://web.ydu.edu.tw/~jinjin/98-2/3EX.rar

上課練習圖檔下載 http://web.ydu.edu.tw/~jinjin/98-1/1215ps.rar