人教版（2024）七年級(jí)全一冊(cè)信息科技第4單元《校園活

動(dòng)線上展》教案

《第16課探秘網(wǎng)頁(yè)與代碼》教學(xué)設(shè)計(jì)

一、學(xué)情分析

學(xué)生在之前的學(xué)習(xí)中已經(jīng)對(duì)網(wǎng)頁(yè)有了一定的認(rèn)識(shí)，但對(duì)于網(wǎng)頁(yè)背

后的代碼還比較陌生。他們對(duì)探索未知事物充滿好奇心，具備一定的

邏輯思維能力。

二、教材分析

本節(jié)課將帶領(lǐng)學(xué)生深入探秘網(wǎng)頁(yè)與代碼的關(guān)系，了解網(wǎng)頁(yè)的基本

結(jié)構(gòu)和常用代碼，為學(xué)生進(jìn)一步學(xué)習(xí)網(wǎng)頁(yè)制作打下基礎(chǔ)。

三、核心素養(yǎng)教學(xué)目標(biāo)

1.信息意識(shí):認(rèn)識(shí)到網(wǎng)頁(yè)與代碼的緊密聯(lián)系，了解網(wǎng)頁(yè)制作

的基木原理。

2.計(jì)算思維:能夠分析網(wǎng)頁(yè)代碼的結(jié)構(gòu)和功能，理解其邏輯

關(guān)系。

第1頁(yè)共41頁(yè)

3.數(shù)字化學(xué)習(xí)與創(chuàng)新：通過(guò)學(xué)習(xí)網(wǎng)頁(yè)代碼，培養(yǎng)學(xué)生的創(chuàng)新

能力和實(shí)踐能力。

4.信息社會(huì)責(zé)任：在學(xué)習(xí)和使用網(wǎng)頁(yè)代碼的過(guò)程中，遵守相

關(guān)法律法規(guī)和道德規(guī)范。

四、教學(xué)重難點(diǎn)

1.教學(xué)重點(diǎn)：網(wǎng)頁(yè)的基本結(jié)構(gòu)和常用代碼的理解。

2.教學(xué)難點(diǎn)：如何引導(dǎo)學(xué)生理解代碼與網(wǎng)頁(yè)呈現(xiàn)效果之間的

關(guān)系。

五、教學(xué)準(zhǔn)備

1.多媒體教室、教學(xué)課件。

2.網(wǎng)頁(yè)編輯工具和瀏覽器。

六、教學(xué)方法

1.講授法：講解網(wǎng)頁(yè)的基本結(jié)構(gòu)和常用代碼的含義。

第2頁(yè)共41頁(yè)

2.演示法：通過(guò)演示網(wǎng)頁(yè)代碼的編輯和運(yùn)行過(guò)程，讓學(xué)生直

觀感受代碼的作用。

3.實(shí)踐法：讓學(xué)生動(dòng)手編輯簡(jiǎn)單的網(wǎng)頁(yè)代碼，加深對(duì)知識(shí)的

理解。

七、教學(xué)過(guò)程

1.趣味導(dǎo)入

?教師活動(dòng)：展示一些精美的網(wǎng)頁(yè)，提問(wèn)學(xué)生這些網(wǎng)頁(yè)是如

何制作出來(lái)的。

?學(xué)生活動(dòng)：觀察網(wǎng)頁(yè)，思考并回答問(wèn)題，激發(fā)對(duì)網(wǎng)頁(yè)制作

的興趣。

?設(shè)計(jì)意國(guó)：引起學(xué)生的好奇心，導(dǎo)入木節(jié)課的主題。

?過(guò)程性評(píng)價(jià)：觀察學(xué)生的參與度和回答的積極性。

2.知識(shí)新授

第3頁(yè)共41頁(yè)

4.實(shí)踐操作

?教師活動(dòng)：布置任務(wù)，讓學(xué)生動(dòng)手編輯一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，

包括文本、圖片等元素，并設(shè)置樣式。

?學(xué)生活動(dòng)：使用網(wǎng)頁(yè)編輯工具進(jìn)行實(shí)踐操作，遇到問(wèn)題及

時(shí)請(qǐng)教老師。

?設(shè)計(jì)意圖：讓學(xué)生通過(guò)實(shí)踐加深對(duì)網(wǎng)頁(yè)代碼的理解和掌握。

?過(guò)程性評(píng)價(jià)：巡視學(xué)生的操作情況，給予指導(dǎo)和鼓勵(lì)。

5.作品展示

?教師活動(dòng)：選擇一些學(xué)生的作品進(jìn)行展示，讓其他學(xué)生進(jìn)

行評(píng)價(jià)。

?學(xué)生活動(dòng)：欣賞作品，發(fā)表自己的意見(jiàn)和建議。

?設(shè)計(jì)意圖：培養(yǎng)學(xué)生的審美能力和評(píng)價(jià)能力，促進(jìn)學(xué)生之

間的交流和學(xué)習(xí)。

第5頁(yè)共41頁(yè)

?過(guò)程性評(píng)價(jià)：聽(tīng)取學(xué)生的評(píng)價(jià)，對(duì)學(xué)生的作品進(jìn)行總結(jié)和

點(diǎn)評(píng)。

6.課堂總結(jié)

?教師活動(dòng)：總結(jié)本節(jié)課的重點(diǎn)內(nèi)容，強(qiáng)調(diào)網(wǎng)頁(yè)代碼的重要

