網(wǎng)頁(yè)設(shè)計(jì)與制作教程-Web前端開(kāi)發(fā) 第7版 教學(xué)計(jì)劃-64課時(shí)

授課計(jì)劃,,,,,,,

"序

號(hào)","周

次","課

時(shí)",授課簡(jiǎn)要內(nèi)容,教學(xué)要求,"授課形式

及地點(diǎn)",作業(yè),"教學(xué)設(shè)備

使用情況"

1,1,2,HTML5概述,Web的基本概念，HTML5的基本結(jié)構(gòu)和語(yǔ)法規(guī)則，編輯HTML文件。,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2",電腦、網(wǎng)絡(luò)

2,1,2,塊級(jí)元素,基本塊級(jí)元素，列表元素,"XX-YY機(jī)房，在線平臺(tái)

",無(wú),電腦、網(wǎng)絡(luò)

3,2,2,塊級(jí)元素,表格元素table，表單，分區(qū)元素div，縮排元素blockquote,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2",電腦、網(wǎng)絡(luò)

4,2,2,行級(jí)元素,行級(jí)元素的格式化元素，圖像元素img，超鏈接元素a,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題3,電腦、網(wǎng)絡(luò)

5,3,2,行級(jí)元素,圖像熱區(qū)鏈接map、area，范圍元素span，多媒體元素,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題4,電腦、網(wǎng)絡(luò)

6,3,2,CSS3基礎(chǔ),CSS簡(jiǎn)介，在HTML中使用CSS的方法，CSS的兩個(gè)主要特性，CSS的基本語(yǔ)法,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題1,電腦、網(wǎng)絡(luò)

7,4,2,CSS3基礎(chǔ),元素選擇器，通配符選擇器，屬性選擇器，派生選擇器，兄弟選擇器，id選擇器，類選擇器,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題3,電腦、網(wǎng)絡(luò)

8,4,2,CSS3基礎(chǔ),偽類選擇器，UI元素狀態(tài)偽類選擇器，結(jié)構(gòu)偽類選擇器，其他偽類選擇器，偽元素選擇器。,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題2,電腦、網(wǎng)絡(luò)

9,5,2,CSS3基礎(chǔ),"長(zhǎng)度、百分比單位，色彩單位。

文檔結(jié)構(gòu)的基本概念，元素類型。

","XX-YY機(jī)房，在線平臺(tái)

","習(xí)題4,5",電腦、網(wǎng)絡(luò)

10,5,2,CSS3的屬性,CSS背景屬性，CSS字體屬性，CSS文本屬性,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2",電腦、網(wǎng)絡(luò)

11,6,2,CSS4的屬性,CSS尺寸屬性，CSS列表屬性,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題3,4,5",電腦、網(wǎng)絡(luò)

12,6,2,CSS5的屬性,CSS表格屬性，CSS內(nèi)容屬性，,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題6,電腦、網(wǎng)絡(luò)

13,7,2,CSS6的屬性,CSS屬性的應(yīng)用。,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題7,電腦、網(wǎng)絡(luò)

14,7,2,CSS的盒模型,CSS盒模型的組成和大小，CSS盒模型的屬性,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2",電腦、網(wǎng)絡(luò)

15,8,2,CSS的盒模型,CSS布局屬性，CSS盒子定位屬性，CSS3多列屬性,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題3，4,電腦、網(wǎng)絡(luò)

16,8,2,CSS的盒模型,CSS基本布局樣式,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題5,6,7，8",電腦、網(wǎng)絡(luò)

17,9,2,JavaScript程序設(shè)計(jì)基礎(chǔ),JavaScript概述，在HTML文檔中使用JavaScript，數(shù)據(jù)類型，標(biāo)識(shí)符、變量、運(yùn)算符和表達(dá)式，,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題1,電腦、網(wǎng)絡(luò)

18,9,2,JavaScript程序設(shè)計(jì)基礎(chǔ),流程控制語(yǔ)句,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題2,電腦、網(wǎng)絡(luò)

19,10,2,JavaScript程序設(shè)計(jì)基礎(chǔ),函數(shù),"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題3,4",電腦、網(wǎng)絡(luò)

20,10,2,JavaScript程序設(shè)計(jì)基礎(chǔ),對(duì)象,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題5,電腦、網(wǎng)絡(luò)

21,11,2,JavaScript程序設(shè)計(jì)基礎(chǔ),內(nèi)置對(duì)象,"XX-YY機(jī)房，在線平臺(tái)

",無(wú),電腦、網(wǎng)絡(luò)

22,11,2,JavaScript程序設(shè)計(jì)基礎(chǔ),正則表達(dá)式,"XX-YY機(jī)房，在線平臺(tái)

",無(wú),電腦、網(wǎng)絡(luò)

23,12,2,JavaScript對(duì)象模型,BOM的對(duì)象,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2",電腦、網(wǎng)絡(luò)

24,12,2,JavaScript對(duì)象模型,DOM的對(duì)象,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題3,4,5，6",電腦、網(wǎng)絡(luò)

25,13,2,JavaScript事件處理,事件概述，window事件，mouse事件,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2,3",電腦、網(wǎng)絡(luò)

26,13,2,JavaScript事件處理,keyboard事件，form事件，事件捕捉與事件冒泡,"XX-YY機(jī)房，在線平臺(tái)

",習(xí)題4，5,電腦、網(wǎng)絡(luò)

27,14,2,CSS3變形、過(guò)渡和動(dòng)畫屬性,變形,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2,3，4",電腦、網(wǎng)絡(luò)

28,14,2,CSS3變形、過(guò)渡和動(dòng)畫屬性,過(guò)渡，動(dòng)畫,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題5,6,7，8",電腦、網(wǎng)絡(luò)

29,15,2,HTML5的拖放和畫布,拖放，畫布,"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2，3",電腦、網(wǎng)絡(luò)

30,15,2,綜合案例——新聞網(wǎng)的設(shè)計(jì)與實(shí)現(xiàn),網(wǎng)站的開(kāi)發(fā)流程和組織結(jié)構(gòu)，制作新聞網(wǎng)的首頁(yè),"XX-YY機(jī)房，在線平臺(tái)

","習(xí)題1,2",電腦、網(wǎng)絡(luò)

31,16,