準備
抽象思(si)維，計算機組成(cheng)，學習(xi)心態(tai)方法，學習(xi)階段導讀。
網頁和網站基礎
Web標準引導
語法
DreamWaver基本操(cao)作(zuo)。
HTML語法：HTML常見標簽(qian)，比如html、head、body、div、table、h1、p和img等(deng)等(deng)；
XHTML語法。
HTML5特(te)點引導(dao)。
CSS語(yu)法(fa)：基本語(yu)法(fa)，選(xuan)擇(ze)符，用法(fa)，分類(lei)，文檔結構等(deng)等(deng)。
CSS3特點引導。
JjavaScript語(yu)法：簡介，數(shu)據類型常量變量，表達式和運算符，語(yu)句(ju)，函數(shu)，對象(xiang)，數(shu)組(zu)等(deng)等(deng)。
結合JavaScript的圖片切換網頁
初級
DIV+CSS常規布(bu)局
DIV+CSS效果設計：頁(ye)面(mian)背景圖(tu)像，頁(ye)面(mian)中圖(tu)像，文(wen)本內容排版，表單樣(yang)式，列表樣(yang)式，超鏈接樣(yang)式
DIV+CSS常見網頁版面設計：首頁、客戶頁、產品頁、公司簡介頁等等。
中(zhong)等(deng)版面網(wang)(wang)(wang)頁(ye)的編(bian)寫(xie)：咖啡店(dian)網(wang)(wang)(wang)站(zhan)(zhan)、個人網(wang)(wang)(wang)站(zhan)(zhan)、汽(qi)車(che)租賃網(wang)(wang)(wang)站(zhan)(zhan)、通信服務(wu)宣傳(chuan)網(wang)(wang)(wang)頁(ye)、休(xiu)閑游戲網(wang)(wang)(wang)站(zhan)(zhan)、企業英文(wen)網(wang)(wang)(wang)站(zhan)(zhan)、企業網(wang)(wang)(wang)站(zhan)(zhan)、美容時尚(shang)網(wang)(wang)(wang)站(zhan)(zhan)、游戲網(wang)(wang)(wang)站(zhan)(zhan)登(deng)錄頁(ye)、網(wang)(wang)(wang)站(zhan)(zhan)搜索欄、音樂(le)網(wang)(wang)(wang)站(zhan)(zhan)、娛樂(le)網(wang)(wang)(wang)站(zhan)(zhan)頁(ye)面、電子商(shang)務(wu)網(wang)(wang)(wang)站(zhan)(zhan)。
中級
使用JavaScript搭建動態效果
CSS與XML和(he)Ajax的(de)綜合使用(yong)
JQuery：選擇元素，事件，樣式與動畫，操作DOM，通(tong)過AJAX發送(song)數據
游戲網站頁面
休閑樂園網站
社區網站
JQuery酷炫動畫
設計思路
通過UML圖(tu)形設計(ji)和(he)復雜流程圖(tu)設計(ji)學習，掌握設計(ji)思路(lu)。基本的多模塊架構和(he)多模塊接口鍛(duan)煉。
網站結構圖學習。
完全實現淘寶產品詳情頁的編寫
高級
HTML5新特性學習
CSS3新特性學習
JQuery高(gao)級(ji)：使(shi)用插件，開(kai)發插件，高(gao)級(ji)選擇符與遍歷，高(gao)級(ji)事件處理，高(gao)級(ji)效果，高(gao)級(ji)DOM操(cao)作，高(gao)級(ji)Ajax
Json數據交換。
經典(dian)前端框架：JQuery，Bootstrap，React，EasyUI，MooTools。
電商平臺(tai)前(qian)端(duan)優化技術(shu)
HTML5新特性實踐
CSS3新特性實踐
JQuery表(biao)格插件實踐(jian)
Bootstrap實踐
React實踐
EasyUI實踐
MooTools實(shi)踐
前端優化實踐 |
合作伙伴與授權機構