性和學(xué)習(xí)方法。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，回顧本節(jié)課的學(xué)習(xí)內(nèi)容。

?設(shè)計(jì)意圖：幫助學(xué)生梳理知識(shí)，鞏固所學(xué)內(nèi)容。

?過(guò)程性評(píng)價(jià)：通過(guò)提問(wèn)等方式，檢查學(xué)生對(duì)本節(jié)課內(nèi)容的

掌握情況。

7.作業(yè)布置

?讓學(xué)生叵家后繼續(xù)完善自己的網(wǎng)頁(yè)作品，并嘗試添加一些

交互功能。

八、設(shè)計(jì)板書

第6頁(yè)共41頁(yè)

1.探秘網(wǎng)頁(yè)與代碼

?網(wǎng)頁(yè)基本結(jié)構(gòu)

?常用代碼介紹

?代碼演示

2.實(shí)踐操作與作品展示

?學(xué)生作品展示

?評(píng)價(jià)與建議

九、教學(xué)反思

1.反思：在教學(xué)中，要注重引導(dǎo)學(xué)生自主探索和實(shí)踐，讓學(xué)

生在實(shí)踐中發(fā)現(xiàn)問(wèn)題、解決問(wèn)題。同時(shí)，要及時(shí)給予學(xué)生反饋和鼓勵(lì)，

增強(qiáng)學(xué)生的學(xué)習(xí)信心。

2.收獲：學(xué)生通過(guò)本節(jié)課的學(xué)習(xí)，對(duì)網(wǎng)頁(yè)與代碼有了更深入

地了解，能夠編輯簡(jiǎn)單的網(wǎng)頁(yè)代碼。通過(guò)實(shí)踐操作和作品展示，

第7頁(yè)共41頁(yè)

提高了學(xué)生的動(dòng)手能力和創(chuàng)新能力。

《第17課制作網(wǎng)頁(yè)展活動(dòng)》教學(xué)設(shè)計(jì)

一、學(xué)情分析

學(xué)生已經(jīng)對(duì)網(wǎng)頁(yè)的基本結(jié)構(gòu)和代碼有了一定的了解，具備了制作

簡(jiǎn)單網(wǎng)頁(yè)的能力。他們渴望能夠展示自己的作品，分享自己的創(chuàng)意。

二、教材分析

本節(jié)課將讓學(xué)生綜合運(yùn)用所學(xué)知識(shí)，制作一個(gè)展示活動(dòng)的網(wǎng)頁(yè)，

培養(yǎng)學(xué)生的實(shí)踐能力和創(chuàng)新精神。

三、核心素養(yǎng)教學(xué)目標(biāo)

1.信息意識(shí)：能夠根據(jù)活動(dòng)主題，確定網(wǎng)頁(yè)的內(nèi)容和布局。

2.計(jì)算思維：學(xué)會(huì)運(yùn)用合理的代碼結(jié)構(gòu)和算法，實(shí)現(xiàn)網(wǎng)頁(yè)的

功能。

3.數(shù)字化學(xué)習(xí)與創(chuàng)新：通過(guò)制作網(wǎng)頁(yè)，展示自己的創(chuàng)意和個(gè)

性，提高數(shù)字化表達(dá)能力。

第8頁(yè)共41頁(yè)

4.信息社會(huì)責(zé)任：在制作網(wǎng)頁(yè)的過(guò)程中，尊重知識(shí)產(chǎn)權(quán)，遵

守網(wǎng)絡(luò)道德規(guī)范。

四、教學(xué)重難點(diǎn)

1.教學(xué)重點(diǎn)：網(wǎng)頁(yè)的設(shè)計(jì)與制作，包括頁(yè)面布局、內(nèi)容組織、

圖片處理等。

2.教學(xué)難點(diǎn)：如何讓網(wǎng)頁(yè)具有獨(dú)特的創(chuàng)意和吸引力，同時(shí)保

證網(wǎng)頁(yè)的穩(wěn)定性和兼容性。

五、教學(xué)準(zhǔn)備

1.多媒體教室、教學(xué)課件。

2.網(wǎng)頁(yè)制作工具、圖片素材等。

六、教學(xué)方法

1.任務(wù)驅(qū)動(dòng)法：布置具體的任務(wù)，讓學(xué)生在完成任務(wù)的過(guò)程

中學(xué)習(xí)和掌握網(wǎng)頁(yè)制作的技能。

第9頁(yè)共41頁(yè)

2.小組合作法：學(xué)生分組合作，共同完成網(wǎng)頁(yè)的制作，培養(yǎng)

團(tuán)隊(duì)協(xié)作精神。

3.自主探究法：鼓勵(lì)學(xué)生自主探究，嘗試新的技術(shù)和方法，

提高創(chuàng)新能力。

七、教學(xué)過(guò)程

1.趣味導(dǎo)入

?教師活動(dòng)：展示一些優(yōu)秀的網(wǎng)頁(yè)作品，激發(fā)學(xué)生的創(chuàng)作欲

望。

?學(xué)生活動(dòng)：欣賞網(wǎng)頁(yè)作品，討論這些作品的優(yōu)點(diǎn)和特色。

?設(shè)計(jì)意圖：通過(guò)展示優(yōu)秀作品，讓學(xué)生明確學(xué)習(xí)目標(biāo)，激

發(fā)學(xué)生的學(xué)習(xí)興趣。

