蘇州英豪IT教育

課程模塊

課程內(nèi)容

項(xiàng)目實(shí)訓(xùn)

**階段：WEB界面設(shè)計(jì)軟件基礎(chǔ)

Photoshop

熟練掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合其他軟件的應(yīng)用。網(wǎng)頁(yè)導(dǎo)航的設(shè)計(jì)以及字體板式設(shè)計(jì)

階段項(xiàng)目實(shí)訓(xùn)

華為網(wǎng)站靜態(tài)圖仿做——**學(xué)習(xí)的PS、AI、AP等方式制作企業(yè)靜態(tài)網(wǎng)站首頁(yè)中的圖標(biāo)，Banner，界面設(shè)計(jì)以及風(fēng)格解析和網(wǎng)頁(yè)設(shè)計(jì)規(guī)范。

Illustrator

基本操作、導(dǎo)入、圖層講解繪制工具（基本形狀、鋼筆等）的使用方法和技巧顏色的操作：基本色、漸變色、吸管等上色方法和技巧實(shí)時(shí)描摹和實(shí)時(shí)上色、濾鏡與矢量效果、文字處理排版和文件輸出幾何變形和圖形組合、路徑的高級(jí)編輯與圖表制作、矢量繪圖與路徑造型熟練使用此軟件、完成插畫(huà)繪制、標(biāo)識(shí)制作、排版藝術(shù)等

WEB界面設(shè)計(jì)元素設(shè)計(jì)

Banner版面設(shè)計(jì)的規(guī)則與規(guī)范，版面的排版。色相的選擇，色調(diào)的調(diào)整。讓banner制作更速成化，Banner廣告強(qiáng)化設(shè)計(jì)，主要講解banner制作標(biāo)準(zhǔn)及要求、純文字banner實(shí)例、金融業(yè)banner實(shí)例、快銷(xiāo)品banner實(shí)例、文字橫排/豎排/斜排的風(fēng)格差異、服裝類(lèi)banner實(shí)例、化妝品banner實(shí)例、數(shù)碼類(lèi)banner實(shí)例、配飾類(lèi)banner實(shí)例,網(wǎng)頁(yè)導(dǎo)航的設(shè)計(jì)以及字體板式設(shè)計(jì)

Axure RP-Web/AP原型設(shè)計(jì)

Axure RP創(chuàng)建基于網(wǎng)站構(gòu)架圖的帶注釋頁(yè)面示意圖、操作流程圖、以及交互設(shè)計(jì)，并可自動(dòng)生成用于演示的網(wǎng)頁(yè)文件和規(guī)格文件，以提供演示與開(kāi)發(fā)。

第二階段 web2.0標(biāo)準(zhǔn)布局

課程模塊

課程內(nèi)容

項(xiàng)目實(shí)訓(xùn)

XHTML(DIV)

XHTML（html div）--熟練掌握 HTML 各種標(biāo)簽（文本，圖像，鏈接，表格，列表，表單，框架，層布局等） ，以便于能快速完成各種頁(yè)面的編寫(xiě)

階段項(xiàng)目實(shí)訓(xùn)

華為網(wǎng)網(wǎng)站靜態(tài)頁(yè)面代碼實(shí)現(xiàn)——**本階段的學(xué)習(xí)，學(xué)員獨(dú)立運(yùn)用HTML CSS完成網(wǎng)站靜態(tài)頁(yè)面的編寫(xiě)，以及瀏覽器之間的兼容性。

CSS

Css---選擇器的介紹，樣式中屬性與屬性值介紹，以及各種頁(yè)面樣式的定義和編寫(xiě)。網(wǎng)頁(yè)導(dǎo)航的設(shè)計(jì)以及字體板式設(shè)計(jì)

瀏覽器的兼容性---熟悉各種瀏覽器的優(yōu)缺點(diǎn)及制作技巧。

制作符合 web2.0 標(biāo)準(zhǔn)的網(wǎng)頁(yè)布局

第三階段移動(dòng)web界面開(kāi)發(fā)

課程模塊

課程內(nèi)容

項(xiàng)目實(shí)訓(xùn)

Html5

Html5----基礎(chǔ)概述和新特性，從html到XHTML到html5的過(guò)程，創(chuàng)建h5文檔，h5   表單（新增的input輸入類(lèi)型，屬性，元素），繪制簡(jiǎn)單的圖形，圖形的變換，圖形的組合與裁切，更多的顏色和樣式選項(xiàng)，繪制文字，音頻和視頻的操作，web存儲(chǔ)，離線應(yīng)用，多線程處理等知識(shí)。

階段項(xiàng)目實(shí)訓(xùn)

華為網(wǎng)網(wǎng)站移動(dòng)端界面設(shè)計(jì)—**本階段學(xué)習(xí)，使用HTML5 CSS3搭建響應(yīng)式開(kāi)發(fā)能力；具備高效快速開(kāi)發(fā)企業(yè)項(xiàng)目的能力。

CSS3.0

