web前端開發(fā)大綱

《web前端開發(fā)大綱》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、WORD文檔可編輯《web前端開發(fā)》教學(xué)大綱編寫人：石亞平課時：80課時技術(shù)資料專業(yè)分享WORD文檔可編輯一、課程教學(xué)內(nèi)容及目標(biāo)4（一）知識目標(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)頁面；52.通過JavaScript實(shí)現(xiàn)簡

2、單的交互功能；53.通過jQuery簡化js的原生代碼，減少代碼量；54.通過bootstrap框架，實(shí)現(xiàn)頁面快速布局55.能解決各大瀏覽器的兼容性問題；5（三）參考教材5《JavaScript高級程序設(shè)計》、《W3School離線手冊》、《jQuery1.9.3幫助文檔》5二、課程教學(xué)內(nèi)容及考核要求5第一單元：HTML基礎(chǔ)51.1Web基礎(chǔ)知識51.2HTML快速入門51.3文本和圖像61.4表格和列表6第二單元：css基礎(chǔ)172.1CSS語法172.2CSS基礎(chǔ)選擇器172.3框模型和背景182.4浮動和定位18第三單元：CSS3基礎(chǔ)293.1復(fù)雜選擇器293.2多列屬性303.3CSSH

3、ack30第四單元CSS3高級364.1轉(zhuǎn)換364.2過渡364.3動畫36第五單元JavaScript455.1JavaScript概述455.2JavaScript基礎(chǔ)語法465.3變量和常量46第六單元JavaScript數(shù)據(jù)類型轉(zhuǎn)換和運(yùn)算符49技術(shù)資料專業(yè)分享WORD文檔可編輯6.1數(shù)據(jù)類型496.2基本類型496.3數(shù)據(jù)類型轉(zhuǎn)換496.4運(yùn)算符49第七單元JavaScript函數(shù)547.1函數(shù)的定義547.2函數(shù)的調(diào)用547.3變量的作用域547.4全局函數(shù)54第八單元?JavaScript分支結(jié)構(gòu)588.1什么是分支結(jié)構(gòu)588.2If語句588.3If-else語句588.4els

4、eif語句588.5switch-case語句58第九單元循環(huán)結(jié)構(gòu)619.1什么是循環(huán)結(jié)構(gòu)619.2While語句619.3do-while語句619.4For語句61第十單元創(chuàng)建和訪問數(shù)組6410.1什么是數(shù)組6410.2數(shù)組的定義和初始化6410.3訪問數(shù)組6410.4數(shù)組的常用方法6410.5二維數(shù)組64第十一單元DOM6911.1DHTML概述6911.2DOM概述6911.3節(jié)點(diǎn)信息6911.4通過HTML選取元素6911.5通過CSS選取元素69第十二單元HTML5基礎(chǔ)7212.1HTML5表單元素7212.2HTML5表單屬性及驗(yàn)證72第十三單元音視頻處理和Canvas繪圖751

5、3.1視頻處理7513.2音頻處理7613.3Canvas概述7613.4Canvas繪圖76第十四單元jQuery7914.1jQuery介紹7914.2jQuery的編程步驟7914.3jQuery對象79技術(shù)資料專業(yè)分享WORD文檔可編輯14.4jQuery選擇器79第十五單元jQuery操作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動畫效果和bootstrap起步8516.1隱藏和顯示8516.2自定義動畫8516.

6、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排版9417.7柵格9417.8表單94技術(shù)資料專業(yè)分享WORD文檔可編輯一、課程教學(xué)內(nèi)容及目標(biāo)（一）知識目標(biāo)1.掌握html5、css3的基本語法；2.掌握html5的canvas繪圖；3.掌握css3動畫；4.掌握J(rèn)avaScript基本語法；5.掌握DOM的基本用法；6.掌握jQuery的基本用法和jQuery的動畫效果；7.熟悉w3c規(guī)范，了解各大主流瀏覽器的兼容

7、性；8.熟悉bootstrap框架（二）能力目標(biāo)1.通過本課程的學(xué)習(xí)要求學(xué)生掌握css3新增的選擇器和html5新增的表單元素；2.會使用canvas繪圖3.通過JavaScript實(shí)現(xiàn)簡單的交互功能；4.通過jQuery簡化js的原生代碼，減少代碼量；5.通過bootstrap框架，實(shí)現(xiàn)頁面快速布局6.能解決各大瀏覽器的兼容性問題；（三）參考教材《JavaScript高級程序設(shè)計》、《W3Sch