?過(guò)程性評(píng)價(jià)：觀察學(xué)生的討論情況，了解學(xué)生的興趣點(diǎn)和

創(chuàng)意方向。

第10頁(yè)共41頁(yè)

2.任務(wù)布置

?教師活動(dòng)：布置制作網(wǎng)頁(yè)的任務(wù)，要求學(xué)生以展示活動(dòng)為

主題，設(shè)計(jì)并制作一個(gè)網(wǎng)頁(yè)。

?學(xué)生活動(dòng)：明確任務(wù)要求，分組討論網(wǎng)頁(yè)的內(nèi)容和布局。

?設(shè)計(jì)意圖：讓學(xué)生明確任務(wù)目標(biāo)，培養(yǎng)學(xué)生的團(tuán)隊(duì)合作精

神和規(guī)戈IJ能力。

?過(guò)程性評(píng)價(jià)：參與學(xué)生的討論，指導(dǎo)學(xué)生制定合理的計(jì)劃。

3.知識(shí)回顧

?教師活動(dòng)：回顧網(wǎng)頁(yè)制作的基本知識(shí)，如HTML、CSS、

JavaScript的使用，圖片處理等。

?學(xué)生活動(dòng)：復(fù)習(xí)相關(guān)知識(shí)，為制作網(wǎng)頁(yè)做好準(zhǔn)備。

?設(shè)計(jì)意圖：鞏固學(xué)生的知識(shí)基礎(chǔ)，確保學(xué)生能夠順利完成

任務(wù)。

第11頁(yè)共41頁(yè)

過(guò)程性評(píng)價(jià)：通過(guò)提問(wèn)等方式，檢查學(xué)生對(duì)知識(shí)的掌握情

況。

4.實(shí)踐操作

?教師活動(dòng)：巡視學(xué)生的實(shí)踐操作情況，及時(shí)給予指導(dǎo)和幫

助，解決學(xué)生遇到的問(wèn)題。

?學(xué)生活動(dòng)：根據(jù)任務(wù)要求，小組合作制作網(wǎng)頁(yè)，包括頁(yè)面

設(shè)計(jì)、代碼編寫、圖片處理等。

?設(shè)計(jì)意圖：培養(yǎng)學(xué)生的實(shí)踐能力和團(tuán)隊(duì)協(xié)作精神，提高學(xué)

生的解決問(wèn)題能力。

?過(guò)程性評(píng)價(jià)：觀察學(xué)生的操作過(guò)程，評(píng)價(jià)學(xué)生的技能掌握

情況和團(tuán)隊(duì)合作能力。

5.作品展示

?教師活動(dòng)：組織學(xué)生進(jìn)行作品展示，每個(gè)小組介紹自己制

作的網(wǎng)頁(yè)，包括設(shè)計(jì)思路、特色功能等。

第12頁(yè)共41頁(yè)

?學(xué)生活動(dòng)：各小組代表進(jìn)行展示，分享小組的作品和經(jīng)驗(yàn)。

?設(shè)計(jì)意圖：培養(yǎng)學(xué)生的表達(dá)能力和分享意識(shí)，促進(jìn)學(xué)生之

間的交流和學(xué)習(xí)。

?過(guò)程性評(píng)價(jià)：聽(tīng)取學(xué)生的展示，評(píng)價(jià)學(xué)生的作品和表現(xiàn)。

6.評(píng)價(jià)總結(jié)

?教師活動(dòng)：對(duì)學(xué)生的作品進(jìn)行評(píng)價(jià)，總結(jié)優(yōu)點(diǎn)和不足之處，

提出改進(jìn)建議。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)取教師的評(píng)價(jià)，反思自己的作品，總結(jié)

經(jīng)驗(yàn)教訓(xùn)。

?設(shè)計(jì)意圖：幫助學(xué)生提高網(wǎng)頁(yè)制作水平，培養(yǎng)學(xué)生的自我

評(píng)價(jià)和反思能力。

?過(guò)程性評(píng)價(jià)：通過(guò)評(píng)價(jià)學(xué)生的作品和表現(xiàn)，了解學(xué)生的學(xué)

習(xí)效果。

7.課堂總結(jié)

第13頁(yè)共41頁(yè)

?教師活動(dòng)：總結(jié)本節(jié)課的重點(diǎn)內(nèi)容，強(qiáng)調(diào)網(wǎng)頁(yè)制作的要點(diǎn)

和注意事項(xiàng)。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，回顧本節(jié)課的學(xué)習(xí)內(nèi)容。

?設(shè)計(jì)意醫(yī)：幫助學(xué)生梳理知識(shí)，強(qiáng)化重點(diǎn)。

?過(guò)程性評(píng)價(jià)：通過(guò)提問(wèn)等方式，檢查學(xué)生對(duì)本節(jié)課內(nèi)容的

掌握情況。

8.作業(yè)布置

?讓學(xué)生根據(jù)教師的建議，進(jìn)一步完善自己的網(wǎng)頁(yè)作品，并

將其發(fā)布到互聯(lián)網(wǎng)上。

八、設(shè)計(jì)板書

1.制作網(wǎng)頁(yè)展活動(dòng)

?任務(wù)要求

第14頁(yè)共41頁(yè)

?網(wǎng)頁(yè)設(shè)計(jì)要點(diǎn)

?作品展示與評(píng)價(jià)

2.知識(shí)回顧

?HTML

?CSS

?JavaScript

