青島版小學(xué)信息科技五年級下冊第二單元 小學(xué)信息技術(shù)單元學(xué)歷案設(shè)計(jì)

小學(xué)信息技術(shù)單元學(xué)歷案設(shè)計(jì)

單元名稱:第二單元《H5一“秀”出你的精彩》

適用年級:小學(xué)四年級

教材信息:青島版小學(xué)信息技術(shù)（第二冊）

設(shè)計(jì)者:

工作單位:

時(shí)間:

目錄

第二單元《H5一“秀”出你的精彩》

第單元.....................................1

第課神奇的H5.............................................................4

第課有聲有色的邀請函.......................8

第3課邀請函動(dòng)起來...........................13

第4課快速制作“百變邀請函”.................17

小學(xué)信息技術(shù)五年級下冊第二單元

《H5一“秀”出你的精彩》單元學(xué)歷案

【課標(biāo)要求】

1.根據(jù)學(xué)習(xí)與生活需要，有意識地選用信息技術(shù)工具處理信息。崇尚科學(xué)精神、

原創(chuàng)精神，具有將創(chuàng)新理念融入自身學(xué)習(xí)、生活的意識。

2.能利用數(shù)字設(shè)備，通過文字、圖片、音頻、視頻等方式記錄自己在學(xué)習(xí)與生

活中發(fā)生的事情，將記錄結(jié)果分類、保存，需要時(shí)進(jìn)行提取。能創(chuàng)建簡單的數(shù)字作

品。

3.在公共場合文明使用數(shù)字設(shè)備，自覺維護(hù)社會公共秩序。

【單元目標(biāo)】

1.通過直觀感受H5作品，了解H5應(yīng)用開發(fā)技術(shù)的概念、特點(diǎn)及其應(yīng)用發(fā)展。

2.經(jīng)歷Mugeda在線H5頁面制作云平臺頁面制作過程，對Mugeda為代表的H5

頁面制作平臺有基本的認(rèn)識和了解。

3.掌握通過Mugeda平臺快速制作H5作品的方法和技巧，利用Mugeda平臺或

其他一些H5制作工具來快速制作一款實(shí)用且精美的H5作品。

【單元知識結(jié)構(gòu)】

大項(xiàng)目：你愿意接受挑戰(zhàn)嗎

家長會就要開始了，本學(xué)期，老師和同學(xué)們一起經(jīng)歷了多姿多彩的校園生活，

我們期待著家長會上能將你的精彩校園生活“秀”給家長和朋友，同時(shí)，我們也想

用一種特殊的方式給家長們發(fā)出邀請，“秀”出我們的信息素養(yǎng)。有沒有一種方式

可以將文字、照片、視頻集合在一起，通過手機(jī)或電腦來分享，甚至與大家進(jìn)行互

動(dòng)呢？

你需要學(xué)習(xí)什么

《H5——“秀”出你的精彩》學(xué)習(xí)內(nèi)容

大項(xiàng)目課時(shí)內(nèi)容指向?qū)W科核心素養(yǎng)課時(shí)

以家長會邀請函神奇的H5信息意識、數(shù)字化學(xué)習(xí)與創(chuàng)新1

“秀”給家長和朋友

有聲有色的邀請函數(shù)字化學(xué)習(xí)與創(chuàng)新1

提供的真實(shí)情境為背

邀請函動(dòng)起來數(shù)字化學(xué)習(xí)與創(chuàng)新1

景，借用H5制作平

臺Mugeda來完成。

1

快速制作“百變邀數(shù)字化學(xué)習(xí)與創(chuàng)新、信息社會1

請函”責(zé)任

若要解決以上問題，你知道需要做哪些知識準(zhǔn)備嗎？我們一起瀏覽一下本單元

要學(xué)習(xí)的知識結(jié)構(gòu)。

UWugeda崎的H5

Muged赧?均趾■

raiH5-"秀嬲搬

踹雕耨■

-卿的噓

賽懶?■

甥睜音■

移動(dòng)互聯(lián)信息科技的快速崛起，對人們的生活方式及消費(fèi)方式產(chǎn)生了巨大的影

響。H5是以移動(dòng)通信為基礎(chǔ)的應(yīng)用技術(shù)，人們上網(wǎng)所看到的網(wǎng)頁，多數(shù)是由HTML

編寫的，而HTML是“超文本標(biāo)記語言”的英文縮寫，其“超文本”是指頁面可以

包含圖片、鏈接、音樂、程序等非文字元素，“標(biāo)記”則是指這些超文本必須由包

含屬性的開頭語結(jié)尾的標(biāo)志來標(biāo)記。HTML5是指第5代HTML規(guī)范標(biāo)準(zhǔn)，常被簡稱為

H5.

由于教材中所選用H5單元載體“WPSH5”已暫停使用，于是本單元改用

Mugeda來作為H5開發(fā)制作的載體平臺。Mugeda是一種可視化的H5頁面在線開發(fā)

