武漢網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)培訓(xùn)班

網(wǎng)頁(yè)設(shè)計(jì)課程體系大綱

一、發(fā)掘設(shè)計(jì)潛能
1.設(shè)計(jì)前端知識(shí)：設(shè)計(jì)前端知識(shí)、Windows知識(shí)、Internet互聯(lián)網(wǎng)、網(wǎng)絡(luò)防御與安全、計(jì)算機(jī)優(yōu)化、云端的理解與應(yīng)用、常用軟件的安裝與使用等。
2.藝術(shù)基本素養(yǎng)提高：提高專(zhuān)業(yè)設(shè)計(jì)的審美能力，形象表達(dá)能力，設(shè)計(jì)的創(chuàng)新能力；對(duì)形象感受力、記憶力、思維能力、想象力及創(chuàng)造力進(jìn)行培養(yǎng)和提高；提高藝術(shù)修養(yǎng)和專(zhuān)業(yè)審視力，培養(yǎng)正確的美學(xué)觀察方式，對(duì)構(gòu)圖，空間，體量，虛實(shí)，質(zhì)感在美學(xué)和設(shè)計(jì)中的應(yīng)用表達(dá)方式，黑白灰明暗對(duì)比襯托關(guān)系，色彩呼應(yīng)的搭配及方式，對(duì)設(shè)計(jì)原理和構(gòu)成原理的全面了解。
3.多視角發(fā)掘設(shè)計(jì)物：全方位審視被設(shè)計(jì)物，尋找不同切入點(diǎn)，理解并規(guī)劃多條自己的設(shè)計(jì)思路，綜合不同思路，形成佳設(shè)計(jì)路線。
4.開(kāi)發(fā)藝術(shù)設(shè)計(jì)靈感：商業(yè)廣告設(shè)計(jì)當(dāng)中，如何發(fā)掘閃光點(diǎn)，成為設(shè)計(jì)師設(shè)計(jì)靈感的重要來(lái)源，而閃光點(diǎn)的發(fā)現(xiàn)源于對(duì)唄設(shè)計(jì)物的深度分析。
5.形式美普遍法則：構(gòu)成事物的物質(zhì)材料的自然屬性（色彩、形狀、線條、聲音等）及其組合規(guī)律（如整齊一律、節(jié)奏與韻律等）所呈現(xiàn)出來(lái)的審美特性。
二、網(wǎng)頁(yè)設(shè)計(jì)核心軟件工具技術(shù)體系
1.Photoshop：專(zhuān)業(yè)圖像處理軟件，用于廣告、網(wǎng)店平面制作，內(nèi)容涵括PS工具箱、圖層、圖層樣式、圖層蒙版、通道，路徑、濾鏡、調(diào)色，知識(shí)高度歸納與總結(jié)。
2.Illustrator：Illustrator—插畫(huà)師：矢量繪圖軟件。學(xué)習(xí)基本圖形工具組，運(yùn)用基本圖形工具組實(shí)現(xiàn)卡通插畫(huà)，掌握路徑編輯，完成創(chuàng)意文字的修飾手法。
3.Dreamweaver：DW是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)代碼編輯器。利用對(duì) HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)人員和開(kāi)發(fā)人員可以制作和進(jìn)行網(wǎng)站建設(shè)。
4.CorelDRAW：Coreldraw一款強(qiáng)大的矢量繪圖排版軟件，強(qiáng)大的排版功能與矢量處理能力，使繪圖變的更加容易。
5.Sublime：Sublime Text 的主要功能包括：拼寫(xiě)檢查，書(shū)簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。Sublime Text 是一個(gè)跨平臺(tái)的編輯器。
三、網(wǎng)頁(yè)核心設(shè)計(jì)理論
1.網(wǎng)頁(yè)多種類(lèi)配色模式：網(wǎng)頁(yè)界面設(shè)計(jì)中色彩配色的理論，主色、輔色、點(diǎn)睛色的理解和使用，常用的配色方法，配色工具的使用。
2.網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)核心概論：網(wǎng)頁(yè)界面設(shè)計(jì)概論，如何做好網(wǎng)頁(yè)界面設(shè)計(jì)師，網(wǎng)頁(yè)設(shè)計(jì)師的修養(yǎng)。
3.如何理解網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)成：網(wǎng)頁(yè)界面設(shè)計(jì)概述，網(wǎng)頁(yè)界面的基本構(gòu)成要素，網(wǎng)頁(yè)的信息表現(xiàn)類(lèi)型。
4.前期網(wǎng)站籌劃與定位：網(wǎng)頁(yè)界面設(shè)計(jì)前期準(zhǔn)備工作，網(wǎng)頁(yè)設(shè)計(jì)中網(wǎng)站整體籌劃，網(wǎng)頁(yè)設(shè)計(jì)中網(wǎng)站導(dǎo)航設(shè)計(jì)。
5.網(wǎng)頁(yè)內(nèi)容圖文編排：網(wǎng)頁(yè)界面的文字設(shè)計(jì)，網(wǎng)頁(yè)界面的圖像設(shè)計(jì)，網(wǎng)頁(yè)界面的動(dòng)畫(huà)設(shè)計(jì)，分析網(wǎng)頁(yè)界面的版式設(shè)計(jì)風(fēng)格。
6.網(wǎng)頁(yè)web色彩基礎(chǔ)理論：網(wǎng)頁(yè)界面設(shè)計(jì)中色彩與視覺(jué)的原理，RGB與CMYK色彩模式，216網(wǎng)頁(yè)安全色，網(wǎng)頁(yè)界面設(shè)計(jì)中色彩構(gòu)成，網(wǎng)頁(yè)界面色系的組織結(jié)構(gòu)。
7.網(wǎng)頁(yè)風(fēng)格配色方案：色彩的功能角色，配色關(guān)系，色彩的情感，漸變配色與對(duì)比配色，分析網(wǎng)頁(yè)界面的色彩設(shè)計(jì)風(fēng)格。
8.網(wǎng)頁(yè)設(shè)計(jì)規(guī)范守則：網(wǎng)頁(yè)界面設(shè)計(jì)尺寸規(guī)范，網(wǎng)頁(yè)界面設(shè)計(jì)中企業(yè)品牌展現(xiàn)，網(wǎng)頁(yè)界面中導(dǎo)航的設(shè)計(jì)尺寸規(guī)范，網(wǎng)頁(yè)界面設(shè)計(jì)中企業(yè)形象及產(chǎn)品展現(xiàn)，網(wǎng)頁(yè)界面設(shè)計(jì)中內(nèi)容部分的布局原則。
9.大型企業(yè)站項(xiàng)目設(shè)計(jì)：企業(yè)網(wǎng)站網(wǎng)頁(yè)界面形象設(shè)計(jì)，如何作出企業(yè)網(wǎng)站網(wǎng)頁(yè)界面的文化特性，企業(yè)網(wǎng)站網(wǎng)頁(yè)界面的品質(zhì)感及表現(xiàn)方式，如何作出好的企業(yè)網(wǎng)站用戶(hù)體驗(yàn)。
10.成品專(zhuān)題頁(yè)項(xiàng)目設(shè)計(jì)：專(zhuān)題頁(yè)網(wǎng)頁(yè)界面活動(dòng)的內(nèi)容推廣，如何作出吸引用戶(hù)的專(zhuān)題內(nèi)容界面，如何做出有視覺(jué)創(chuàng)意的網(wǎng)頁(yè)設(shè)計(jì)效果，如何作出好的用戶(hù)體驗(yàn)。
11.綜合門(mén)戶(hù)類(lèi)網(wǎng)站項(xiàng)目設(shè)計(jì)：門(mén)戶(hù)類(lèi)網(wǎng)站網(wǎng)頁(yè)界面的策劃，門(mén)戶(hù)類(lèi)網(wǎng)站網(wǎng)頁(yè)界面的設(shè)計(jì)布局方案，門(mén)戶(hù)類(lèi)網(wǎng)站網(wǎng)頁(yè)界面的視覺(jué)創(chuàng)意，作好的門(mén)戶(hù)類(lèi)網(wǎng)站網(wǎng)頁(yè)界面用戶(hù)體驗(yàn)。
12.從設(shè)計(jì)層面了解網(wǎng)站優(yōu)化方案：網(wǎng)頁(yè)中的切片方法，圖形圖案的優(yōu)化方案，網(wǎng)頁(yè)界面設(shè)計(jì)中的色彩優(yōu)化方案，網(wǎng)頁(yè)界面設(shè)計(jì)中代碼內(nèi)容的優(yōu)化。
13.網(wǎng)頁(yè)欄目模塊化布局：網(wǎng)頁(yè)界面設(shè)計(jì)中的布局方法，網(wǎng)頁(yè)界面設(shè)計(jì)中的布局原則，網(wǎng)頁(yè)界面設(shè)計(jì)中的布局步驟，網(wǎng)頁(yè)界面設(shè)計(jì)中的布局類(lèi)型。
14.網(wǎng)頁(yè)結(jié)構(gòu)排版：網(wǎng)頁(yè)界面設(shè)計(jì)中輸出圖像的大小的確定的方法和規(guī)律，國(guó)字型版式結(jié)構(gòu)、L型版式結(jié)構(gòu)、海報(bào)型版式結(jié)構(gòu)、混合新版式結(jié)構(gòu)等。
四、網(wǎng)頁(yè)前端模板制作核心知識(shí)體系
1.XHTML語(yǔ)言標(biāo)準(zhǔn)：XHTML語(yǔ)言的書(shū)寫(xiě)規(guī)范，三種Document文檔類(lèi)型：Transition 過(guò)渡性標(biāo)準(zhǔn)、Strict 嚴(yán)格型標(biāo)準(zhǔn)、Frame 框架標(biāo)準(zhǔn)的講解和meta標(biāo)簽中的http-eq網(wǎng)站ve和name屬性的講解，其中重點(diǎn)講解keywords關(guān)鍵字、description內(nèi)容簡(jiǎn)介相關(guān)屬性的學(xué)習(xí)和理解等。
2.CSS 層疊樣式表：CSS層疊樣式表的基本認(rèn)識(shí)，內(nèi)部樣式、外部樣式和標(biāo)簽內(nèi)樣式在HTML網(wǎng)頁(yè)中使用方式，CSS的基本語(yǔ)法，4種選擇器：標(biāo)簽選擇器、類(lèi)選擇器、ID選擇器和偽類(lèi)選擇器的認(rèn)識(shí)和使用方法，CSS樣式表W3C國(guó)際互聯(lián)網(wǎng)組織提供標(biāo)準(zhǔn)CSS盒子模型的理解和使用方法。
3.DIV+CSS網(wǎng)頁(yè)布局：結(jié)合網(wǎng)頁(yè)實(shí)例（個(gè)人網(wǎng)頁(yè)、企業(yè)網(wǎng)頁(yè)界面、門(mén)戶(hù)類(lèi)網(wǎng)站界面）來(lái)學(xué)習(xí)和掌握兩種DIV+CSS的布局方式：浮動(dòng)布局法和DIV定位布局法。
4.Javascript核心技術(shù)體系：JavaScript基礎(chǔ)語(yǔ)法、數(shù)組Odject、Function、String和正則表達(dá)式、Document對(duì)象、節(jié)點(diǎn)結(jié)、選取并讀取節(jié)點(diǎn)、刪除節(jié)點(diǎn)、元素樣式編輯等。
5.JQuery前端框架庫(kù)應(yīng)用：jQuery概述、jQuery選擇器、jQueryHTML操作、jQuery事件等。
6.Bootstrap 響應(yīng)式CSS框架應(yīng)用：Bootstrap基礎(chǔ)、Bootstrap Grid、Bootstrap nputs、Bootstrap CSS等。
7.HTML 5 功能應(yīng)用：HTML5 Canvas繪圖、HTML5 SVG、音頻和視頻處理、表單處理等。
8.CSS3.0 動(dòng)畫(huà)運(yùn)用：CSS復(fù)雜選擇器、動(dòng)畫(huà)、過(guò)渡、2D/3D轉(zhuǎn)換、CSSHack、CSS優(yōu)化。
9.H5移動(dòng)端網(wǎng)頁(yè)動(dòng)效制作：H5并不是單指一項(xiàng)單獨(dú)的技術(shù)，其實(shí)質(zhì)HTML5+CSS3+JAVASCRIPT的一個(gè)綜合技術(shù)體系，如何能夠綜合理解這套技術(shù)體系對(duì)于做出更好的H5設(shè)計(jì)有很大的幫助。
10.企業(yè)/電商/門(mén)戶(hù)/移動(dòng)端等多種類(lèi)真實(shí)項(xiàng)目實(shí)訓(xùn)：結(jié)合實(shí)際公司項(xiàng)目，講解所有門(mén)類(lèi)網(wǎng)站搭建時(shí)需要注意的問(wèn)題，設(shè)計(jì)時(shí)所常用的方法，頁(yè)面交互的常用，優(yōu)化方案等等。
五、就業(yè)一對(duì)一指導(dǎo)與高薪就業(yè)技巧分享
1.網(wǎng)申/筆試/面試全解析：簡(jiǎn)歷，用一張紙讓別人知道你的厲害，網(wǎng)頁(yè)筆試，你不得不知的那些套路，聊聊群面的那些事，進(jìn)入單面，半只腳跨進(jìn)互聯(lián)網(wǎng)企業(yè)，終面，離offer只差一步。
2.輕松搞定網(wǎng)頁(yè)設(shè)計(jì)無(wú)小組面試中的個(gè)人陳述：個(gè)人自我陳述考核的重點(diǎn)與答題思路，個(gè)人陳述的技巧與方法，如何處理個(gè)人陳述中的觀點(diǎn)沖突，如何讓你的項(xiàng)目作品打動(dòng)面試官，如何在個(gè)人陳述中搞定面試官。
3.模擬職場(chǎng)面試：職場(chǎng)菜鳥(niǎo)與精英的區(qū)別認(rèn)知，建立面試官的親和感，怎么樣陳述缺點(diǎn)和不良信息，如何引導(dǎo)面試官進(jìn)入你設(shè)計(jì)的套路，面試中的多軌道思維，面對(duì)面試官的陷阱如何破坑。