?圖片處理

九、教學(xué)反思

1.反思：在教學(xué)中，要充分發(fā)揮學(xué)生的主體作用，讓學(xué)生在

實(shí)踐中不斷提高自己的能力。同時(shí)，要加強(qiáng)對(duì)學(xué)生的指導(dǎo)和評(píng)價(jià)，及

時(shí)發(fā)現(xiàn)學(xué)生的問(wèn)題并給予幫助。

2.收獲：學(xué)生通過(guò)本節(jié)課的學(xué)習(xí)，能夠綜合運(yùn)用所學(xué)知識(shí)制

作網(wǎng)頁(yè)，展示了自己的創(chuàng)意和個(gè)性。通過(guò)作品展示和評(píng)價(jià)，學(xué)生

第15頁(yè)共41頁(yè)

能夠相互學(xué)習(xí)和交流，共同提高網(wǎng)頁(yè)制作水平。

《第18課美化網(wǎng)頁(yè)方法多》教學(xué)設(shè)計(jì)

一、學(xué)情分析

學(xué)生在之前的學(xué)習(xí)中已經(jīng)掌握了網(wǎng)頁(yè)的基本制作方法，但網(wǎng)頁(yè)的

美觀度和用戶體驗(yàn)還有待提高。他們對(duì)美化網(wǎng)頁(yè)充滿興趣，希望能夠

學(xué)習(xí)更多的美化技巧。

二、教材分析

本節(jié)課將介紹多種美化網(wǎng)頁(yè)的方法，包括色彩搭配、布局設(shè)計(jì)、

圖片處理等，幫助學(xué)生提升網(wǎng)頁(yè)的美觀度和吸引力。

三、核心素養(yǎng)教學(xué)目標(biāo)

1.信息意識(shí)：認(rèn)識(shí)到網(wǎng)頁(yè)美化的重要性，能夠根據(jù)網(wǎng)頁(yè)的主

題和目標(biāo)受眾選擇合適的美化方法。

2.計(jì)算思維：能夠運(yùn)用設(shè)計(jì)原則和算法，優(yōu)化網(wǎng)頁(yè)的布局和

結(jié)構(gòu)。

第16頁(yè)共41頁(yè)

3.數(shù)字化學(xué)習(xí)與創(chuàng)新：學(xué)會(huì)使用各種工具和技術(shù)，創(chuàng)新網(wǎng)頁(yè)

的美化效果。

4.信息社會(huì)責(zé)任：在美化網(wǎng)頁(yè)的過(guò)程中，注重版權(quán)問(wèn)題，尊

重他人的勞動(dòng)成果。

四、教學(xué)重難點(diǎn)

1.教學(xué)重點(diǎn),：網(wǎng)頁(yè)美化的方法和技巧，如色彩搭配、布局設(shè)

計(jì)、圖片處理等。

2.教學(xué)難點(diǎn),：如何將各種美化方法有機(jī)結(jié)合，打造出美觀、

實(shí)用的網(wǎng)頁(yè)。

五、教學(xué)準(zhǔn)備

1.多媒體教室、教學(xué)課件。

2.網(wǎng)頁(yè)制作工具、圖片素材等。

六、教學(xué)方法

第17頁(yè)共41頁(yè)

1.講授法：講解網(wǎng)頁(yè)美化的相關(guān)知識(shí)和技巧。

2.演示法：通過(guò)演示操作，讓學(xué)生直觀地學(xué)習(xí)美化網(wǎng)頁(yè)的方

法。

3.實(shí)踐法：讓學(xué)生動(dòng)手實(shí)踐，運(yùn)用所學(xué)知識(shí)美化網(wǎng)頁(yè)。

七、教學(xué)過(guò)程

1.趣味導(dǎo)入

?教師活動(dòng)：展示一些美觀的網(wǎng)頁(yè)和不太美觀的網(wǎng)頁(yè)，讓學(xué)

生對(duì)比并說(shuō)出感受。

?學(xué)生活動(dòng)：觀察網(wǎng)頁(yè)，發(fā)表自己的看法，體會(huì)網(wǎng)頁(yè)美化的

重要性。

?設(shè)計(jì)意國(guó)：通過(guò)對(duì)比，激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)美化的興趣。

?過(guò)程性評(píng)價(jià)：觀察學(xué)生的反應(yīng)，了解學(xué)生對(duì)網(wǎng)頁(yè)美觀度的

認(rèn)識(shí)。

第18頁(yè)共41頁(yè)

2.知識(shí)新授

?教師活動(dòng)：講解色彩搭配的基本原則、布局設(shè)計(jì)的常用方

法、圖片處理的技巧等。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，記錄重點(diǎn)內(nèi)容，積極提問(wèn)。

?設(shè)計(jì)意匡：讓學(xué)生系統(tǒng)地學(xué)習(xí)網(wǎng)頁(yè)美化的知識(shí)和技巧。

?過(guò)程性評(píng)價(jià)：解答學(xué)生的疑問(wèn)，檢查學(xué)生的筆記。

3.演示操作

?教師活動(dòng)：使用網(wǎng)頁(yè)制作工具進(jìn)行演示，展示如何運(yùn)用色

彩、布局和圖片等元素美化網(wǎng)頁(yè)。

?學(xué)生活動(dòng)：觀察演示，學(xué)習(xí)具體的操作方法。

