通過(guò)學(xué)習(xí)，了解網(wǎng)頁(yè)布局的方法，制作出不同類(lèi)型（個(gè)人，公司，企業(yè)，商業(yè)，旅游）網(wǎng)站設(shè)計(jì)方式即格局的表現(xiàn)；實(shí)現(xiàn)網(wǎng)站重構(gòu),制作出符合行業(yè)網(wǎng)站規(guī)范的網(wǎng)頁(yè)。學(xué)完后能從事網(wǎng)站的美術(shù)設(shè)計(jì)、頁(yè)面開(kāi)發(fā)制作、界面設(shè)計(jì)、流媒體設(shè)計(jì)等工作。

課程介紹：

一、網(wǎng)頁(yè)樣式與布局課

Web樣式與布局：網(wǎng)頁(yè)結(jié)構(gòu)進(jìn)行認(rèn)知，了解切片與網(wǎng)頁(yè)結(jié)構(gòu)間的邏輯關(guān)系，學(xué)習(xí)符合W3C標(biāo)準(zhǔn)的HTML網(wǎng)頁(yè)框架制作技術(shù)，包括結(jié)構(gòu)標(biāo)簽，學(xué)習(xí)網(wǎng)頁(yè)樣式表現(xiàn)方法，使用CSS對(duì)網(wǎng)頁(yè)進(jìn)行細(xì)節(jié)美化

1）HTML簡(jiǎn)介、基本結(jié)構(gòu)、編輯工具、常用標(biāo)簽、W3C標(biāo)準(zhǔn)；

2）CSS結(jié)構(gòu)、語(yǔ)法、樣式表分類(lèi)、優(yōu)先級(jí)、塊元素、選擇器；

3）圖形、圖像軟件的使用（PS）；

二、網(wǎng)頁(yè)樣式與布局課

Web樣式與布局：了解特殊布局的實(shí)現(xiàn)技巧，了解瀏覽器基本發(fā)展情況，瀏覽器的兼容，SEO基本常識(shí)

1）各種瀏覽器兼容性以及處理方式；

2）垂直居中，水平居中的處理方式；

3）雪碧圖處理，滑動(dòng)門(mén)處理及高寬自適應(yīng)等高級(jí)應(yīng)用技術(shù)；

4）CSS預(yù)處理器LESS框架的使用；

5）CSS組件框架編寫(xiě)。

三、HTML5與CSS3基礎(chǔ)應(yīng)用課

了解HTML的發(fā)展歷史，熟悉HTML5的文檔結(jié)構(gòu)，熟悉HTML5特性與CSS3新特性，媒體查詢實(shí)現(xiàn)簡(jiǎn)單的響應(yīng)式布局.

1 中文非主流字體--外部資源(有字庫(kù))

2 增加偽類(lèi)選擇器: nth-of-type

3 codepen頁(yè)面結(jié)構(gòu)搭建精簡(jiǎn);

4 增加響應(yīng)式理論知識(shí)：優(yōu)缺點(diǎn)，設(shè)計(jì)原則, 視口, 斷點(diǎn)選擇

5 做一個(gè)移動(dòng)端的簡(jiǎn)易網(wǎng)頁(yè)；

1）HTML5核心元素及布局應(yīng)用；

2）CSS3 復(fù)雜選擇器（包括兄弟選擇器、屬性選擇器、偽類(lèi)和偽元素選擇器等）

四、Web界面多平臺(tái)項(xiàng)目實(shí)訓(xùn)課

完成PC端整站與移動(dòng)端項(xiàng)目的開(kāi)發(fā)，包括瀏覽器兼容性等知識(shí)點(diǎn)的補(bǔ)充。

1 增加3d景深案例 :transform-style, perspective,perspective-origin；

2 京東頁(yè)面，只帶練有特色的部分, 對(duì)于重復(fù)性的結(jié)構(gòu)，作為練習(xí)晚間獨(dú)立完成；

3 一個(gè)移動(dòng)端的頁(yè)面(響應(yīng)式： em rem )，表格；

1）2D/3D 轉(zhuǎn)換（包括移動(dòng)、旋轉(zhuǎn)、傾斜和縮放、視點(diǎn)的定義和使用）、過(guò)渡、動(dòng)畫(huà)；

2）CSS Hack、CSS 優(yōu)化、瀏覽器兼容性。

五、Javascript語(yǔ)言基礎(chǔ)語(yǔ)法課

計(jì)算機(jī)程序基礎(chǔ)，認(rèn)識(shí)網(wǎng)頁(yè)交互原理，深入講解Javascript基本語(yǔ)法，了解DOM事件、屬性、樣式，學(xué)習(xí)js變量、函數(shù)（參數(shù)、返回值）、判斷語(yǔ)句、運(yùn)算符、表達(dá)式等。

1）了解什么是JavaScript；

2）了解JavaScript如何使用及運(yùn)作原理；

3）掌握J(rèn)avaScript的理論體系結(jié)構(gòu)；

4）掌握J(rèn)avaScript基本語(yǔ)法；

六、Javascript交互原理與應(yīng)用課

鼠標(biāo)、鍵盤(pán)事件，事件對(duì)象，默認(rèn)事件，事件冒泡，元素的移動(dòng)拖拽操作，模塊封裝及前端工程化開(kāi)發(fā)1）掌握事件，事件原理；

2）掌握J(rèn)avaScript基本的制作方法；

Javascript內(nèi)置對(duì)象應(yīng)用課BOM基礎(chǔ)，取模運(yùn)算，DOM元素的創(chuàng)建、刪除、插入等，節(jié)點(diǎn)操作，事件，事件委派，

深入講解javascript內(nèi)置對(duì)象（字符串對(duì)象、數(shù)組對(duì)象、日期對(duì)象、數(shù)學(xué)對(duì)象等）1）掌握BOM的用法；

2）掌握原生DOM操作的用法；

3）掌握J(rèn)avaScript內(nèi)置對(duì)象（如Array、String、Date、JSON、Math、RegExp）；

七、JavaScript運(yùn)動(dòng)框架應(yīng)用課回調(diào)函數(shù)，自運(yùn)行函數(shù)，正則表達(dá)式、面向?qū)ο蠡局R(shí)，詳細(xì)講解javascript運(yùn)動(dòng)框架及實(shí)例、javascript運(yùn)動(dòng)框架及實(shí)例。

我校在該區(qū)域有多個(gè)校點(diǎn)，可先預(yù)約免費(fèi)試聽(tīng)課，滿意再考慮是否學(xué)習(xí)：（發(fā)送姓名+課程+所在地區(qū)到老師手機(jī)，即可獲得離您較近校區(qū)的免費(fèi)試聽(tīng)信息）

◆24小時(shí)咨詢熱線：183-2170-6027 QQ：106-4557-212 ◆趕緊預(yù)約免費(fèi)享受體驗(yàn)課程！