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

課程介紹：

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

Web樣式與布局：網(wǎng)頁結構進行認知，了解切片與網(wǎng)頁結構間的邏輯關系，學習符合W3C標準的HTML網(wǎng)頁框架制作技術，包括結構標簽，學習網(wǎng)頁樣式表現(xiàn)方法，使用CSS對網(wǎng)頁進行細節(jié)美化

1）HTML簡介、基本結構、編輯工具、常用標簽、W3C標準；

2）CSS結構、語法、樣式表分類、優(yōu)先級、塊元素、選擇器；

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

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

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

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

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

3）雪碧圖處理，滑動門處理及高寬自適應等高級應用技術；

4）CSS預處理器LESS框架的使用；

5）CSS組件框架編寫。

三、HTML5與CSS3基礎應用課

了解HTML的發(fā)展歷史，熟悉HTML5的文檔結構，熟悉HTML5特性與CSS3新特性，媒體查詢實現(xiàn)簡單的響應式布局.

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

2 增加偽類選擇器: nth-of-type

3 codepen頁面結構搭建精簡;

4 增加響應式理論知識：優(yōu)缺點，設計原則, 視口, 斷點選擇

5 做一個移動端的簡易網(wǎng)頁；

1）HTML5核心元素及布局應用；

2）CSS3 復雜選擇器（包括兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等）

四、Web界面多平臺項目實訓課

完成PC端整站與移動端項目的開發(fā)，包括瀏覽器兼容性等知識點的補充。

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

2 京東頁面，只帶練有特色的部分, 對于重復性的結構，作為練習晚間獨立完成；

3 一個移動端的頁面(響應式： em rem )，表格；

1）2D/3D 轉換（包括移動、旋轉、傾斜和縮放、視點的定義和使用）、過渡、動畫；

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

五、Javascript語言基礎語法課

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

1）了解什么是JavaScript；

2）了解JavaScript如何使用及運作原理；

3）掌握JavaScript的理論體系結構；

4）掌握JavaScript基本語法；

六、Javascript交互原理與應用課

鼠標、鍵盤事件，事件對象，默認事件，事件冒泡，元素的移動拖拽操作，模塊封裝及前端工程化開發(fā)1）掌握事件，事件原理；

2）掌握JavaScript基本的制作方法；

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

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

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

3）掌握JavaScript內(nèi)置對象（如Array、String、Date、JSON、Math、RegExp）；

七、JavaScript運動框架應用課回調(diào)函數(shù)，自運行函數(shù)，正則表達式、面向對象基本知識，詳細講解javascript運動框架及實例、javascript運動框架及實例。

我校在該區(qū)域有多個校點，可先預約免費試聽課，滿意再考慮是否學習：（發(fā)送姓名+課程+所在地區(qū)到老師手機，即可獲得離您較近校區(qū)的免費試聽信息）

◆24小時咨詢熱線：183-2170-6027 QQ：106-4557-212 ◆趕緊預約免費享受體驗課程！