?設(shè)計(jì)意圖：通過(guò)實(shí)際操作演示，幫助學(xué)生掌握美化網(wǎng)頁(yè)的

技能。

?過(guò)程性評(píng)價(jià)：提問(wèn)學(xué)生對(duì)演示內(nèi)容的理解和掌握情況。

第19頁(yè)共41頁(yè)

4.實(shí)踐操作

?教師活動(dòng)：布置任務(wù)，讓學(xué)生選擇一個(gè)自己制作的網(wǎng)頁(yè)，

運(yùn)用所學(xué)知識(shí)進(jìn)行美化。

?學(xué)生活動(dòng)：動(dòng)手實(shí)踐，嘗試運(yùn)用各種美化方法提升網(wǎng)頁(yè)的

美觀度。

?設(shè)計(jì)意圖：讓學(xué)生在實(shí)踐中鞏固所學(xué)知識(shí)，提高實(shí)際操作

能力。

?過(guò)程性評(píng)價(jià)：巡視學(xué)生的操作過(guò)程，及時(shí)給予指導(dǎo)和建議。

5.作品展示

?教師活動(dòng)：選擇一些學(xué)生的作品進(jìn)行展示，讓其他學(xué)生進(jìn)

行評(píng)價(jià)。

?學(xué)生活動(dòng)：欣賞作品，發(fā)表自己的意見(jiàn)和建議。

?設(shè)計(jì)意圖：培養(yǎng)學(xué)生的審美能力和評(píng)價(jià)能力，促進(jìn)學(xué)生之

第20頁(yè)共41頁(yè)

間的交流和學(xué)習(xí)。

?過(guò)程性評(píng)價(jià)：聽(tīng)取學(xué)生的評(píng)價(jià)，對(duì)學(xué)生的作品進(jìn)行總結(jié)和

點(diǎn)評(píng)。

6.優(yōu)化改進(jìn)

?教師活動(dòng)：根據(jù)學(xué)生的評(píng)價(jià)和建議，指導(dǎo)學(xué)生對(duì)自己的作

品進(jìn)行優(yōu)化改進(jìn)。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)取意見(jiàn)，對(duì)作品進(jìn)行進(jìn)一步的美化和完

善。

?設(shè)計(jì)意圖：幫助學(xué)生不斷提高網(wǎng)頁(yè)美化水平，培養(yǎng)學(xué)生的

精益求精精神。

?過(guò)程性評(píng)價(jià)：再次巡視學(xué)生的操作過(guò)程，關(guān)注學(xué)生的改進(jìn)

情況。

7.課堂總結(jié)

?教師活動(dòng)：總結(jié)本節(jié)課的重點(diǎn)內(nèi)容，強(qiáng)調(diào)網(wǎng)頁(yè)美化的重要

第21頁(yè)共41頁(yè)

性和方法。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，回顧本節(jié)課的學(xué)習(xí)內(nèi)容。

?設(shè)計(jì)意圖：幫助學(xué)生梳理知識(shí)，強(qiáng)化重點(diǎn)。

?過(guò)程性評(píng)價(jià)：通過(guò)提問(wèn)等方式，檢查學(xué)生對(duì)本節(jié)課內(nèi)容的

掌握情況。

8.作業(yè)布置

?讓學(xué)生繼續(xù)完善自己的網(wǎng)頁(yè)作品，注重細(xì)節(jié)處理，使網(wǎng)頁(yè)

更加美觀和實(shí)用。

八、設(shè)計(jì)板書

1.美化網(wǎng)頁(yè)方法多

?色彩搭配

?布局設(shè)計(jì)

第22頁(yè)共41頁(yè)

?圖片處理

2.實(shí)踐操作與作品展示

?學(xué)生作品展示

?評(píng)價(jià)與建議

?優(yōu)化改進(jìn)

九、教學(xué)反思

1.反思：在教學(xué)中，要注重引導(dǎo)學(xué)生發(fā)揮創(chuàng)意，避免千篇一

律地美化風(fēng)格。同時(shí)，要加強(qiáng)對(duì)學(xué)生的審美教育，提高學(xué)生的審美水

平。

3.收獲：學(xué)生通過(guò)本節(jié)課的學(xué)習(xí)，掌握了多種美化網(wǎng)頁(yè)的方

法和技巧，能夠運(yùn)用這些知識(shí)提升網(wǎng)頁(yè)的美觀度。通過(guò)作品展示

和評(píng)價(jià)，學(xué)生能夠相互學(xué)習(xí)和借鑒，不斷提高自己的設(shè)計(jì)能力。

《第19課多人協(xié)同效率高》教學(xué)設(shè)計(jì)

第23頁(yè)共41頁(yè)

一、學(xué)情分析

學(xué)生在之前的學(xué)習(xí)中已經(jīng)了解了網(wǎng)頁(yè)制作的基本流程，但對(duì)于多

人協(xié)同制作網(wǎng)頁(yè)的方式還不太熟悉。他們需要學(xué)習(xí)如何有效地與他人

合作，提高工作效率。

二、教材分析

本節(jié)課將介紹多人協(xié)同制作網(wǎng)頁(yè)的方法和工具，讓學(xué)生體驗(yàn)團(tuán)隊(duì)

合作的優(yōu)勢(shì)，培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力。

三、核心素養(yǎng)教學(xué)目標(biāo)

1.信息意識(shí)：認(rèn)識(shí)到多人協(xié)同工作的重要性，了解協(xié)同工具

的作用。