平臺，其功能強(qiáng)大，具有簡單、易學(xué)、易操作等特點(diǎn)，利用Mugeda可以設(shè)計(jì)制作

出表現(xiàn)形式豐富，藝術(shù)效果好的H5頁面。

【設(shè)計(jì)說明】

1.本單元使H5制作學(xué)習(xí)的基礎(chǔ)，可以通過單元大項(xiàng)目來引領(lǐng)學(xué)習(xí)，也可以通

過單元大項(xiàng)目來檢測學(xué)生是否學(xué)會了本單元的內(nèi)容。

2.本單元的學(xué)習(xí)路徑為：認(rèn)識H5-靜態(tài)H5頁面制作一動(dòng)態(tài)H5頁面制作一模板

快速H5作品制作。判斷是否學(xué)會的依據(jù)是能否熟練運(yùn)用所學(xué)知識，解決單元大項(xiàng)

2

目及課時(shí)任務(wù)與檢測中的問題。

3.本單元的重點(diǎn)是H5作品制作的基本操作與技能以及其后的科技原理，難點(diǎn)

是如何合理運(yùn)用制作方法與技巧完成優(yōu)秀作品。

4.本單元的內(nèi)容是本冊的重點(diǎn)，參考范例比較豐富，許多網(wǎng)站上有關(guān)H5制作

的課例視頻和范例都可以進(jìn)行參考學(xué)習(xí)。

3

學(xué)習(xí)進(jìn)程

第1課時(shí)神奇的H5

【學(xué)習(xí)目標(biāo)】

1.通過H5案例體驗(yàn)，了解H5的概念、特點(diǎn)及其應(yīng)用發(fā)展。

2.能夠啟動(dòng)并登陸Mugeda制作平臺，熟悉Mugeda工作界面。

3.體驗(yàn)利用Mugeda制作和美化作品的過程，利用Mugeda完成一個(gè)簡單H5作

品，提升學(xué)習(xí)H5制作的興趣。

【設(shè)計(jì)分析】

知識維度認(rèn)知水平維度

目標(biāo)（指事實(shí)性知識、概念

序號性知識、程序性知識、記憶/回憶理解成川分析評價(jià)創(chuàng)造

元認(rèn)知知識）

V（與

V（概文字處

1概念性知識

念）理不

同）

V（操

2事實(shí)性知識

作）

V（與

J（學(xué)VV

其他軟

3程序性知識以致（作（作

件不

用）品）品）

同）

【評價(jià)任務(wù)】

1.了解什么是H5及其基本特征，獨(dú)立完成檢測目標(biāo)1；

2.能夠啟動(dòng)并登陸Mugeda,獨(dú)立完成檢測目標(biāo)2；

3.認(rèn)識Mugeda工作界面，能夠退出系統(tǒng)，完成檢測目標(biāo)3；

4.綜合運(yùn)用完成制作，合作探究完成檢測目標(biāo)4。

【學(xué)習(xí)過程】

加油站：

（-）案例欣賞，激發(fā)興趣（指向目標(biāo)1）

HTML是“超文本標(biāo)

欣賞H5作品：《送?！?、《名片》等。記語言”。其“超文本”是

指頁面內(nèi)可以包含圖片、鏈

想一想：這些作品有哪些特征？你知道這些作品是用

接、音樂、程序等非文字元

什么軟件制作的？素，HTML5是指第5代

議一議：你們的家長會邀請函需要哪些元素？HTML規(guī)范標(biāo)準(zhǔn)，常被稱

（檢測目標(biāo)D為H5oH5是包括

HTML、CSS、JavaScript

在內(nèi)的一套技術(shù)組合。

4

2.朗讀課題和學(xué)習(xí)目標(biāo)。

（二）任務(wù)驅(qū)動(dòng)，探究新知

任務(wù)一：認(rèn)識H5開發(fā)工具M(jìn)ugeda（指向目標(biāo)2）

我們知道了使用H5開發(fā)工具M(jìn)ugeda可以制作H5作品，你對Mugeda的認(rèn)識

有多少？如何啟動(dòng)與登陸Mugeda呢？帶著這些問題來看任務(wù)要求。（檢測目標(biāo)2）

任務(wù)要求：加油站：

1.自主學(xué)習(xí)，嘗試打開Mugeda。1.注冊Mugeda賬號

2.注冊一個(gè)Mugeda賬號。（1）連接網(wǎng)絡(luò)，打開瀏覽器

（2）輸入"”

（3）進(jìn)入賬號注冊界面

（4）輸入注冊信息，提交

2.登陸Mugeda賬號

頁面右上角將顯示用戶獲

評價(jià)標(biāo)準(zhǔn)：

得的數(shù)字賬號

1.能夠正確啟動(dòng)Mugedao

2.能夠成功注冊Mugeda賬號。

<-CA/rm/home/index

任務(wù)二：認(rèn)識Mugeda工作界面（指向目標(biāo)2）

