98-2《清雲》應資二甲-網頁設計
利用ACA國際認證網站視覺設計與網頁製作教材,使同學能具備網頁設計方法與技巧,以及架設網站的能力。並能具備考取ACA Dreamweaver認證的能力。 課程授課進度表週別 進度 第一週 03/03 課程導論 / 第一章「瞭解客戶和參訪者的目標、定位與需求」 第二週 03/10 第二章 認識Dreamweaver的操作介面 / 第三章 編輯網頁內文 第三週 03/17 第三章 編輯網頁內文/ 第四章 網頁色彩與圖像處理 第四週 03/24 第四章 網頁色彩與圖像處理 / 第五章 超連結與互動式導覽列 第五週 03/31 第六章 表格 第六週 04/07 第七章 頁框 第七週 04/14 第八章 建立AP Div元素(圖層) 第八週 04/21 第九章 動態網頁案例研究 第九週 04/28 期中考週 第十週 05/05 期中作業發表 第十一週05/12 第十章 使用CSS樣式表 第十二週05/19 第十章 使用CSS樣式表 第十三週05/26 第十章 使用CSS樣式表 第十四週06/02 第十一章 使用多媒體物件第十二章 活用資源與範本/第十三章 上傳網頁與管理網站 第十五週06/09 小組實務操作/ACA模擬試題討論專案實例討論 第十六週06/16 端午節 第十七週06/23 期末考 第十八週06/30 期末作業發表與檢討 Presentation【期末作業】 期末作業1.請選擇具有設計風格與特色的網站 2.模仿其編排與設計,設計出有設計質感的網站 3.請注意細節的製做 4.版面必須以DIV製做,須使用CSS 5.題目自訂,可分組 6.製作進度: 6/2 網站蒐集與參考網站選定,組員名單與工作分配 6/9 網站製作進度討論 6/23網站製作進度討論 6/30成品發表上傳 參考網站 上課用書Adobe Certified Associate(ACA)國際認證-Adobe Dreamweaver CS3網站視覺設計與網頁製作-增訂版 出版社:上奇科技 作者:趙英傑 書號:CC0904 價格:680元 上課須知1.課堂講義、作業公告、與上課須知與討論皆放置於本網站上 資料將不定時更新,請查看相關事項與資料。 2.每項作業皆會開專屬文章供同學發表與討論, 請每位同學於此論壇註冊,註冊選項於右上角 並至flickr http://www.flickr.com/ 申請個人相簿,方便上傳作業圖檔 (以Yahoo帳號直接開通即可) 請同學踴躍發表與參與討論,將列入平時成績評量 3.繳交作業原檔,請依老師作業公告,分為寄email與上傳作業 老師email: whc915@gmail.com 4.評分標準 (1)平時分數 40% 基準分數80分,無故缺課一次扣3分,缺課超過六次扣考 (2)期中分數 30% (3)期末分數 30% 5.如有未盡事宜,將隨時修正與增加,請注意公告 ACA國際認證介紹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影片),程式語言和語法都不太一樣,所以一個多媒體專案可能需要不同領域的程式設計師共同參與。 Adobe Dreamweaver CS3 ACA認證考題重點 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認證考題重點 Adobe Flash CS3 ACA認證考題重點列表於下介面的熟悉度 各面板的功能 各種元件的特性 發佈設定 Flash的各種檔案格式 匯入/匯出功能內項目 專案管理流程 專案管理流程相關常識 1.專案前置作業及其目的 (1)客戶需求分析、確認 (2)專案腳本製作 腳本製作之目的? 腳本可提供的功能? 2.專案中期作業及其目的 (1)製作問題排解 (2)製作時程控管 3.專案末期作業及其目的 (1)測試作業 測試目的? 測試項目? 測試方式? (2)專案驗收 參考網址javaScript語法範例 javaScript捲動標題 JavaScript教學 簡易JavaScript語法結構 JavaScript教學 免費資源 章魚網 98-2《清雲》應資二甲-網頁設計的論壇文章 [ 發表文章 ] [ 瀏覽文章 ] 98-2《清雲》應資二甲-網頁設計的分類地圖 Developed by MEPO Humanity Technology - http://mepo.cc
|