2.計(jì)算思維：能夠運(yùn)用合理的分工和協(xié)作方式，提高網(wǎng)頁(yè)制

作的效率。

3.數(shù)字化學(xué)習(xí)與創(chuàng)新：學(xué)會(huì)使用協(xié)同工具，與他人共同創(chuàng)新

和完成網(wǎng)頁(yè)制作任務(wù)。

4.信息社會(huì)責(zé)任：在團(tuán)隊(duì)合作中，遵守規(guī)則，尊重他人，積

第24頁(yè)共41頁(yè)

極承擔(dān)自己的責(zé)任。

四、教學(xué)重難點(diǎn)

1.教學(xué)重點(diǎn)：多人協(xié)同制作網(wǎng)頁(yè)的方法和工具的使用。

2.教學(xué)難點(diǎn)：如何協(xié)調(diào)團(tuán)隊(duì)成員之間的工作，避免沖突和重

復(fù)勞動(dòng)。

五、教學(xué)準(zhǔn)備

1.多媒體教室、教學(xué)課件。

2.協(xié)同工具軟件、網(wǎng)頁(yè)制作項(xiàng)目素材。

六、教學(xué)方法

L講授法：講解多人協(xié)同制作網(wǎng)慶的相關(guān)知識(shí)和方法。

2.演示法：通過(guò)演示協(xié)同工具的使用，讓學(xué)生直觀地了解其

功能。

第25頁(yè)共41頁(yè)

3.實(shí)踐法：學(xué)生分組進(jìn)行實(shí)踐操作，體驗(yàn)多人協(xié)同制作網(wǎng)頁(yè)

的過(guò)程。

七、教學(xué)過(guò)程

1.趣味導(dǎo)入

?教師活動(dòng)：展示一個(gè)復(fù)雜的網(wǎng)頁(yè)項(xiàng)目，提問(wèn)學(xué)生如果一個(gè)

人完成這個(gè)項(xiàng)目需要多長(zhǎng)時(shí)間，引導(dǎo)學(xué)生思考多人協(xié)同工作的優(yōu)勢(shì)。

?學(xué)生活動(dòng)：觀察網(wǎng)頁(yè)項(xiàng)目，思考并回答問(wèn)題，認(rèn)識(shí)到團(tuán)隊(duì)

合作的重要性。

?設(shè)計(jì)意圖：通過(guò)問(wèn)題引導(dǎo)，激發(fā)學(xué)生對(duì)多人協(xié)同工作的興

趣。

?過(guò)程性評(píng)價(jià)：觀察學(xué)生的回答情況，了解學(xué)生對(duì)團(tuán)隊(duì)合作

的初步認(rèn)識(shí)。

2.知識(shí)新授

?教師活動(dòng)：講解多人協(xié)同制作網(wǎng)頁(yè)的方法，包括分工、協(xié)

第26頁(yè)共41頁(yè)

作、溝通等方面的知識(shí)，以及常用的協(xié)同工具的功能和使用方法。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，記錄重點(diǎn)內(nèi)容，積極提問(wèn)。

?設(shè)計(jì)意圖：讓學(xué)生系統(tǒng)地學(xué)習(xí)多人協(xié)同制作網(wǎng)頁(yè)的知識(shí)和

技能。

?過(guò)程性評(píng)價(jià)：解答學(xué)生的疑問(wèn)，檢查學(xué)生的筆記。

3.演示操作

?教師活動(dòng)：使用協(xié)同工具進(jìn)行演示，展示如何創(chuàng)建團(tuán)隊(duì)項(xiàng)

目、分配任務(wù)、進(jìn)行協(xié)作和溝通等操作。

?學(xué)生活動(dòng)：觀察演示，學(xué)習(xí)協(xié)同工具的具體使用方法。

?設(shè)計(jì)意圖：通過(guò)實(shí)際操作演示，幫助學(xué)生掌握協(xié)同工具的

使用技能。

?過(guò)程性評(píng)價(jià)：提問(wèn)學(xué)生對(duì)演示內(nèi)容的理解和掌握情況。

4.分組實(shí)踐

第27頁(yè)共41頁(yè)

?教師活動(dòng)：將學(xué)生分組，布置網(wǎng)頁(yè)制作任務(wù)，讓學(xué)生運(yùn)用

所學(xué)知識(shí)和協(xié)同工具進(jìn)行實(shí)踐操作。

?學(xué)生活動(dòng)：小組成員分工合作，使用協(xié)同工具完成網(wǎng)頁(yè)制

作任務(wù)。

?設(shè)計(jì)意圖：讓學(xué)生在實(shí)踐中體驗(yàn)多人協(xié)同工作的過(guò)程，提

高團(tuán)隊(duì)協(xié)作能力。

?過(guò)程性評(píng)價(jià)：巡視各小組的操作情況，及時(shí)給予指導(dǎo)和幫

助。

5.成果展示

?教師活動(dòng)：組織各小組展示自己的網(wǎng)頁(yè)作品，并介紹團(tuán)隊(duì)

協(xié)作的過(guò)程和經(jīng)驗(yàn)。

?學(xué)生活動(dòng)：各小組代表進(jìn)行展示和分享，其他小組進(jìn)行評(píng)

價(jià)和提問(wèn)。

?設(shè)計(jì)意圖：培養(yǎng)學(xué)生的表達(dá)能力和團(tuán)隊(duì)意識(shí)，促進(jìn)小組之