Mugeda的編輯界面設(shè)計(jì)簡單、明確，我們可以通過界面操作很容易創(chuàng)作出各

種精美的H5作品。Mugeda的界面都有哪些部分組成呢？

試一試：進(jìn)入工作臺界面，單擊

目

新建按鈕。

看一看：彈出的對話框中都有哪1□]

些選項(xiàng)。

我們來看任務(wù)要求：（檢測目標(biāo)

任務(wù)要求：加油站：

1.新建一個(gè)作品。Mugeda編輯界面由菜單

2.向小組成員介紹Mugeda的界欄、工具欄、工具箱、頁面

面組成。欄、頁面編輯區(qū)、舞臺、屬性

面板組成。

評價(jià)標(biāo)準(zhǔn)：

1.能夠啟動(dòng)H5”專業(yè)版編輯

器”新建作品。

2.能夠準(zhǔn)確無誤說出Mugeda界

面的組成。

5

任務(wù)三：Mugeda作品的保存與退出（指向目標(biāo)2）

作品完成后，我們要把作品進(jìn)行保存，怎么保存Mugeda作品，又如何退出呢？

（檢測目標(biāo)3）

任務(wù)要求：加油站：

1.打開一個(gè)Mugeda作品，嘗試進(jìn)行單擊下拉菜單中的“退

在線保存。出”選項(xiàng)，將退出當(dāng)前數(shù)字賬

2.退出Mugeda系統(tǒng)。號并返回Mugeda的登陸界

面?！頴（更所

?wx65382499ae~

評價(jià)標(biāo)準(zhǔn)：

1.能夠正確在線保存到“我的作品”我的作品

中O.文素材應(yīng)用：我的張戶

2.能夠成功退出Mugeda賬號并返還

登陸界面。

（三）綜合運(yùn)用，鞏固知識（指向目標(biāo)3）

經(jīng)過三個(gè)任務(wù)，相信你對Mugeda有了一定的認(rèn)識，接下來通過這個(gè)綜合任務(wù)

檢測自己學(xué)的怎么樣，你準(zhǔn)備好了嗎？（檢測目標(biāo)4）

任務(wù)要求：

啟動(dòng)Mugeda,瀏覽提供的模板，根據(jù)家長會你要展示主題的需要，選擇

自己喜歡的一款模板并在小組和班級中交流點(diǎn)評。

評價(jià)標(biāo)準(zhǔn)：

1.能夠正確新建作品，經(jīng)歷頁面制作過程。

2.模板選取符合自己設(shè)定的主題。

（四）成果展示，交流評價(jià)

1.展示自己的成果，分享自己的操作心得。

2.評價(jià)成果：根據(jù)評價(jià)表進(jìn)行自評、互評。

評價(jià)等級

評價(jià)項(xiàng)目評價(jià)標(biāo)準(zhǔn)

自我評價(jià)小組評價(jià)教師評價(jià)

了解什么是H5及其基本特征☆☆☆☆☆☆☆☆☆

能夠啟動(dòng)并登陸Mugeda制作

內(nèi)容評價(jià)平臺，熟悉Mugeda工作界☆☆☆☆☆☆☆☆☆

面。

利用Mugeda完成一個(gè)簡單H5

☆☆☆☆☆☆☆☆☆

作品。

6

符合主題，內(nèi)容豐富。☆☆☆☆☆☆☆☆☆

成果評價(jià)

見解獨(dú)特，敢于創(chuàng)新?！睢睢睢睢睢睢睢睢?/p>

填寫說明：請將☆圖上顏色，★表示合格，★★表示良好，★★★表示優(yōu)秀

3.過程性評價(jià)：對照自己在本節(jié)課的表現(xiàn)，根據(jù)評價(jià)表進(jìn)行自評、互評。

評價(jià)評價(jià)等級

評價(jià)標(biāo)準(zhǔn)

項(xiàng)目自我評價(jià)小組評價(jià)教師評價(jià)

上機(jī)正確填寫上機(jī)記錄、維護(hù)公共財(cái)物、下

☆☆☆☆☆☆☆☆☆

習(xí)慣課前整理機(jī)位及座位

學(xué)習(xí)

認(rèn)真聽課、積極回答問題☆☆☆☆☆☆☆☆☆

習(xí)慣

有學(xué)習(xí)的愿望與興趣，能認(rèn)真學(xué)習(xí)教材

課堂或老師提供的學(xué)習(xí)資料，對所學(xué)知識有

自主

表現(xiàn)正確的認(rèn)識和理解，能運(yùn)用所掌握的知☆☆☆☆☆☆☆☆☆

學(xué)習(xí)

識技能解決實(shí)際問題，具有探究和創(chuàng)新

精神。

合作在合作小組中善于與他人合作交流，共

☆☆☆☆☆☆☆☆☆

學(xué)習(xí)享信息資源。

思維有獨(dú)立思考和進(jìn)行創(chuàng)造性思維的能力和

