網(wǎng)頁設(shè)計授課內(nèi)容*階段：設(shè)計基礎(chǔ)
設(shè)計素描
?
培養(yǎng)設(shè)計師形象思維和表現(xiàn)能力的有效方法，是認識形態(tài)、創(chuàng)新形態(tài)的重要途徑
平面構(gòu)成
平面構(gòu)成作為一門設(shè)計基礎(chǔ)課的教育，始于一九一九年德國包豪斯設(shè)計學(xué)府，其后應(yīng)用于設(shè)計的各個領(lǐng)域，如服裝、裝潢、室內(nèi)設(shè)計、造型設(shè)計、建筑、繪畫等。通過這門課程的學(xué)習(xí)，可加深學(xué)生對形與形之間關(guān)系的理解，培養(yǎng)學(xué)生組織形、創(chuàng)造形的能力
色彩構(gòu)成
色彩構(gòu)成，即色彩的相互作用，是從人對色彩的知覺和心理效果出發(fā)，用科學(xué)分析的方法，把復(fù)雜的色彩現(xiàn)象還原為基本要素，利用色彩在空間、量與質(zhì)上的可變幻性，按照一定的規(guī)律去組合各構(gòu)成之間的相互關(guān)系，再創(chuàng)造出新的色彩效果的過程。
第二階段：網(wǎng)頁平面UI設(shè)計階段
Photoshop 圖像設(shè)計
1、Photoshop簡介、Photoshop應(yīng)用領(lǐng)域。
2、圖像基礎(chǔ)知識、像素與分辨率、位圖與矢量圖。
3、Photoshop工作區(qū)及選項設(shè)置、文件的基本操作。
4、輔助工具的應(yīng)用、圖像的查看、圖像的基本編輯方法。
5、色彩基礎(chǔ)知識，重點了解色彩三元素HSB及圖像的色彩模式。
6、選區(qū)。包括選區(qū)的創(chuàng)建方法、選區(qū)的基本操作、選區(qū)的運算、選區(qū)的編輯等。
7、繪畫與修飾，學(xué)習(xí)photoshop各種選擇顏色的方法、繪畫及修飾工具組。
8、點文字/段落文字的創(chuàng)建方法，字符/段落面板的使用。
9、路徑/形狀的創(chuàng)建、編輯以及路徑面板的使用。
10、圖層/圖層組的基礎(chǔ)知識、圖層/圖層組的創(chuàng)建、圖層/圖層組的編輯與管理、圖層樣式、圖層混合模式。
11、信息面板與直方圖面板的使用，圖像的色彩調(diào)整。
12、蒙版。學(xué)習(xí)快速蒙版、矢量蒙版、剪切蒙版、圖層蒙版的工作原理與操作方法。
13、通道。了解原色通道、專色通道、Alpha通道的知識。掌握通道選擇的技巧及通道的運算規(guī)則。
14、學(xué)習(xí)各種濾鏡特效的制作、外掛濾鏡的使用。
15、Photoshop制作GIF動畫。
16、動作與批處理的操作。
17、打印、輸出與色彩管理。
Illustrator圖形設(shè)計
1、Illustrator的工作區(qū)及選項設(shè)置、矢量圖的優(yōu)缺點、Illustrator與Photoshop的區(qū)別、Illustrator應(yīng)用領(lǐng)域。
2、Illustrator文件的基本操作、圖像的顯示、輔助工具的使用。
3、各種繪制圖形的方法。
4、對象編輯與管理的各種方法。網(wǎng)絡(luò)的使用。
5、Illustrator色彩知識及色彩操作。
6、文字的創(chuàng)建與編輯。
7、畫筆和符號的使用。
8、效果、外觀和樣式的使用。
9、圖層與蒙版。
10、階段實訓(xùn)。
UI用戶界面設(shè)計
1、了解UI設(shè)計流程，用戶體驗基本概念、行業(yè)方向
2、掌握圖標(biāo)設(shè)計流程，軟件界面中常用圖標(biāo)設(shè)計，手機圖標(biāo)設(shè)計，項目案例蘋果手機圖標(biāo)設(shè)計。
3、掌握界面設(shè)計流程，桌面產(chǎn)品界面設(shè)計，案例剖析學(xué)習(xí)設(shè)計思維、方法，項目案例煊酷播放器設(shè)計
網(wǎng)頁版式設(shè)計與配色技巧
1、網(wǎng)頁界面的合理布局：設(shè)計目的的決定設(shè)計方案，頁面內(nèi)容，頁面有效性。
2、網(wǎng)頁界面的布局分類："國"字形，拐角型，正文標(biāo)題型，左右框架型，上下柜架型，綜合框架型，封面型，F(xiàn)lash型，什么樣的布局是*的。
3、色彩屬性 彩色的心理感覺 ，色彩在網(wǎng)頁中的作用
4、色彩的色調(diào) 、色彩的對比 、色彩的調(diào)和、網(wǎng)頁色彩搭配的原則
第三階段：網(wǎng)站制作階段
HTML/XHTML
1、主要學(xué)習(xí)Html語言基礎(chǔ)、表格應(yīng)用、列表、表單的使用
2、框架應(yīng)用、超級鏈接、達到手寫網(wǎng)頁代碼的能力
Dreamweaver 網(wǎng)頁制作
1、Dreamweaver網(wǎng)站綜合知識，面板組，站點管理
2、表格的使用，精確定位、排版；使用圖象和超鏈接
3、CSS層疊樣式表的應(yīng)用；層的概念及應(yīng)用
4、Dreamweaver中庫的使用和模板應(yīng)用
DIV CSS 網(wǎng)頁布局
1、CSS基礎(chǔ)、CSS語法結(jié)構(gòu)，CSS屬性與選擇符，類型選擇符，id及class選擇符
2、應(yīng)用CSS到網(wǎng)頁中，行間樣式表，內(nèi)部樣式表，外部樣式表。
3、div CSS網(wǎng)頁布局、用CSS設(shè)計網(wǎng)站導(dǎo)航，橫向?qū)Ш?，縱向?qū)Ш?，下拉及多級彈出式菜?
4、 門戶網(wǎng)站的導(dǎo)航設(shè)計 、表單設(shè)計，改變輸入框及文本域樣式，改變下拉列表樣式。
5、CSS瀏覽器兼容性 ， 解決多瀏覽器下兼容問題
6、div css網(wǎng)頁布局實戰(zhàn)、企業(yè)與電子商務(wù)網(wǎng)站布局實戰(zhàn)
Javascript 網(wǎng)頁特效
1、初探JavaScript魅力、JavaScript編程，JavaScript語法、運算符、流程控制、函數(shù)、數(shù)組、
2、JavaScript的內(nèi)部對象，JavaScript中專用于操作對象的語句。
3、DHTML編程，理解DOM樹，DOM對象，常用DOM對象的屬性、方法
4、Javascript事件，編寫事件處理程序、使用DOM操作HTML文檔、遍歷文檔樹上的節(jié)點、搜索文檔中特定的元素、修改文檔內(nèi)容、往文檔添加新內(nèi)容、使用DOM操作XML文檔。
5、jQuery快速上手、使用選擇器獲得要操作的元素、操作得到的元素
6、使用jQuery進行DOM操作、jQuery中的事件處理
7、jQuery中的動畫與效果
第四階段：綜合項目實戰(zhàn)階段
網(wǎng)站綜合實戰(zhàn)
1、 系統(tǒng)的講解網(wǎng)站全案流程：初期溝通、達成合作意向、進行產(chǎn)品或市場分析、定位以及提案等系統(tǒng)的流程，講解在各個環(huán)節(jié)中的要點、注意事項以及技巧。
2、網(wǎng)站域名空間申請 、FTP、網(wǎng)站策劃、項目方案制作
3、案例綜合設(shè)計與制作、網(wǎng)站優(yōu)化與推廣技巧
4、 由高級講師及資深設(shè)計師帶領(lǐng)學(xué)員完成畢業(yè)作品，以備應(yīng)聘時使用
就業(yè)指導(dǎo) 素質(zhì)訓(xùn)練
職業(yè)生涯規(guī)劃、簡歷編寫、面試技巧、了解企業(yè)、科學(xué)的工作方法
團隊與自我管理、溝通技巧、商務(wù)禮儀
課程圖片：