第28頁(yè)共41頁(yè)

間的交流和學(xué)習(xí)。

?過(guò)程性評(píng)價(jià)：聽(tīng)取各小組的展示和評(píng)價(jià)，對(duì)各小組的成果

和表現(xiàn)進(jìn)行總結(jié)和點(diǎn)評(píng)。

6.總結(jié)反思

?教師活動(dòng)：總結(jié)本節(jié)課的重點(diǎn)內(nèi)容，強(qiáng)調(diào)團(tuán)隊(duì)協(xié)作的重要

性和注意事項(xiàng)，引導(dǎo)學(xué)生反思自己在團(tuán)隊(duì)協(xié)作中的表現(xiàn)和不足。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，反思自己的表現(xiàn)，總結(jié)經(jīng)驗(yàn)教訓(xùn)。

?設(shè)計(jì)意圖：幫助學(xué)生梳理知識(shí)，強(qiáng)化重點(diǎn)，提高團(tuán)隊(duì)協(xié)作

能力。

?過(guò)程性評(píng)價(jià)：通過(guò)提問(wèn)等方式，檢查學(xué)生對(duì)本節(jié)課內(nèi)容的

掌握情況和反思效果。

7.作業(yè)布置

?讓學(xué)生在課后繼續(xù)完善自己小組的網(wǎng)頁(yè)作品，注重團(tuán)隊(duì)協(xié)

作和溝通。

第29頁(yè)共41頁(yè)

八、設(shè)計(jì)板書

1.多人協(xié)同效率高

?協(xié)同方法

?協(xié)同工具

?團(tuán)隊(duì)協(xié)作

2.實(shí)踐操作與成果展示

?小組分工

?作品展示

?經(jīng)驗(yàn)分享

九、教學(xué)反思

1.反思：在教學(xué)中，要加強(qiáng)對(duì)學(xué)生團(tuán)隊(duì)協(xié)作能力的培養(yǎng)，引

第30頁(yè)共41頁(yè)

導(dǎo)學(xué)生學(xué)會(huì)有效地溝通和協(xié)調(diào)。同時(shí)，要關(guān)注學(xué)生在團(tuán)隊(duì)中的角色和

貢獻(xiàn)，鼓勵(lì)每個(gè)學(xué)生發(fā)揮自己的優(yōu)勢(shì)。

2.收獲：學(xué)生通過(guò)本節(jié)課的學(xué)習(xí)，了解了多人協(xié)同制作網(wǎng)頁(yè)

的方法和工具，體驗(yàn)了團(tuán)隊(duì)合作的優(yōu)勢(shì)，提高了團(tuán)隊(duì)協(xié)作能力和

解決問(wèn)題的能力。

《第20課組建網(wǎng)站跟我做》教學(xué)設(shè)計(jì)

一、學(xué)情分析

學(xué)生在之前的學(xué)習(xí)中已經(jīng)掌握了網(wǎng)頁(yè)制作的基本技能，對(duì)網(wǎng)站的

組成和結(jié)構(gòu)有了一定的了解，但對(duì)于如何組建一個(gè)完整的網(wǎng)站還缺乏

系統(tǒng)的認(rèn)識(shí)和實(shí)踐經(jīng)驗(yàn)。

二、教材分析

木節(jié)課將引導(dǎo)學(xué)生綜合運(yùn)用所學(xué)知識(shí)：學(xué)習(xí)組建網(wǎng)站的步驟和方

法，包括網(wǎng)站規(guī)劃、頁(yè)面設(shè)計(jì)、鏈接設(shè)置等，培養(yǎng)學(xué)生的綜合實(shí)踐能

力和創(chuàng)新意識(shí)。

三、核心素養(yǎng)教學(xué)目標(biāo)

第31頁(yè)共41頁(yè)

L信息意識(shí)：了解網(wǎng)站組建的重要性，能夠根據(jù)需求規(guī)劃網(wǎng)

站的結(jié)構(gòu)和內(nèi)容。

2.計(jì)算思維：能夠運(yùn)用邏輯思維和算法，設(shè)計(jì)網(wǎng)站的頁(yè)面布

局和鏈接關(guān)系。

3.數(shù)字化學(xué)習(xí)與創(chuàng)新：學(xué)會(huì)使用相關(guān)工具和技術(shù)，創(chuàng)新網(wǎng)站

的設(shè)計(jì)和功能，提高數(shù)字化表達(dá)能力。

4.信息社會(huì)責(zé)任：在組建網(wǎng)站的過(guò)程中，遵守法律法規(guī)，尊

重知識(shí)產(chǎn)權(quán)，保護(hù)用戶隱私。

四、教學(xué)重難點(diǎn)

1.教學(xué)重點(diǎn)：網(wǎng)站組建的步驟和方法，包括網(wǎng)站規(guī)劃、頁(yè)面

設(shè)計(jì)、鏈接設(shè)置等。

2.教學(xué)難點(diǎn)：如何設(shè)計(jì)一個(gè)具有吸引力和實(shí)用性的網(wǎng)站，以

及如何解決網(wǎng)站組建過(guò)程中遇到的問(wèn)題。

五、教學(xué)準(zhǔn)備

第32頁(yè)共41頁(yè)

1.多媒體教室、教學(xué)課件。

2.網(wǎng)站組建工具軟件、服務(wù)器空間（可選）。

六、教學(xué)方法