☆☆☆☆☆☆☆☆☆

能力習(xí)慣

填寫說明：請將☆圖上顏色，★表示合格，★★表示良好，★★★表示優(yōu)秀

（五）課堂總結(jié)，梳理知識

1.歸納總結(jié)自己的收獲。

2.通過本節(jié)課的學(xué)習(xí)，你是否清楚制作一個(gè)H5作品要經(jīng)歷哪幾個(gè)步驟，其中

最容易疏忽的問題是什么？

【檢測與作業(yè)】（☆為挑戰(zhàn)題，供選做）

1.請列出Mugeda窗口由哪幾部分組成：______________________________________________

2.嘗試添加素材到窗口編輯區(qū)。

【學(xué)后反思】

請嘗試畫出本主題學(xué)習(xí)的知識，或?qū)懴伦约盒枰獛椭睦Щ蟆?/p>

7

第2課時(shí)“有聲有色”的邀請函

【學(xué)習(xí)目標(biāo)】

1.能夠靈活運(yùn)用背景、圖片、文字、聲音等元素。

2.通過真實(shí)性任務(wù)，掌握Mugeda把頁面內(nèi)容豐富起來的方法。

3.體驗(yàn)利用Mugeda制作和美化作品的過程，提升發(fā)現(xiàn)美、追求美的意識。

【設(shè)計(jì)分析】

知識維度認(rèn)知水平維度

目標(biāo)（指事實(shí)性知識、概念性

記憶/回

序號知識、程序性知識、元認(rèn)理解應(yīng)用分析評價(jià)創(chuàng)造

憶

知知識）

V（操

1概念性知識

作）

V（原V（操

2程序性知識

理）作）

VV

J（原V（作V（作

3程序性知識、元認(rèn)知知識（作（作

理）品）品）

品）品）

【評價(jià)任務(wù)】

1.了解一件優(yōu)秀的H5作品需要具備哪些元素，獨(dú)立完成檢測目標(biāo)1；

2.能夠設(shè)置頁面背景，獨(dú)立完成檢測目標(biāo)2；

3.能夠進(jìn)行圖片的插入與編輯，完成檢測目標(biāo)3；

4.能夠利用文字點(diǎn)綴頁面，完成檢測目標(biāo)4；

5.能夠添加背景音樂和音效，完成檢測目標(biāo)5；

加油站：

6.綜合運(yùn)用完成制作，合作探究完成檢測目標(biāo)6。一件優(yōu)秀的H5作品需要具

備合適的背景、多彩的圖片、

【學(xué)習(xí)過程】漂亮的文字、動(dòng)聽的音樂等素

材。合理地運(yùn)用這些素材可以

（-）項(xiàng)目引入，明確任務(wù)（指向目標(biāo)1）

使H5作品更具觀賞性和感染

看一看：家長會就要到來，一件別出心裁的力。

邀請函非常重要，請先欣賞一組利用Mugeda制

作的邀請函作品。

想一想：1.以上作品都有哪些共同點(diǎn)？你的邀請函需要哪些元素？（檢測目標(biāo)1）

2.一件邀請函都有哪些必備元素，你的邀請函是怎樣體現(xiàn)這些元素的呢？（檢

8

測目標(biāo)D

必備元素表現(xiàn)內(nèi)容展示方式

3.朗讀課題和學(xué)習(xí)目標(biāo)。

（-）任務(wù)驅(qū)動(dòng)，探究新知

任務(wù)一：設(shè)置頁面背景（指向目標(biāo)1）

通過上一環(huán)節(jié)的分析，你對頁面背景的認(rèn)識有多少？你能找到并合理設(shè)置與主

題相關(guān)的頁面背景嗎？帶著這些問題來看任務(wù)要求。（檢測目標(biāo)2）

任務(wù)要求：加油站：

1.自主學(xué)習(xí)，嘗試進(jìn)入舞臺屬性。1詢詈音導(dǎo)苗.

在屬性面板后單擊“填充色”

2.選擇符合作品主題的背景圖片。

后面的小方框，根據(jù)需要在調(diào)

色板中點(diǎn)選和調(diào)整顏色。

2.設(shè)置背景圖：

單擊“背景圖片”右邊的圖片

評價(jià)標(biāo)準(zhǔn)：添加按鈕，彈出“素材庫”對

L能夠正確進(jìn)入舞臺屬性進(jìn)行設(shè)置。話框，選取合適的圖片，單擊

2.插入的圖片符合作品主題，美觀大“添加"按鈕。

方。

任務(wù)二：圖片的插入與編輯（指向目標(biāo)1）

與主題相關(guān)的圖片、形狀等元素進(jìn)行巧妙的排版，讓大家觀看頁面時(shí)既能獲得

有效的信息，又能獲得美好的觀感！你能找到并合理設(shè)置與主題相關(guān)的圖片嗎？帶

著這些問題來看任務(wù)要求。（檢測目標(biāo)3〉

