《Web前端框架應(yīng)用》課程單元教學(xué)設(shè)計課程名稱WEB前端框架應(yīng)用授課單元CSS布局單元學(xué)時2授課教師職稱授課地點多媒體機房教學(xué)目標(biāo)知識目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)Bootstrap在頁面排版中的格式設(shè)置能夠根據(jù)頁面需求，選擇設(shè)置合適的排版內(nèi)容進(jìn)行頁面排版。學(xué)習(xí)中國傳統(tǒng)節(jié)日和傳統(tǒng)文化，能在頁面設(shè)計過程中融入傳統(tǒng)文化教學(xué)重難點教學(xué)重點排版格式的識記和應(yīng)用教學(xué)難點根據(jù)內(nèi)容正確調(diào)用相應(yīng)格式進(jìn)行設(shè)置教學(xué)策略教學(xué)組織以具體任務(wù)為導(dǎo)向，結(jié)合豐富的線上學(xué)習(xí)資源和線上互動平臺，對基礎(chǔ)知識進(jìn)行分解，開展本節(jié)課教學(xué)。整個教學(xué)過程可以分為課前線上答題測試、學(xué)習(xí)資源；課中案例教學(xué)；課后線上擴展。教學(xué)方法以任務(wù)為驅(qū)動，激發(fā)學(xué)生學(xué)習(xí)興趣，創(chuàng)設(shè)情境，營造實戰(zhàn)氛圍，讓學(xué)生多體驗、多積累。教學(xué)準(zhǔn)備環(huán)境準(zhǔn)備理實一體化機房HBuilderX編輯器chrome瀏覽器資料準(zhǔn)備教材、課件、課程標(biāo)準(zhǔn)、課程實施方案、案例資源資源準(zhǔn)備BootStrap中文網(wǎng)：BootStrap官網(wǎng)：http://www.bootS智慧職教mooc學(xué)院《Web前端框架應(yīng)用（Bootstrap）》課程/index教學(xué)實施過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖（含思政融入點）課前預(yù)習(xí)本次課恰逢24節(jié)氣中的秋分時節(jié)，課前查閱“秋分”節(jié)氣的相關(guān)知識。發(fā)布預(yù)習(xí)要求找合適的案例和素材以便于自己網(wǎng)頁的布局1、引導(dǎo)學(xué)生培養(yǎng)自主學(xué)習(xí)，主動學(xué)習(xí)的良好學(xué)習(xí)習(xí)慣2、引導(dǎo)學(xué)生關(guān)注中國傳統(tǒng)節(jié)日，將知識和生活結(jié)合起來課中導(dǎo)學(xué)導(dǎo)入環(huán)節(jié)：復(fù)習(xí)舊知，引入新知1概括舊知識在前面的課程中，對bootstrap的柵格有了比較全面的認(rèn)識。在案例的實踐過程中，我們都是自己調(diào)整和設(shè)計格式。2引出新知識在bootstrap的框架中，也提供了非常多的排版格式和組件供使用，從本次課開始，我們進(jìn)入CSS格式和組件的學(xué)習(xí)。介紹課前查閱的節(jié)氣知識本次課恰逢秋分時節(jié)，秋分曾是傳統(tǒng)的“祭月節(jié)”，中秋節(jié)由“秋夕祭月”演變而來。2018年6月21日，中華人民共和國國務(wù)院關(guān)于同意設(shè)立“中國農(nóng)民豐收節(jié)”的批復(fù)發(fā)布，同意自2018年起，將每年秋分設(shè)立為“中國農(nóng)民豐收節(jié)”。知識引入：通過秋分節(jié)氣的詩詞引入文字內(nèi)容古時的文人墨客寫了很多詩詞來表達(dá)情感，比如：晚晴【唐】杜甫返照斜初徹，浮云薄未歸。江虹明遠(yuǎn)飲，峽雨落馀飛。鳧雁終高去，熊羆覺自肥。秋分客尚在，竹露夕微微

這些詩詞都可以在頁面中展示出來，我們選取其中的一首詩詞作為頁面內(nèi)容，進(jìn)行排版的格式設(shè)置。查閱相關(guān)的詩詞內(nèi)容臨近寒露、霜降，馬上也是重陽節(jié)，學(xué)生查閱相關(guān)的節(jié)氣知識結(jié)合中國傳統(tǒng)文化進(jìn)行頁面內(nèi)容的設(shè)計，弘揚中國文化。講授新課：文字排版排版主要是使用CSS對HTML元素進(jìn)行樣式設(shè)置及布局定位，排版在前端開發(fā)中的重要性不言而喻。Bootstrap提供了一套CSS樣式，可以方便快速地幫助我們渲染修飾HTML元素，讓頁面排版變得更簡單。排版中涉及的格式：標(biāo)題：h1—h6;副標(biāo)題small段落格式內(nèi)聯(lián)文本文本顏色文本排列字體樣式等等選取兩到三首古詩，調(diào)用bootstrap格式本次課結(jié)合秋分節(jié)氣的相關(guān)內(nèi)容，在頁面中進(jìn)行排版格式的設(shè)置，做到頁面內(nèi)容的排版和美化效果。學(xué)生實踐在教室中查看學(xué)生完成情況，解答學(xué)生遇到的問題完成相應(yīng)知識和詩詞內(nèi)容的排版設(shè)計在設(shè)置格式過程中，需要不斷試錯才能達(dá)到最終期望的效果。在這個過程中，培養(yǎng)學(xué)生踏實嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度和細(xì)心耐心的工作品質(zhì)。課后拓展進(jìn)一步完成好案例，在格式上注意細(xì)節(jié)設(shè)置。發(fā)布預(yù)習(xí)任務(wù)查閱資料，預(yù)習(xí)新知復(fù)習(xí)和預(yù)習(xí)，提高學(xué)習(xí)效率教學(xué)評價采用多元化教學(xué)評價體系對學(xué)生學(xué)習(xí)全過程進(jìn)行真實、客觀、公平地評價，從知識、技能、素養(yǎng)、參與度等多方面展開。突出過程評價，包括課堂考勤、課堂活動參與情況、課堂實踐練習(xí)、作業(yè)完成情況等，根據(jù)完成情況進(jìn)行評分，評分既針對任務(wù)的實現(xiàn)情況，也考查學(xué)生對知識的理解掌握情況。反思診改講授Bo