HTML5CSS3Web前端設計基礎教程（第3版）教案-教學設計 任務1 Web前端工程師職業(yè)前景與開發(fā)流程-2課時-課堂教學設計

課堂教學設計課程名稱Web前端開發(fā)/網(wǎng)頁設計與制作授課時數(shù)2授課班級授課時間授課地點授課形式多媒體教學參考資料參考教材《HTML5+CSS3Web前端設計基礎教程（第3版）（微課版）》，人民郵電出版社，2024年專業(yè)教學標準《Web前端開發(fā)》課程標準職業(yè)技能標準Web前端開發(fā)職業(yè)技能等級標準（標準代碼：510001）校本補充材料中國大學MOOC（/）其他資源媒體資源智能課堂、微課、PPT、配套素材等環(huán)境資源多媒體教室教學目標知識目標了解Web前端工程師的行業(yè)前景；認識網(wǎng)頁構成的基本元素，掌握相關專業(yè)術語；掌握“表現(xiàn)與結構相分離”的重要理念；熟悉Web前端開發(fā)的工作流程；了解常用的開發(fā)軟件，能夠簡單創(chuàng)建一個HTML5頁面。技能目標通過課堂教學，初步掌握創(chuàng)建簡單HTML5頁面的方法。素質目標引導學生既要學習專業(yè)技能知識，也要逐步樹立職業(yè)理想；堅持德育為先，培養(yǎng)良好的職業(yè)道德（責任感）和個人品德；教學重點Web前端開發(fā)的相關專業(yè)術語與工作流程教學難點表現(xiàn)與結構相分離學情分析初學者對Web前端課程的重要性認識不夠，對初次接觸代碼類課程容易產(chǎn)生倦怠。教學總體設計依據(jù)教學標準要求，結合學生學情，動態(tài)調整應用“翻轉課堂”模式的教學比重，以邊講邊練、分組討論、實踐操作、課堂小結的路徑組織實施教學過程。課外拓展有針對性的安排訓練，同時培養(yǎng)學生發(fā)現(xiàn)問題、自主解決問題的意識和習慣，進而提高綜合素養(yǎng)。教學環(huán)節(jié)(時間安排)教學內(nèi)容教學活動技術資源教學隨記(教學過程中記錄)教師學生課前準備(提前2-3天發(fā)布教學任務)Web前端行企業(yè)調研（查找網(wǎng)絡資料）、預習微課視頻任務下達、課前準備任務獲取、課前準備PPT、微課、網(wǎng)絡資源課堂教學（一）情境創(chuàng)設[5分鐘]通過讓同學分享Web前端企業(yè)調研結果，引入Web前端工程師的行業(yè)前景，激發(fā)學生學習興趣。理論講授明確任務知識獲取智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課堂教學（二）知識學習[40分鐘]1.Web前端開發(fā)的必要認知與發(fā)展前景2.認識網(wǎng)頁的構成元素3.了解專業(yè)術語4.認識Web標準5.Web前端開發(fā)基本流程6.常用開發(fā)軟件介紹理論講授知識獲取智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課堂教學（三）仿真演練[35分鐘]1.圍繞“表現(xiàn)和結構相分離”等內(nèi)容，通過互聯(lián)網(wǎng)查找資料，進一步強化學生對課堂知識的理解。2.使用記事本創(chuàng)建HTML5頁面。3.查找有關“網(wǎng)頁設計”“網(wǎng)頁UI”的資料，欣賞優(yōu)秀的網(wǎng)頁設計作品。實踐指導實踐訓練智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課堂教學（四）總結評價[10分鐘]課堂小結，重申課堂重點難點，明確課題學習任務，針對課堂教學內(nèi)容，互動交流討論，布置后續(xù)課預習知識。作業(yè)點評課程小結查漏補缺吸收整理智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課后拓展為鞏固課堂學習效果，有計劃、有重