100-1《中國》北視傳一A-網頁設計

      

課程授課進度表


週別      進度
第一週 09/07 網站基本概念與 Dreamweaver 環境介紹
第二週 09/14 以html與css完成第一個網頁-1
第三週 09/21 以html與css完成第一個網頁-2
第四週 09/28 以html與css完成第一個網頁-3(完成)
第五週 10/05 利用Div標籤與CSS建立基本網頁版型
第六週 10/12 利用Div標籤與CSS建立基本網頁版型--以色塊製作的網頁
第七週 10/19 利用Div標籤與CSS建立基本網頁版型,以全國比較文學會議網站為例
第八週 10/26 頂圖、按鈕製作
第九週 11/02 超連結及多頁面編輯,問題討論
第十週 11/09 期中作業繳交與討論
第十一週11/16 繞圖排文與推文設定
第十二週11/23 表格
第十三週11/30 雙欄網頁的製作
第十四週12/07 雙欄導覽及錨點
第十五週12/14 相簿、Spry 效果及組件製作動態網頁
第十六週12/21 實例分析與製作
第十七週12/28 期末作業發表與檢討 Presentation【期末作業】
第十八週01/04 期末作業發表與檢討 Presentation【期末作業】

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


跨瀏覽器CSS教材
Doctype的設定 search bar position 特殊功能(圓弧三角) 動態css語法
Box Model分析與相關網頁應用 排版float table 純CSS 動態menu


上課須知


評分標準

1.平時分數 40%
(1)平時作業 20%
(2)出席及上課表現 20%
基準分數80分,無故缺課一次扣3分(有事請email老師請假: jinjin@cute.edu.tw
缺課超過六次(十二堂課)扣考,期末分數零分

2.期中分數 30%
[期中作業] 以單欄為主的網站設計 http://mepopedia.com/forum/read.php?851,16485

3.期末分數 30%
[期末作業] 以雙欄為主的網站設計 http://mepopedia.com/forum/read.php?851,18413


圖檔上傳

部分需上傳圖檔的作業
請至http://photobucket.com/(需註冊,可上傳動態圖檔)
方便上傳作業圖檔

參考書目

正確學會 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-1《中國》北視傳一A-網頁設計的論壇文章
[ 發表文章 ]
Re: [期中作業 ] 以單欄為主的網站設計 ffga33072016/11/18
Re: [期中作業] 以單欄為主的網站設計 小妹很台2016/05/01
[公告] 期末作業未繳交名單 JinJin2012/01/08
Re: [期末作業] 以雙欄為主的網站設計 ann lin2012/01/06
Re: [作業08] 雙欄垂直導覽列製作 李孟度2012/01/04
Re: [作業06] 表格的製作美化與資料整理 李孟度2012/01/04
Re: [作業07] 以Float:浮動,製作雙欄網頁 李孟度2012/01/04
Re: [作業05] 繞圖排文與推文按鈕的應用 李孟度2012/01/04
[作業08] 雙欄垂直導覽列製作 JinJin2011/12/07
[作業09] 優良設計網站蒐集與分析 JinJin2011/12/07
[作業07] 以Float:浮動,製作雙欄網頁 JinJin2011/11/30
[講義07] 以Float:浮動,製作雙欄網頁 (雙欄Float:浮動、Table:表格、錨點、垂直導覽列) JinJin2011/11/30
[作業06] 表格的製作美化與資料整理 JinJin2011/11/23
[講義06] 表格的製作 JinJin2011/11/22
[作業05] 網頁導覽列、繞圖排文與推文按鈕的應用 JinJin2011/11/16
[講義04] 以CSS製作網頁導覽列 JinJin2011/10/25
[講義01] 以 HTML 與 CSS 完成第一個網頁 JinJin2011/10/17
[期中作業] 以單欄為主的網站設計 JinJin2011/10/11
[講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例 JinJin2011/10/11
[講義03] 利用Div標籤與CSS建立基本單欄網頁版型 JinJin2011/10/04
[ 瀏覽文章 ]

100-1《中國》北視傳一A-網頁設計的分類地圖


Views: 7,182