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

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

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