Css3---回顧css，css選擇器（屬性選擇器，結(jié)構(gòu)偽類(lèi)選擇器，UI偽類(lèi)選擇器，其他選擇器），文本，字體，顏色，背景和邊框，2D變形（旋轉(zhuǎn)，縮放，移動(dòng)，傾斜，變形），設(shè)計(jì)動(dòng)畫(huà)（平滑過(guò)渡，2D和3D動(dòng)畫(huà)，漸變效果），實(shí)例：禮品盒，易拉罐等設(shè)計(jì)。網(wǎng)頁(yè)布局，用戶界面設(shè)計(jì)，已經(jīng)其他新特性講解

第四階段網(wǎng)頁(yè)交互與特效表現(xiàn)

課程模塊

課程內(nèi)容

項(xiàng)目實(shí)訓(xùn)

Javascript腳本

Js---簡(jiǎn)介，基礎(chǔ)（數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)類(lèi)型、運(yùn)算符、表達(dá)式、數(shù)據(jù)類(lèi)型的轉(zhuǎn)換規(guī)則），流程控制（賦值語(yǔ)句、條件判斷語(yǔ)句、循環(huán)控制語(yǔ)句、跳轉(zhuǎn)語(yǔ)句），函數(shù)（定義，調(diào)用，使用，返回值，嵌套，內(nèi)置函數(shù)，構(gòu)造函數(shù)），對(duì)象與數(shù)組（內(nèi)置對(duì)象、對(duì)象訪問(wèn)語(yǔ)句，數(shù)組），字符串與數(shù)組處理對(duì)象（字符串對(duì)象，數(shù)值對(duì)象），正則表達(dá)式，表達(dá)式語(yǔ)句，程序調(diào)用與錯(cuò)誤報(bào)告，事件處理，加載事件與卸載事件，處理文檔（文檔對(duì)象常用的屬性、方法、事件），文檔對(duì)象模型（DOM概述，對(duì)象節(jié)點(diǎn)屬性），window對(duì)象的操作等。

階段項(xiàng)目實(shí)訓(xùn)

**本階段的學(xué)習(xí)，學(xué)員獨(dú)立運(yùn)用js jq完成網(wǎng)站頁(yè)面交互特效的編寫(xiě)，以及瀏覽器之間的兼容性。

jQuery 交互動(dòng)畫(huà) jQuery優(yōu)質(zhì)插件

結(jié)合案例了解jQuery庫(kù)原理和動(dòng)畫(huà)的概念、方法，熟悉和掌握移動(dòng)網(wǎng)頁(yè)常用jQuery庫(kù)使用方法。主要內(nèi)容包括：jQuery各種選擇器的使用，DOM節(jié)點(diǎn)操作，事件處理及事件處理機(jī)制，jQuery事件封裝機(jī)制，jQuery事件應(yīng)用，jQuery中的動(dòng)畫(huà)及動(dòng)畫(huà)時(shí)間的概念、基本動(dòng)畫(huà)方法、復(fù)雜動(dòng)畫(huà)方法、停止動(dòng)畫(huà)與參數(shù)說(shuō)明、jQuery動(dòng)畫(huà)的隊(duì)列問(wèn)題和jQuery插件的使用

第五階段綜合實(shí)訓(xùn)

網(wǎng)站設(shè)計(jì)流程與策劃

網(wǎng)站設(shè)計(jì)流程，網(wǎng)站設(shè)計(jì)理念創(chuàng)新，網(wǎng)頁(yè)結(jié)構(gòu)圖與原型圖繪制等；如何從零開(kāi)始策劃一個(gè)網(wǎng)站，包括主題定位、欄目規(guī)劃等，如何去策劃盈利模式。

電商平臺(tái)類(lèi)網(wǎng)站項(xiàng)目實(shí)訓(xùn)

商業(yè)案例實(shí)訓(xùn)如京東、小米等平臺(tái)，重點(diǎn)學(xué)習(xí)網(wǎng)站整體架構(gòu)設(shè)計(jì)、欄目規(guī)劃、頁(yè)面制作及系列產(chǎn)品總體界面風(fēng)格設(shè)計(jì)，布局技巧及細(xì)節(jié)設(shè)計(jì)技巧，各類(lèi)網(wǎng)頁(yè)交互設(shè)計(jì)應(yīng)用、響應(yīng)式設(shè)計(jì)應(yīng)用的展示

企業(yè)類(lèi)網(wǎng)站項(xiàng)目實(shí)訓(xùn)

如小米、騰訊企業(yè)類(lèi)平臺(tái)，重點(diǎn)學(xué)習(xí)頁(yè)面主題設(shè)計(jì)如**部分設(shè)計(jì)，BANNER設(shè)計(jì)，產(chǎn)品頁(yè)設(shè)計(jì),新聞頁(yè)設(shè)計(jì),首頁(yè)設(shè)計(jì)，類(lèi)各設(shè)計(jì)技巧如網(wǎng)頁(yè)的尺寸、頁(yè)面的留白、圖層與圖像的關(guān)系、網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)、字體的排版設(shè)計(jì)、廣告條（banner)制作、正文內(nèi)容的詳細(xì)設(shè)計(jì)