任務(wù)要求：加油站：

1.自主學(xué)習(xí)，進(jìn)入圖片庫選取圖片。1.導(dǎo)入圖片到舞臺：

2.調(diào)整圖片的大小。單擊導(dǎo)入圖片按鈕，進(jìn)入素材

庫，單擊“上傳圖片”進(jìn)行圖

片上傳。

2.編輯圖片大?。?/p>

單擊插入的圖片，圖片周圍會

評價(jià)標(biāo)準(zhǔn)：出現(xiàn)尺寸控制點(diǎn)。將鼠標(biāo)指針

.能夠正確選取圖片。

1移至尺寸控制點(diǎn)并拖動(dòng)鼠標(biāo)，

2.掌握調(diào)整圖片大小的方法。

可調(diào)整圖片的大小

9

議一議：圖片庫和背景庫中的圖片都可以作為背景使用，他們有什么區(qū)別呢？

任務(wù)三：用文字點(diǎn)綴頁面（指向目標(biāo)D

通過上一環(huán)節(jié)的分析，你對頁面背景的認(rèn)識有多少？你能找到并合理設(shè)置與主

題相關(guān)的頁面背景嗎？帶著這些問題來看任務(wù)要求。（檢測目標(biāo)4）

任務(wù)要求：加油站：

1.自主學(xué)習(xí)，輸入文本內(nèi)容。我們可以通過文字框添加

2.調(diào)整文本框的大小、選擇角度和位文字。用鼠標(biāo)選中文字后，可

置。以對文字的字體、字號、顏色

等進(jìn)行編輯。選中文本框后，

評價(jià)標(biāo)準(zhǔn)：可以對文本框進(jìn)行修改。

1.能夠正確輸入文字，并設(shè)置文字的

字號、字體、顏色。[家長會邀請函

2.拖蘇變形屆’將主字移至合適的位

置。

任務(wù)四：聲音結(jié)合更美妙（指向目標(biāo)1）

邀請函僅用圖片和文字呈現(xiàn)是遠(yuǎn)遠(yuǎn)不夠的，請利用導(dǎo)入聲音工具導(dǎo)入聲音素材。

（檢測目標(biāo)5）

想一想：導(dǎo)入聲音素材的操作方法和導(dǎo)入凰片的方法類似嗎？

加油站：

任務(wù)要求：一段能夠引起共鳴的音樂

1.自主學(xué)習(xí)，嘗試?yán)谩皩?dǎo)入聲音素會讓H5作品更具表現(xiàn)力，音樂

材”工具導(dǎo)入音頻。庫中有不同風(fēng)格的音樂，我們

2.刪除音樂庫中的聲音素材。可以根據(jù)需要進(jìn)行選擇。

10

評價(jià)標(biāo)準(zhǔn)：

1.能夠正確進(jìn)導(dǎo)入聲音素材。

2.能夠正確刪除聲音素材。

（三）綜合運(yùn)用，鞏固知識（指向目標(biāo)2、3）

經(jīng)過四個(gè)任務(wù)，相信你對Mugeda靈活運(yùn)用背景、圖片、文字、聲音有了更深

的認(rèn)識，接下來通過這個(gè)綜合任務(wù)檢測自己學(xué)的怎么樣，你準(zhǔn)備好了嗎？（檢測目

標(biāo)6）i--------------------------------------------------------------------------

任務(wù)要求：

啟動(dòng)Mugeda,根據(jù)家長會邀請函的需要，嘗試添加更多的素材裝飾，完

成家長會邀請函并在小組和班級中交流點(diǎn)評。

評價(jià)標(biāo)準(zhǔn)：

1.選取素材豐富、排版合適、展示美觀。

2.主題突出，內(nèi)容敘述清晰。

（四）成果展示，交流評價(jià)

1.展示自己的成果，分享自己的操作心得。

2.評價(jià)成果：根據(jù)評價(jià)表進(jìn)行自評、互評。

評價(jià)等級

評價(jià)項(xiàng)目評價(jià)標(biāo)準(zhǔn)

自我評價(jià)小組評價(jià)教師評價(jià)

了解一件優(yōu)秀的H5作品需要具備哪些

元素☆☆☆☆☆☆☆☆☆

能夠設(shè)置頁面背景、圖片、文字和聲

音。☆☆☆☆☆☆☆☆☆

內(nèi)容評價(jià)

利用Mugeda綜合各種素材完成邀

請函的制作☆☆☆☆☆☆☆☆☆

符合主題，內(nèi)容豐富。☆☆☆☆☆☆☆☆☆

成果評價(jià)

見解獨(dú)特，敢于創(chuàng)新?！睢睢睢睢睢睢睢睢?/p>

填寫說明：請將☆圖上顏色，★表示合格，★★表示良好，★★★表示優(yōu)秀

3.過程性評價(jià)：對照自己在本節(jié)課的表現(xiàn)，根據(jù)評價(jià)表進(jìn)行自評、互評。

