準(zhǔn)備
抽象思維,計(jì)算機(jī)組成,學(xué)習(xí)心態(tài)方法,學(xué)習(xí)階段導(dǎo)讀。
網(wǎng)頁和網(wǎng)站基礎(chǔ)
Web標(biāo)準(zhǔn)引導(dǎo)
語法
DreamWaver基本操作。
HTML語法:HTML常見標(biāo)簽,比如html、head、body、div、table、h1、p和img等等;
XHTML語法。
HTML5特點(diǎn)引導(dǎo)。
CSS語法:基本語法,選擇符,用法,分類,文檔結(jié)構(gòu)等等。
CSS3特點(diǎn)引導(dǎo)。
JjavaScript語法:簡(jiǎn)介,數(shù)據(jù)類型常量變量,表達(dá)式和運(yùn)算符,語句,函數(shù),對(duì)象,數(shù)組等等。
結(jié)合JavaScript的圖片切換網(wǎng)頁
初級(jí)
DIV+CSS常規(guī)布局
DIV+CSS效果設(shè)計(jì):頁面背景圖像,頁面中圖像,文本內(nèi)容排版,表單樣式,列表樣式,超鏈接樣式
DIV+CSS常見網(wǎng)頁版面設(shè)計(jì):首頁、客戶頁、產(chǎn)品頁、公司簡(jiǎn)介頁等等。
中等版面網(wǎng)頁的編寫:咖啡店網(wǎng)站、個(gè)人網(wǎng)站、汽車租賃網(wǎng)站、通信服務(wù)宣傳網(wǎng)頁、休閑游戲網(wǎng)站、企業(yè)英文網(wǎng)站、企業(yè)網(wǎng)站、美容時(shí)尚網(wǎng)站、游戲網(wǎng)站登錄頁、網(wǎng)站搜索欄、音樂網(wǎng)站、娛樂網(wǎng)站頁面、電子商務(wù)網(wǎng)站。
中級(jí)
使用JavaScript搭建動(dòng)態(tài)效果
CSS與XML和Ajax的綜合使用
JQuery:選擇元素,事件,樣式與動(dòng)畫,操作DOM,通過AJAX發(fā)送數(shù)據(jù)
游戲網(wǎng)站頁面
休閑樂園網(wǎng)站
社區(qū)網(wǎng)站
JQuery酷炫動(dòng)畫
設(shè)計(jì)思路
通過UML圖形設(shè)計(jì)和復(fù)雜流程圖設(shè)計(jì)學(xué)習(xí),掌握設(shè)計(jì)思路?;镜亩嗄K架構(gòu)和多模塊接口鍛煉。
網(wǎng)站結(jié)構(gòu)圖學(xué)習(xí)。
完全實(shí)現(xiàn)淘寶產(chǎn)品詳情頁的編寫
高級(jí)
HTML5新特性學(xué)習(xí)
CSS3新特性學(xué)習(xí)
JQuery高級(jí):使用插件,開發(fā)插件,高級(jí)選擇符與遍歷,高級(jí)事件處理,高級(jí)效果,高級(jí)DOM操作,高級(jí)Ajax
Json數(shù)據(jù)交換。
經(jīng)典前端框架:JQuery,Bootstrap,React,EasyUI,MooTools。
電商平臺(tái)前端優(yōu)化技術(shù)
HTML5新特性實(shí)踐
CSS3新特性實(shí)踐
JQuery表格插件實(shí)踐
Bootstrap實(shí)踐
React實(shí)踐
EasyUI實(shí)踐
MooTools實(shí)踐
前端優(yōu)化實(shí)踐 |