1.任務(wù)驅(qū)動(dòng)法：通過(guò)布置具體的任務(wù)，讓學(xué)生在完成任務(wù)的

過(guò)程中學(xué)習(xí)和掌握網(wǎng)站組建的技能。

2.小組合作法：學(xué)生分組合作，共同完成網(wǎng)站組建的任務(wù)，

培養(yǎng)團(tuán)隊(duì)協(xié)作精神。

3.自主探究法：鼓勵(lì)學(xué)生自主探究，嘗試解決網(wǎng)站組建過(guò)程

中遇到的問(wèn)題，培養(yǎng)創(chuàng)新能力。

七、教學(xué)過(guò)程

1.趣味導(dǎo)入

?教師活動(dòng)：展示一些優(yōu)秀的網(wǎng)站案例，引導(dǎo)學(xué)生觀察和分

析這些網(wǎng)站的特點(diǎn)和優(yōu)勢(shì)，激發(fā)學(xué)生組建網(wǎng)站的興趣。

第33頁(yè)共41頁(yè)

?學(xué)生活動(dòng)：欣賞網(wǎng)站案例，討論這些網(wǎng)站的優(yōu)點(diǎn)，思考自

己想要組建一個(gè)什么樣的網(wǎng)站。

?設(shè)計(jì)意圖：通過(guò)展不優(yōu)秀案例，激發(fā)學(xué)生的學(xué)習(xí)興趣和創(chuàng)

作欲望。

?過(guò)程性評(píng)價(jià)：觀察學(xué)生的討論情況，了解學(xué)生的興趣點(diǎn)和

創(chuàng)意方向。

2.知識(shí)新授

?教師活動(dòng)：講解網(wǎng)站組建的基本步驟，包括網(wǎng)站規(guī)劃、頁(yè)

面設(shè)計(jì)、鏈接設(shè)置、內(nèi)容填充等，以及每個(gè)步驟的注意事項(xiàng)。

?學(xué)生活動(dòng)：認(rèn)真聽(tīng)講，記錄重點(diǎn)內(nèi)容，提出疑問(wèn)。

?設(shè)計(jì)意國(guó)：讓學(xué)生系統(tǒng)地了解網(wǎng)站組建的過(guò)程和方法。

?過(guò)程性評(píng)價(jià)：解答學(xué)生的疑問(wèn)，檢查學(xué)生的理解情況。

3.網(wǎng)站規(guī)戈!

第34頁(yè)共41頁(yè)

?教師活動(dòng)：指導(dǎo)學(xué)生進(jìn)行網(wǎng)站規(guī)劃，包括確定網(wǎng)站主題、

目標(biāo)受眾、內(nèi)容結(jié)構(gòu)等，讓學(xué)生繪制網(wǎng)站的結(jié)構(gòu)圖。

?學(xué)生活動(dòng)：小組討論，確定網(wǎng)站的主題和規(guī)劃，繪制網(wǎng)站

結(jié)構(gòu)圖。

?設(shè)計(jì)意青：培養(yǎng)學(xué)生的規(guī)劃能力和團(tuán)隊(duì)協(xié)作精神。

?過(guò)程性評(píng)價(jià)：參與學(xué)生的討論，指導(dǎo)學(xué)生進(jìn)行網(wǎng)站規(guī)劃，

檢查網(wǎng)站結(jié)構(gòu)圖的合理性。

4.頁(yè)面設(shè)計(jì)

?教師活動(dòng)：講解頁(yè)面設(shè)計(jì)的原則和方法，包括布局、色彩、

字體等方面的知識(shí)，展示一些優(yōu)秀的頁(yè)面設(shè)計(jì)案例。

?學(xué)生活動(dòng)：學(xué)習(xí)頁(yè)面設(shè)計(jì)的知識(shí)，欣賞案例，討論如何設(shè)

計(jì)自己網(wǎng)站的頁(yè)面。

?設(shè)計(jì)意圖：讓學(xué)生掌握頁(yè)面設(shè)計(jì)的基本技能，提高審美能

力。

第35頁(yè)共41頁(yè)

過(guò)程性評(píng)價(jià)：觀察學(xué)生的討論情況，指導(dǎo)學(xué)生進(jìn)行頁(yè)面設(shè)

計(jì)。

5.鏈接設(shè)置

?教師活動(dòng)：講解鏈接的類型和設(shè)置方法，包括內(nèi)部鏈接、

外部鏈接等，讓學(xué)生在自己的網(wǎng)站中設(shè)置鏈接。

?學(xué)生活動(dòng)：學(xué)習(xí)鏈接設(shè)置的知識(shí)，在網(wǎng)站中設(shè)置鏈接，確

保鏈接的正確性和有效性。

?設(shè)計(jì)意圖：讓學(xué)生掌握鏈接設(shè)置的技能，提高網(wǎng)站的可用

性。

?過(guò)程性評(píng)價(jià)：檢查學(xué)生的鏈接設(shè)置情況，指導(dǎo)學(xué)生解決遇

到的問(wèn)題。

6.內(nèi)容填充

?教師活動(dòng)：引導(dǎo)學(xué)生收集和整理網(wǎng)站的內(nèi)容，包括文字、

圖片、視頻等，讓學(xué)生將內(nèi)容填充到網(wǎng)站中。

第36頁(yè)共41頁(yè)

?學(xué)生活動(dòng)：小組分工，收集和整理網(wǎng)站的內(nèi)容，將