99-2《清雲》應資二甲-網頁設計

課程授課進度表
上課用書
期中上機考
期末作業
ACA參考用書
上課須知
ACA國際認證介紹
課程資料補充
Adobe Dreamweaver CS3 ACA認證考題重點列表於下
Adobe Flash CS3 ACA認證考題重點列表於下
參考網址

課程授課進度表

週別　　　　　　進度

第一週　03/02　Part1. 強調風格的網站–設計師工作室Ch01 網站基本概念與 Dreamweaver 環境介紹

第二週　03/09　Ch02 實作第一個網頁　

第三週　03/16　Ch03 利用 CSS 與 Div 標籤建立網頁版型

第四週　03/23　Ch04 綜合應用各項功能完成第一個網站並上傳

第五週　03/30　Ch04 綜合應用各項功能完成第一個網站並上傳

第六週　04/06　Part2. 資訊豐富的網站–主題學習館Ch05 利用表格、條列項目與 CSS 編排易於閱讀的文字頁面Ch06 繞圖排文、插入影片與推文按鈕的應用

第七週　04/13　Part2. 資訊豐富的網站–主題學習館Ch05 利用表格、條列項目與 CSS 編排易於閱讀的文字頁面Ch06 繞圖排文、插入影片與推文按鈕的應用

第八週　04/20　Part2. 資訊豐富的網站–主題學習館Ch05 利用表格、條列項目與 CSS 編排易於閱讀的文字頁面Ch06 繞圖排文、插入影片與推文按鈕的應用

第九週　04/27　期中考週--期中上機考

第十週　05/04　頂圖製作

第十一週05/11　按鈕製作

第十二週05/18　圖片整合進入dreamweaver編輯

第十三週05/25　Ch11 善用 Spry 效果及組件製作動態網頁

第十四週06/01　Ch12 利用 Spry 結合表格製作動態資料網頁

第十五週06/08　ACA認證

第十六週06/15　ACA認證

第十七週06/22　期末考

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

上課用書

*正確學會 Dreamweaver CS5 的 16 堂課 *

作者：施威銘研究室著

書號：F0401

定價：520 元

http://www.flag.com.tw/book/bookinfo.asp?bokno=F0401

期中上機考

期末作業

網頁設計期末作業說明

主題：製作一個人網站，或介紹有興趣主題的網站

內容：

可以是自己的介紹，也可以介紹自己喜歡或蒐集的偶像，人物，或物品等等。

製作要求：

請參考課堂教授的內容

1.以photoshop製作頂圖、按鈕以及相關圖片等

2.以Div的方式分割區塊

3.統一的網頁風格

4.必須有獨立的CSS檔案

5.需有首頁(index.html)，及子頁面至少三頁。至少共四頁。

存檔說明：

1.請將所有檔案存放於『final-學號』資料夾內

2.首頁務必命名為index.html

3.圖片統一存放於images資料夾內

4.資料夾、圖片與網頁檔僅能以英文、數字- _命名，切勿出現中文

製作流程：

1.請先設定主題，並蒐集資料，資料包含：

甲、設計內容的資料及

乙、網站風格的資料

2.企劃格式撰寫 (請參考第二頁)

3.設定每頁的標題與內容，做成草圖(手繪或以word編輯)

4.網頁圖片搜尋與製作

5.網頁編輯

6.尋找網頁空間

7.上傳與測試

8.製作完成 (請附上網頁網址)

製作進度：

第十二週05/18　頂圖以及按鈕

第十三週05/25　內容大綱，資料蒐集，繳交企劃

第十四週06/01　首頁

第十五週06/08　其他頁面

第十六週06/15　其他頁面

第十七週06/22　期末考

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

參考網站

http://www.twmf.org.tw/member/index.asp

http://www.quanta-edu.org/index_for_activity.php

http://www.children.org.tw/

http://www.eden.org.tw/index.php

ACA參考用書

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

出版社：上奇科技

作者：趙英傑

書號：CC0904

價格：680元

http://www.grandtech.com.tw/About/books_det.aspx?id=811

上課須知

評分標準

(1)平時分數 40%

基準分數80分，無故缺課一次扣3分，缺課超過六次扣考

(2)期中分數 30%

(3)期末分數 30%

ACA國際認證介紹

1.ACA國際認證網站

http://aca.grandtech.com.tw/

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

課程資料補充

http://swf.com.tw/?p=137

專案製作團隊

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

專案經理（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認證考題重點