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老師請假: [email protected] 缺課超過六次(十二堂課)扣考,期末分數零分 2.期中分數 30% 期中作業 30% 3.期末分數 30% 參考網站CSS-TRICKS http://css-tricks.com/ HTML HTML教學導覽 http://www.powmo.com/ HTML Tutorial http://www.w3schools.com/html/ HTML 語言簡介 http://203.71.199.2/HTML/%E4%BD%95%E8%AC%82HTML.htm CSS CSS 語法教學攻略篇 http://andyliudesign.idv.tw/31 CSS 語法教學 http://css.1keydata.com/tw/ 語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/ CSS教程(簡體)http://www.dreamdu.com/css/ 飛爾酥創意設計http://philsu.tw/ 參考書目正確學會 Dreamweaver CS5 的 16 堂課 出版社:旗標 作者:施威銘研究室著 書號:F0401 定價:520 元 Web Layout 設計眼 - 高品質的網頁設計 出版社:旗標 作者:河內正紀著, 張志裕譯 書號:F9414 建議售價:420 元 CSS 設計點子爆米花 出版社:旗標 作者:境 祐司 監修/MdN編集部 編, 艾瑞克/楊宗育譯 書號:FT412 建議售價:580 元 Web+ 設計的黃金則 - XHTML + CSS 虎之卷 出版社:旗標 作者:大藤 幹 著 / 汪牧君 譯 書號:FT416X 建議售價:299 元 ACA參考用書ACA國際認證--Dreamweaver CS5網站視覺設計與網頁製作 出版社:碁峰資訊 作者:趙英傑 書號:AER035400 紙本書價格:680 Adobe Certified Associate(ACA)國際認證-Adobe Dreamweaver CS3網站視覺設計與網頁製作-增訂版 出版社:上奇科技 作者:趙英傑 書號:CC0904 價格:680元 ACA國際認證介紹1.ACA國際認證網站 國際多媒體領導廠商Adobe 與國際專業認證考試機構Certiport合作推出的Adobe國際認證Adobe Certified Associate(簡稱為ACA)。 課程資料補充ACA國際認證 DREAM WEAVER CS5 實做考題分享專案製作團隊 專案製作團隊(不含市場分析與行銷人員),大至包含下列數種角色和職務,讀者只需要認識這些角色,不需要特別記住他們: 專案經理(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教學 免費資源 章魚網 100-2《中國》竹進視傳一A-網頁設計的論壇文章 [ 發表文章 ]
[ 瀏覽文章 ] 100-2《中國》竹進視傳一A-網頁設計的分類地圖 112學年度上學期 (0)
112學年度下學期 (0) 105學年度上學期 (0) 98學年度上學期 (0) 111學年度下學期 (0) 105學年度下學期 (0) 111學年度上學期 (0) 99學年度上學期 (0) 102學年度下學期 (0) 110學年度下學期 (0) 109學年度下學期 (0) 110學年度上學期 (0) 109學年度上學期 (0) 108學年度下學期 (0) 106學年度上學期 (0) 107學年度下學期 (0) 104學年度上學期 (0) 107學年度上學期 (0) 98學年度下學期 (0) 104學年度下學期 (0) 100學年度上學期 (0) 100學年度下學期 (0) 101學年度下學期 (0) 102學年度上學期 (0) 103學年度上學期 (0) 99學年度下學期 (0) 101學年度上學期 (0) 103學年度下學期 (0) 108學年度上學期 (0) 106學年度下學期 (0) Developed by MEPO Humanity Technology - http://mepo.cc
|