11

評價(jià)評價(jià)等級

評價(jià)標(biāo)準(zhǔn)

項(xiàng)目自我評價(jià)小組評價(jià)教師評價(jià)

上機(jī)正確填寫上機(jī)記錄、維護(hù)公共財(cái)物、下

☆☆☆☆☆☆☆☆☆

習(xí)慣課前整理機(jī)位及座位

學(xué)習(xí)

認(rèn)真聽課、積極回答問題☆☆☆☆☆☆☆☆☆

習(xí)慣

有學(xué)習(xí)的愿望與興趣，能認(rèn)真學(xué)習(xí)教材

課堂或老師提供的學(xué)習(xí)資料，對所學(xué)知識有

自主

表現(xiàn)正確的認(rèn)識和理解，能運(yùn)用所掌握的知☆☆☆☆☆☆☆☆☆

學(xué)習(xí)

識技能解決實(shí)際問題，具有探究和創(chuàng)新

精神。

合作在合作小組中善于與他人合作交流，共

☆☆☆☆☆☆☆☆☆

學(xué)習(xí)享信息資源。

思維有獨(dú)立思考和進(jìn)行創(chuàng)造性思維的能力和

☆☆☆☆☆☆☆☆☆

能力習(xí)慣

填寫說明：請將☆圖上顏色，★表示合格，★★表示良好，★★★表示優(yōu)秀

（五）課堂小結(jié)，梳理知識

1.歸納總結(jié)自己的收獲。

2.本節(jié)課的學(xué)習(xí)，你遇到的困難及解決方法？

【檢測與作業(yè)】（☆為挑戰(zhàn)題，供選做）

1.嘗試為作品添加更多的素材進(jìn)行裝飾。

2.嘗試轉(zhuǎn)換音樂格式。

☆3.選擇自己喜歡的主題，創(chuàng)作屬于自己的H5邀請函。

【學(xué)后反思】

請嘗試畫出本主題學(xué)習(xí)的知識，或?qū)懴伦约盒枰獛椭睦Щ?，或分享何以學(xué)會

的策略等。

12

第3課時(shí)讓邀請函動(dòng)起來

【學(xué)習(xí)目標(biāo)】

1.能夠靈活運(yùn)用動(dòng)畫效果增強(qiáng)作品表現(xiàn)力。

2.通過真實(shí)性任務(wù)，體驗(yàn)特效等動(dòng)作效果的合理運(yùn)用。

3.了解Mugeda中的互動(dòng)應(yīng)用，加強(qiáng)合作與交流意識。

【設(shè)計(jì)分析】

知識維度認(rèn)知水平維度

目標(biāo)（指事實(shí)性知識、概念性

記憶/回

序號知識、程序性知識、元認(rèn)理解應(yīng)用分析評價(jià)創(chuàng)造

憶

知知識）

V（與

J（概其他軟

1概念性知識

念）件處理

異同）

，（原V（作

2程序性知識

理）品）

VV

V（原V（作V（作

3程序性知識、元認(rèn)知知識（作（作

理）品）品）

品）品）

【評價(jià)任務(wù)】

1.了解一件優(yōu)秀的H5作品還需要具備動(dòng)畫效果和互動(dòng)應(yīng)用，獨(dú)立完成檢測目

標(biāo)1;

2.能夠設(shè)置動(dòng)畫效果，獨(dú)立完成檢測目標(biāo)2；

3.能夠在H5中實(shí)現(xiàn)互動(dòng)應(yīng)用，完成檢測目標(biāo)3；

4.綜合運(yùn)用完成制作，合作探究完成檢測目標(biāo)4。

【學(xué)習(xí)過程】加油站：

（-）項(xiàng)目引入，明確任務(wù)（指向目標(biāo)1）巧妙運(yùn)用Mugeda中的動(dòng)

畫和特效，可以使頁面中的圖

看一看：請先欣賞一組.利用Mugeda制片、文字、背景等素材的顯示

作的動(dòng)態(tài)邀請函作品。方式更加生動(dòng)、有趣，是頁面

更具動(dòng)感活力；為頁面增添幾

想一想：1.以上作品都有哪些共同點(diǎn)？個(gè)實(shí)用的交互按鈕，則可以讓

H5頁面與讀者互動(dòng)。

（檢測目標(biāo)D

2.精心設(shè)計(jì)的靜態(tài)H5頁面讓人賞心悅目，而“舞動(dòng)”起來的H5頁面更具魅力。

13

你怎樣利用動(dòng)畫效果和互動(dòng)應(yīng)用來豐富你家長會邀請函的表現(xiàn)力呢？

（檢測目標(biāo)D

表現(xiàn)內(nèi)容動(dòng)畫效果互動(dòng)應(yīng)用

3.朗讀課題和學(xué)習(xí)目標(biāo)。

（二）任務(wù)驅(qū)動(dòng)，探究新知

