《信息技術(shù)》課程教學(xué)單元教案設(shè)計(jì)-第16章-8 HTML5應(yīng)用

《信息技術(shù)》課程教學(xué)單元教案設(shè)計(jì)第16章數(shù)字媒體16.6HTML5應(yīng)用授課教師：授課班級(jí)：學(xué)時(shí)數(shù)：2教學(xué)條件一體化教室、課程資源教學(xué)素材教材、PPT、微課、拓展閱讀材料思政融入通過(guò)在線制作表現(xiàn)父愛(ài)主題的HTML5文檔，教育學(xué)生感恩父母、感恩社會(huì)、感恩國(guó)家，強(qiáng)化感恩教育。教學(xué)目標(biāo)設(shè)計(jì)學(xué)習(xí)目標(biāo)：（1）了解HTML和HTML5。（2）熟悉HTML5的新特性。（3）在線制作HTML5文檔。重點(diǎn)：HTML5音、視頻標(biāo)簽、在線HTML5文檔制作難點(diǎn)：在線HTML5文檔制作教學(xué)過(guò)程設(shè)計(jì)主要步驟教學(xué)內(nèi)容教學(xué)方法教學(xué)手段師生活動(dòng)知識(shí)講解16.6HTML5應(yīng)用任務(wù)16.6.1了解HTML和HTML5任務(wù)16.6.2熟悉HTML5的新特性任務(wù)16.6.3在線制作HTML5文檔演示講解混合教學(xué)多媒體演示課程資源微課16-4教師：講解演示學(xué)生：觀察思考交流互動(dòng)分組討論記錄筆記課堂實(shí)訓(xùn)【實(shí)訓(xùn)項(xiàng)目】制作漂亮的父親節(jié)海報(bào)項(xiàng)目要求:使用兔展制作父親節(jié)海報(bào)，并將其發(fā)送給親人。實(shí)訓(xùn)內(nèi)容：圍繞制作“感恩父親”海報(bào)完成以下任務(wù)：搜集海報(bào)素材，并進(jìn)行初步的效果設(shè)計(jì)打開(kāi)瀏覽器，輸入兔展官網(wǎng)網(wǎng)址，使用微信進(jìn)行掃碼登錄，進(jìn)入工作平臺(tái)，點(diǎn)擊“創(chuàng)建作品”，開(kāi)始制作海報(bào)。選擇“空白模板”，并進(jìn)行頁(yè)面設(shè)計(jì)。點(diǎn)擊部件欄中的“圖片”，在頁(yè)面左側(cè)繼續(xù)點(diǎn)擊“上傳圖片”，將事先搜集整理的圖片上傳。點(diǎn)擊圖中“添加圖片背景”，選擇上傳圖片中的背景圖片，并調(diào)整其在頁(yè)面中的位置，繼續(xù)調(diào)整“屬性窗格”中圖片的“透明度”值，同時(shí)觀察設(shè)計(jì)區(qū)中的即時(shí)效果，直到滿意為止。點(diǎn)擊部件欄中的圖片，點(diǎn)擊左側(cè)圖片中的“父愛(ài)”圖片，在設(shè)計(jì)區(qū)中出現(xiàn)該圖片，調(diào)整圖片周圍的控制點(diǎn)，改變圖片大小并調(diào)整位置；點(diǎn)擊右側(cè)屬性窗格“濾鏡”屬性中的“鮮艷”濾鏡。點(diǎn)擊部件欄中的圖片，點(diǎn)擊左側(cè)圖片中的“人物”圖片，在設(shè)計(jì)區(qū)中出現(xiàn)該圖片，調(diào)整圖片周圍的控制點(diǎn)，改變圖片大小并調(diào)整位置；點(diǎn)擊右側(cè)屬性窗格“修剪”，在設(shè)計(jì)區(qū)中對(duì)圖片的邊緣進(jìn)行修剪。點(diǎn)擊部件欄中的“形狀”，點(diǎn)擊左側(cè)窗格中的“節(jié)日祝?！保c(diǎn)擊找到的“父親節(jié)快樂(lè)”，在設(shè)計(jì)區(qū)中調(diào)整形狀大小和位置，在右側(cè)“形狀顏色”位置修改文字顏色為白色，切換到“動(dòng)畫”選項(xiàng)卡，為文字形狀添加動(dòng)畫。點(diǎn)擊部件欄中的“音頻”，點(diǎn)擊左側(cè)窗格中的“上傳音頻”，將搜集的音樂(lè)上傳；點(diǎn)擊該樂(lè)曲右側(cè)的“+”號(hào)即可設(shè)計(jì)區(qū)中看到音樂(lè)符號(hào)，可調(diào)整該符號(hào)的位置；在右側(cè)屬性窗格中可設(shè)置背景音樂(lè)的開(kāi)啟、循環(huán)等選項(xiàng)。點(diǎn)擊上方的“預(yù)覽與設(shè)置”按鈕，可以察看當(dāng)前完成的設(shè)置效果。繼續(xù)重復(fù)上面的步驟，完成其它頁(yè)面的設(shè)置。全部頁(yè)面設(shè)計(jì)完成后，進(jìn)行頁(yè)面發(fā)布，將頁(yè)面的鏈接或二維碼分享給至愛(ài)親人。實(shí)訓(xùn)在線平臺(tái)課程資源教師：發(fā)布任務(wù)學(xué)生：完成任務(wù)教師點(diǎn)評(píng)教師指出學(xué)生學(xué)習(xí)過(guò)程中可能出錯(cuò)和已經(jīng)出錯(cuò)的知識(shí)點(diǎn)，對(duì)學(xué)生點(diǎn)評(píng)不完善的地方進(jìn)行補(bǔ)充評(píng)析，對(duì)普遍存在的問(wèn)題進(jìn)行重點(diǎn)評(píng)析，加深印象，強(qiáng)化記憶。點(diǎn)評(píng)教師點(diǎn)評(píng)教師：點(diǎn)評(píng)學(xué)生：整理筆記課堂小結(jié)（1）HTML和HTML5。（2）HTML5的新特性。（3）制作HTML5文檔。歸納總結(jié)教師講授教師：總結(jié)學(xué)生：思考總結(jié)課外拓展研究制作在線HTML5文檔并發(fā)布：學(xué)生按組完