通過學(xué)習(xí)，了解網(wǎng)頁布局的方法，制作出不同類型（個(gè)人，公司，企業(yè)，商業(yè)，旅游）網(wǎng)站設(shè)計(jì)方式即格局的表現(xiàn)；實(shí)現(xiàn)網(wǎng)站重構(gòu),制作出符合行業(yè)網(wǎng)站規(guī)范的網(wǎng)頁。學(xué)完后能從事網(wǎng)站的美術(shù)設(shè)計(jì)、頁面開發(fā)制作、界面設(shè)計(jì)、流媒體設(shè)計(jì)等工作。
課程介紹：
一、網(wǎng)頁樣式與布局課
Web樣式與布局：網(wǎng)頁結(jié)構(gòu)進(jìn)行認(rèn)知，了解切片與網(wǎng)頁結(jié)構(gòu)間的邏輯關(guān)系，學(xué)習(xí)符合W3C標(biāo)準(zhǔn)的HTML網(wǎng)頁框架制作技術(shù)，包括結(jié)構(gòu)標(biāo)簽，學(xué)習(xí)網(wǎng)頁樣式表現(xiàn)方法，使用CSS對(duì)網(wǎng)頁進(jìn)行細(xì)節(jié)美化
1）HTML簡介、基本結(jié)構(gòu)、編輯工具、常用標(biāo)簽、W3C標(biāo)準(zhǔn)；
2）CSS結(jié)構(gòu)、語法、樣式表分類、優(yōu)先級(jí)、塊元素、選擇器；
3）圖形、圖像軟件的使用（PS）；
二、網(wǎng)頁樣式與布局課
Web樣式與布局：了解特殊布局的實(shí)現(xiàn)技巧，了解瀏覽器基本發(fā)展情況，瀏覽器的兼容，SEO基本常識(shí)
1）各種瀏覽器兼容性以及處理方式；
2）垂直居中，水平居中的處理方式；
3）雪碧圖處理，滑動(dòng)門處理及高寬自適應(yīng)等高級(jí)應(yīng)用技術(shù)；
4）CSS預(yù)處理器LESS框架的使用；
5）CSS組件框架編寫。
三、HTML5與CSS3基礎(chǔ)應(yīng)用課
了解HTML的發(fā)展歷史，熟悉HTML5的文檔結(jié)構(gòu)，熟悉HTML5特性與CSS3新特性，媒體查詢實(shí)現(xiàn)簡單的響應(yīng)式布局.
1 中文非主流字體--外部資源(有字庫)
2 增加偽類選擇器: nth-of-type
3 codepen頁面結(jié)構(gòu)搭建精簡;
4 增加響應(yīng)式理論知識(shí)：優(yōu)缺點(diǎn)，設(shè)計(jì)原則, 視口, 斷點(diǎn)選擇
5 做一個(gè)移動(dòng)端的簡易網(wǎng)頁；
1）HTML5核心元素及布局應(yīng)用；
2）CSS3 復(fù)雜選擇器（包括兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等）
四、Web界面多平臺(tái)項(xiàng)目實(shí)訓(xùn)課
完成PC端整站與移動(dòng)端項(xiàng)目的開發(fā)，包括瀏覽器兼容性等知識(shí)點(diǎn)的補(bǔ)充。
1 增加3d景深案例 :transform-style, perspective,perspective-origin；
2 京東頁面，只帶練有特色的部分, 對(duì)于重復(fù)性的結(jié)構(gòu)，作為練習(xí)晚間獨(dú)立完成；
3 一個(gè)移動(dòng)端的頁面(響應(yīng)式： em rem )，表格；
1）2D/3D 轉(zhuǎn)換（包括移動(dòng)、旋轉(zhuǎn)、傾斜和縮放、視點(diǎn)的定義和使用）、過渡、動(dòng)畫；
2）CSS Hack、CSS 優(yōu)化、瀏覽器兼容性。
五、Javascript語言基礎(chǔ)語法課
計(jì)算機(jī)程序基礎(chǔ)，認(rèn)識(shí)網(wǎng)頁交互原理，深入講解Javascript基本語法，了解DOM事件、屬性、樣式，學(xué)習(xí)js變量、函數(shù)（參數(shù)、返回值）、判斷語句、運(yùn)算符、表達(dá)式等。
1）了解什么是JavaScript；
2）了解JavaScript如何使用及運(yùn)作原理；
3）掌握J(rèn)avaScript的理論體系結(jié)構(gòu)；
4）掌握J(rèn)avaScript基本語法；
六、Javascript交互原理與應(yīng)用課
鼠標(biāo)、鍵盤事件，事件對(duì)象，默認(rèn)事件，事件冒泡，元素的移動(dòng)拖拽操作，模塊封裝及前端工程化開發(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)試聽課，滿意再考慮是否學(xué)習(xí)：（發(fā)送姓名+課程+所在地區(qū)到老師手機(jī)，即可獲得離您較近校區(qū)的免費(fèi)試聽信息）
◆24小時(shí)咨詢熱線：183-2170-6027 QQ：106-4557-212 ◆趕緊預(yù)約免費(fèi)享受體驗(yàn)課程！