任務(wù)一：設(shè)置預(yù)制動(dòng)畫（指向目標(biāo)1、2）

對生動(dòng)、形象并且具有吸引力的頁面來說，動(dòng)畫是不可缺少的？利用Mugeda

平臺預(yù)置動(dòng)畫功能，可以快速的制作出具有動(dòng)畫效果的H5作品。帶著這些問題來

看任務(wù)要求。（檢測目標(biāo)2）

想一想：以前學(xué)過的WPS演示軟件是不是也有動(dòng)畫功能，這和我們今天所學(xué)

的內(nèi)容有沒有什么聯(lián)系呢？

任務(wù)要求：加油站：

1導(dǎo).入并調(diào)整素材。1.新建作品，將準(zhǔn)備好的素材

2設(shè)置預(yù)制動(dòng)畫。座導(dǎo)入舞臺

2.選中素材:單擊圖片右下方

的紅色按鈕（預(yù)置動(dòng)畫按鈕）

3.添加預(yù)置動(dòng)畫。

4.設(shè)置動(dòng)畫時(shí)間和運(yùn)動(dòng)方向。

評價(jià)標(biāo)準(zhǔn)：

1.能夠正確導(dǎo)入素材。

2.正確設(shè)置至少一項(xiàng)預(yù)置動(dòng)畫。

任務(wù)二：在H5中實(shí)現(xiàn)互動(dòng)（指向目標(biāo)3）

Mugeda具有多樣化的互動(dòng)方式，如表單、鏈接、投票等，請使用這些功能完

成家長會信息的收集。（檢測目標(biāo)3）

想一想：你的表單需要哪些內(nèi)容，利用哪些表單工具來實(shí)現(xiàn)？

14

表現(xiàn)內(nèi)容數(shù)據(jù)形式表單工具

任務(wù)要求：加油站：

利用表單模板快速建立一份收1.規(guī)劃表單內(nèi)容（包括哪些選

集家長會信息的表單。項(xiàng)和內(nèi)容）。

2.在工具欄中單擊表單工具添

加表單（輸入框、單選框、多

選框、列表框等）。

▼統(tǒng)

3.制作“提交”

兇?

評價(jià)標(biāo)準(zhǔn)：按鈕并設(shè)置行為

1.表單工具豐富及參數(shù)。0□3

2.表單內(nèi)容規(guī)劃合理。

（三）綜合運(yùn)用，鞏固知識（指向目標(biāo)2、3）

經(jīng)過兩個(gè)任務(wù)，相信你對Mugeda預(yù)置動(dòng)畫和交互互動(dòng)有了更深的認(rèn)識，接下

來通過這個(gè)綜合任務(wù)檢測自己學(xué)的怎么樣，你準(zhǔn)備好了嗎？（檢測目標(biāo)6）

任務(wù)要求：

啟動(dòng)Mugeda,打開之前制作的家長會展示作品，增添預(yù)置動(dòng)畫和表單互

動(dòng)功能，并在小組和班級中交流點(diǎn)評。

評價(jià)標(biāo)準(zhǔn)：

1.所有的動(dòng)畫、交互都能夠服務(wù)于內(nèi)容。

2.內(nèi)容與呈現(xiàn)方式能夠完美融合。

（四）成果展示，交流評價(jià)

1.展示自己的成果，分享自己的操作心得。

2.評價(jià)成果：根據(jù)評價(jià)表進(jìn)行自評、互評。

評價(jià)項(xiàng)目評價(jià)標(biāo)準(zhǔn)評價(jià)等級

15

自我評價(jià)小組評價(jià)教師評價(jià)

能夠設(shè)置動(dòng)畫效果☆☆☆☆☆☆☆☆☆

內(nèi)容評價(jià)能夠在H5中實(shí)現(xiàn)互動(dòng)應(yīng)用☆☆☆☆☆☆☆☆☆

內(nèi)容與呈現(xiàn)方式能夠有效融合☆☆☆☆☆☆☆☆☆

符合主題，內(nèi)容豐富?！睢睢睢睢睢睢睢睢?/p>

成果評價(jià)

見解獨(dú)特，敢于創(chuàng)新?！睢睢睢睢睢睢睢睢?/p>

填寫說明：請將☆圖上顏色，★表示合格，★★表示良好，★★★表示優(yōu)秀

3.過程性評價(jià)：對照自己在本節(jié)課的表現(xiàn)，根據(jù)評價(jià)表進(jìn)行自評、互評。

評價(jià)評價(jià)等級

評價(jià)標(biāo)準(zhǔn)

項(xiàng)目自我評價(jià)小組評價(jià)教師評價(jià)

上機(jī)正確填寫上機(jī)記錄、維護(hù)公共財(cái)物、下

☆☆☆☆☆☆☆☆☆

習(xí)慣課前整理機(jī)位及座位

學(xué)習(xí)

認(rèn)真聽課、積極回答問題☆☆☆☆☆☆☆☆☆

