資源描述：
《web前端開發(fā)大綱》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、......《web前端開發(fā)》教學(xué)大綱編寫人：石亞平課時(shí)：80課時(shí)參考材料......一、課程教學(xué)內(nèi)容及目標(biāo)4（一）知識(shí)目標(biāo)41.掌握html、html5、css、css3的基本語法；42.掌握html5的canvas繪圖；43.熟練應(yīng)用div+css實(shí)現(xiàn)頁面布局；44.掌握J(rèn)avaScript基本語法；45.掌握DOM的基本用法；46.掌握jQuery的基本用法；47.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容性；48.熟悉bootstrap框架4（二）能力目標(biāo)51.通過本課程的學(xué)習(xí)要求學(xué)生掌握div+css實(shí)現(xiàn)頁面的布局，實(shí)現(xiàn)靜態(tài)
2、頁面；52.通過JavaScript實(shí)現(xiàn)簡(jiǎn)單的交互功能；53.通過jQuery簡(jiǎn)化js的原生代碼，減少代碼量；54.通過bootstrap框架，實(shí)現(xiàn)頁面快速布局55.能解決各大瀏覽器的兼容性問題；5（三）參考教材5《JavaScript高級(jí)程序設(shè)計(jì)》、《W3School離線手冊(cè)》、《jQuery1.9.3幫助文檔》5二、課程教學(xué)內(nèi)容及考核要求5第一單元：HTML基礎(chǔ)51.1Web基礎(chǔ)知識(shí)5參考材料......1.2HTML快速入門51.3文本和圖像61.4表格和列表6第二單元：css基礎(chǔ)172.1CSS語法172.2CSS基礎(chǔ)選擇器
3、172.3框模型和背景182.4浮動(dòng)和定位18第三單元：CSS3基礎(chǔ)293.1復(fù)雜選擇器293.2多列屬性303.3CSSHack30第四單元CSS3高級(jí)364.1轉(zhuǎn)換364.2過渡364.3動(dòng)畫36第五單元JavaScript455.1JavaScript概述455.2JavaScript基礎(chǔ)語法465.3變量和常量46第六單元JavaScript數(shù)據(jù)類型轉(zhuǎn)換和運(yùn)算符496.1數(shù)據(jù)類型49參考材料......6.2基本類型496.3數(shù)據(jù)類型轉(zhuǎn)換496.4運(yùn)算符49第七單元JavaScript函數(shù)547.1函數(shù)的定義547.2函數(shù)的
4、調(diào)用547.3變量的作用域547.4全局函數(shù)54第八單元?JavaScript分支結(jié)構(gòu)588.1什么是分支結(jié)構(gòu)588.2If語句588.3If-else語句588.4elseif語句588.5switch-case語句58第九單元循環(huán)結(jié)構(gòu)619.1什么是循環(huán)結(jié)構(gòu)619.2While語句619.3do-while語句619.4For語句61第十單元?jiǎng)?chuàng)建和訪問數(shù)組6410.1什么是數(shù)組6410.2數(shù)組的定義和初始化64參考材料......10.3訪問數(shù)組6410.4數(shù)組的常用方法6410.5二維數(shù)組64第十一單元DOM6911.1DHT
5、ML概述6911.2DOM概述6911.3節(jié)點(diǎn)信息6911.4通過HTML選取元素6911.5通過CSS選取元素69第十二單元HTML5基礎(chǔ)7212.1HTML5表單元素7212.2HTML5表單屬性及驗(yàn)證72第十三單元音視頻處理和Canvas繪圖7513.1視頻處理7513.2音頻處理7613.3Canvas概述7613.4Canvas繪圖76第十四單元jQuery7914.1jQuery介紹7914.2jQuery的編程步驟7914.3jQuery對(duì)象7914.4jQuery選擇器79參考材料......第十五單元jQuery操
6、作DOM和jQuery事件8215.1查詢8215.2樣式操作8215.3遍歷節(jié)點(diǎn)8215.4創(chuàng)建、插入、刪除8215.5替換DOM節(jié)點(diǎn)8215.6復(fù)制DOM節(jié)點(diǎn)8215.7jQuery事件82第十六單元jQuery動(dòng)畫效果和bootstrap起步8516.1隱藏和顯示8516.2自定義動(dòng)畫8516.3并發(fā)與排隊(duì)效果8516.4響應(yīng)式網(wǎng)頁概述8516.5編寫響應(yīng)式網(wǎng)頁8616.6bootstrap概念86第十七單元全局CSS樣式9417.1概述9417.2布局容器9417.3按鈕9417.4圖片9417.5表格9417.6排版94參
7、考材料......17.7柵格9417.8表單94一、課程教學(xué)內(nèi)容及目標(biāo)（一）知識(shí)目標(biāo)1.掌握html5、css3的基本語法；2.掌握html5的canvas繪圖；3.掌握css3動(dòng)畫；4.掌握J(rèn)avaScript基本語法；5.掌握DOM的基本用法；6.掌握jQuery的基本用法和jQuery的動(dòng)畫效果；7.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容性；8.熟悉bootstrap框架（二）能力目標(biāo)1.通過本課程的學(xué)習(xí)要求學(xué)生掌握css3新增的選擇器和html5新增的表單元素；2.會(huì)使用canvas繪圖3.通過JavaScript實(shí)現(xiàn)簡(jiǎn)
8、單的交互功能；參考材料......1.通過jQuery簡(jiǎn)化js的原生代碼，減少代碼量；2.通過bootstrap框架，實(shí)現(xiàn)頁面快速布局3.能解決各大瀏覽器的兼容性問題；（一）參考教材《JavaScript高級(jí)程序設(shè)計(jì)》、《W3Scho