習(xí)慣

有學(xué)習(xí)的愿望與興趣，能認(rèn)真學(xué)習(xí)教材

課堂或老師提供的學(xué)習(xí)資料，對所學(xué)知識有

自主

表現(xiàn)正確的認(rèn)識和理解，能運(yùn)用所掌握的知☆☆☆☆☆☆☆☆☆

學(xué)習(xí)

識技能解決實(shí)際問題，具有探究和創(chuàng)新

精神。

合作在合作小組中善于與他人合作交流，共

☆☆☆☆☆☆☆☆☆

學(xué)習(xí)享信息資源。

思維有獨(dú)立思考和進(jìn)行創(chuàng)造性思維的能力和

☆☆☆☆☆☆☆☆☆

能力習(xí)慣

填寫說明：請將☆圖上顏色，★表示合格，★★表示良好，★★★表示優(yōu)秀

（五）課堂小結(jié)，梳理知識

1.歸納總結(jié)自己的收獲。

2.本節(jié)課的學(xué)習(xí)，你遇到的困難及解決方法？

【檢測與作業(yè)】（☆為挑戰(zhàn)題，供選做）

1.設(shè)置動(dòng)態(tài)效果形成電子相冊。

2.嘗試以鏈接形式與觀眾互動(dòng)。

☆3.自己的作品是否被觀眾認(rèn)可呢？請為其添加投票功能，讓喜歡這個(gè)作品的人點(diǎn)亮紅心。

【學(xué)后反思】請嘗試畫出本主題學(xué)習(xí)的知識，或?qū)懴伦约盒枰獛椭睦Щ?，或分?/p>

何以學(xué)會的策略等。

16

第4課時(shí)快速制作“百變邀請函”

【學(xué)習(xí)目標(biāo)】

1.能夠利用模板來快速制作H5作品。

2.通過真實(shí)性任務(wù)，根據(jù)學(xué)習(xí)與生活需要完成H5作品，能夠崇尚科學(xué)精神、

原創(chuàng)精神，具有將創(chuàng)新理念融入自身學(xué)習(xí)、生活的意識。

3.領(lǐng)悟遵守信息社會法律法規(guī)，踐行信息社會責(zé)任。

【設(shè)計(jì)分析】

知識維度認(rèn)知水平2隹度

目標(biāo)（指事實(shí)性知識、概念性

記憶/回

序號知識、程序性知識、元認(rèn)理解應(yīng)用分析評價(jià)創(chuàng)造

憶

知知識）

V（與

V（知識V（原其他方

1程序性知識

點(diǎn)）理）法異

同）

VV

V（作V（作V（作

2程序性知識、元認(rèn)知知識（作（原

品）品）品）

品）理）

V（責(zé)J（責(zé)V（責(zé)

3事實(shí)性知識

任）任）任）

【評價(jià)任務(wù)】

1.了解模板的概念和特點(diǎn)，獨(dú)立完成檢測目標(biāo)1;

2.了解模板的類型，獨(dú)立完成檢測目標(biāo)2；

3.能夠在H5中使用邀請函模板，完成檢測目標(biāo)3；

4.綜合運(yùn)用完成制作，合作探究完成檢測目標(biāo)4。

【學(xué)習(xí)過程】

<-）項(xiàng)目引入，明確任務(wù)（指向目標(biāo)1）

加油站：

看一看：請先欣賞一組利用Mugeda制在實(shí)際應(yīng)用中，學(xué)會使用

作的優(yōu)秀邀請函作品。魔板有助于大大降低制作高質(zhì)

量H5作品的難度。模板是他人

想一想：1.以上作品都各有哪些特點(diǎn)？或自己制作出的樣板，需要時(shí)

可以直接調(diào)用，或根據(jù)實(shí)際需

2.以你目前的能力能夠制作出來嗎？要進(jìn)行修改和編輯，使其變成

符合要求的作品。

3.有沒有快速制作作品的方法？

（檢測目標(biāo)D

17

2.朗讀課題和學(xué)習(xí)目標(biāo)。

（二）任務(wù)驅(qū)動(dòng)，探究新知

任務(wù)一：模板的類型（指向目標(biāo)D

Mugeda平臺中的模板包括會員模板和非會員模板兩大類。會員模板是會員可

以免費(fèi)試用的模板，非會員模板屬于商業(yè)模板，需要購買才能使用。

你能不能夠操作模板（檢測目標(biāo)2）

想一想：為什么許多模板需要付費(fèi)呢？

任務(wù)要求：加油站：

進(jìn)入模板頁面，瀏覽Mugeda平臺提1.單擊Mugeda導(dǎo)航欄中的“模

供的大量模板。板”按鈕，進(jìn)入模板界面。

2.這里的模板包括會員模板、

新媒體、廣告模板和教育4

類O

3.1保護(hù)作者知識產(chǎn)權(quán)，部分

評價(jià)標(biāo)準(zhǔn)：