《BootStrap開(kāi)發(fā)技術(shù)》課程標(biāo)準(zhǔn)

.實(shí)用文檔.?bootstrap?課程標(biāo)準(zhǔn)教研室主任：專業(yè)帶頭人：系(部)主任：教務(wù)處處長(zhǎng)：教學(xué)副院長(zhǎng)：審核批準(zhǔn)日期：二○一七年五月?bootstrap?課程標(biāo)準(zhǔn)〔根本信息〕課程編碼：課程類別：專業(yè)方向課程適應(yīng)專業(yè)：網(wǎng)頁(yè)設(shè)計(jì)開(kāi)設(shè)時(shí)間：大三上期學(xué)時(shí)數(shù)：56學(xué)時(shí)一、課程概述〔一〕課程性質(zhì)Bootstrap，來(lái)自Twitter，是目前最受歡送的前端框架。Bootstrap是一個(gè)用于快速開(kāi)發(fā)Web應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它簡(jiǎn)潔靈活，使得Web開(kāi)發(fā)更加快捷。本教程將向您講解Bootstrap框架的根底，通過(guò)學(xué)習(xí)這些內(nèi)容，您將可以輕松地創(chuàng)立Web工程。教程被分為Bootstrap根本結(jié)構(gòu)、BootstrapCSS、Bootstrap布局組件和Bootstrap插件幾個(gè)局部。每個(gè)局部都包含了與該主題相關(guān)的簡(jiǎn)單有用的實(shí)例?！捕痴n程根本理念本課程通過(guò)企業(yè)工程開(kāi)發(fā)流程為情景，學(xué)習(xí)并掌握BootStrap開(kāi)發(fā)的根底知識(shí)和根本開(kāi)發(fā)技能。學(xué)生在學(xué)習(xí)本課程后具有一定的專業(yè)能力，可激發(fā)學(xué)生對(duì)后續(xù)專業(yè)課程的學(xué)習(xí)興趣。課程結(jié)構(gòu)上遵循企業(yè)開(kāi)發(fā)“流程化〞、工程“興趣化〞、教學(xué)“工程實(shí)戰(zhàn)化〞、模式“前瞻化〞、教材“權(quán)威化〞、授課“案例化〞等國(guó)內(nèi)領(lǐng)先的IT工程師培養(yǎng)模式，并且結(jié)合科學(xué)的考核評(píng)價(jià)模式。通過(guò)全方位課程設(shè)計(jì)、全真的工作環(huán)境、探索研究工學(xué)結(jié)合的培養(yǎng)模式，提高學(xué)生職業(yè)技能，最終實(shí)現(xiàn)崗位無(wú)縫對(duì)接。〔三〕課程的設(shè)置與設(shè)計(jì)思路本課程立足于培養(yǎng)學(xué)生的動(dòng)手實(shí)踐能力，教學(xué)活動(dòng)根本上圍繞著職業(yè)導(dǎo)向而進(jìn)行，對(duì)課程內(nèi)容的選擇標(biāo)準(zhǔn)進(jìn)行創(chuàng)造性的根本改革，打破以書(shū)本知識(shí)傳授為主要特征的傳統(tǒng)學(xué)科課程模式，轉(zhuǎn)變?yōu)橐怨ぷ髑榫叭蝿?wù)為中心組織課程內(nèi)容和實(shí)施課程教學(xué)，讓學(xué)生在完成具體工程的過(guò)程中開(kāi)展職業(yè)能力并掌握相關(guān)理論知識(shí)，真正做到學(xué)以致用，從而開(kāi)展職業(yè)能力。本課程的框架結(jié)構(gòu)，經(jīng)過(guò)與企業(yè)專家系統(tǒng)的討論分析，按實(shí)際需要及由簡(jiǎn)入繁的原那么，最終確定了學(xué)習(xí)培養(yǎng)標(biāo)準(zhǔn)。最終到達(dá)掌握BootStrap主流框架的目標(biāo)，本課程共80課時(shí)，其中實(shí)踐50課時(shí)。二、課程目標(biāo)〔一〕職業(yè)技能目標(biāo)1、能夠熟練使用CSS結(jié)合HTML實(shí)現(xiàn)網(wǎng)頁(yè)布局。2、熟練使用文檔對(duì)象模型和事件驅(qū)動(dòng)，能夠很好的實(shí)現(xiàn)交互式操作。3、熟練使用Bootstrap

中的對(duì)象，實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)效果。4、熟練使用Bootstrap

對(duì)表單、表格和事件的操作。5、熟練使用Bootstrap

與JavaScript進(jìn)行網(wǎng)頁(yè)異步交互設(shè)計(jì)。6、事件驅(qū)動(dòng)的程序設(shè)計(jì)思想，熟練使用JavaScript中的對(duì)象，實(shí)現(xiàn)網(wǎng)頁(yè)特效。7、熟練使用JavaScriptUI及JavaScript第三方插件。8、網(wǎng)頁(yè)設(shè)計(jì)布局合理，色彩搭配合理，網(wǎng)頁(yè)操作方便。9、設(shè)計(jì)過(guò)程中充分考慮瀏覽器兼容等問(wèn)題，并做適當(dāng)處理?！捕陈殬I(yè)素養(yǎng)目標(biāo)1、培養(yǎng)學(xué)生“愛(ài)崗、敬業(yè)、細(xì)致、求精〞的職業(yè)道德與情感。2、培養(yǎng)學(xué)生良好的動(dòng)手實(shí)踐習(xí)慣，尤其注重挖掘?qū)W生的潛質(zhì)。3、注重培養(yǎng)學(xué)生與社會(huì)接軌。4、培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)男惺嘛L(fēng)格。5、培養(yǎng)學(xué)生具有踏實(shí)工作作風(fēng)，良好的觀察和思考能力強(qiáng)以及團(tuán)隊(duì)合作能力?！踩陈殬I(yè)技能證書(shū)考核要求通過(guò)該門(mén)課程學(xué)習(xí)學(xué)生可以參加全國(guó)信息技術(shù)應(yīng)用水平競(jìng)賽或參加行業(yè)資格認(rèn)證考試，獲得相應(yīng)職業(yè)技能資格證書(shū)。三、內(nèi)容標(biāo)準(zhǔn)〔一〕學(xué)習(xí)目標(biāo)：BootStrap入門(mén)篇BootStrap簡(jiǎn)介及安裝BootStrapCSS概覽BootStrap網(wǎng)格系統(tǒng)BootStrap排版BootStrap代碼BootStrap表格BootStrap表單BootStrap按鈕BootStrap圖片BootStrap輔助類BootStrap響應(yīng)式實(shí)用工具BootStrap進(jìn)階篇BootStrap組件BootStrap字體圖標(biāo)BootStrap下拉菜單BootStrap按鈕組BootStrap按鈕下拉菜單BootStrap輸入框組BootStrap導(dǎo)航元素BootStrap導(dǎo)航欄BootStrap面包屑導(dǎo)航BootStrap分頁(yè)BootStrap標(biāo)簽BootStrap微章BootStrap超大屏幕BootStrap頁(yè)面標(biāo)題BootStrap縮略圖BootStrap警告BootStrap進(jìn)度條BootStrap多媒體對(duì)象BootStrap列表組BootStrap面板BootStrapwellsBootStrap插件篇BootStrap插件概覽BootStrap過(guò)渡效果BootStrap模態(tài)框BootStrap下拉菜單BootStrap滾動(dòng)監(jiān)聽(tīng)BootStrap標(biāo)簽頁(yè)BootStrap提示工具BootStrap彈出框BootStrap警告框BootStrap按鈕BootStrap折疊BootStrap輪播BootStrap附加導(dǎo)航BootStrap其他篇BootStrapUI編輯器BootStrapv2教程BootStrapHTML編碼標(biāo)準(zhǔn)BootStrapCSS編碼標(biāo)準(zhǔn)BootStrap可視化布局Less教程〔二〕活動(dòng)安排：1、基于工作過(guò)程的課程開(kāi)發(fā)理念，先進(jìn)行綜合職業(yè)行動(dòng)領(lǐng)域和情境分析，然后深入企業(yè)調(diào)研和行業(yè)專業(yè)研討，最終分解和確定學(xué)習(xí)任務(wù)。2、根據(jù)情景任務(wù)，開(kāi)發(fā)相應(yīng)的課程教案，組織課程資源。3、推行一體化教學(xué)模式，強(qiáng)化教與學(xué)的及時(shí)互動(dòng)，進(jìn)行動(dòng)態(tài)的教學(xué)評(píng)價(jià)和反應(yīng)機(jī)制。4、建立課后網(wǎng)絡(luò)教學(xué)和學(xué)習(xí)平臺(tái)，強(qiáng)化課后訓(xùn)練和擴(kuò)充學(xué)習(xí)資源，提供課后教學(xué)支持。5、組織專題技術(shù)講座和討論，加強(qiáng)對(duì)新技術(shù)的掌握。6、加強(qiáng)校企聯(lián)動(dòng)，鼓勵(lì)走入企業(yè)參加生產(chǎn)實(shí)訓(xùn)，使學(xué)生加深對(duì)BootStrap開(kāi)發(fā)技能在實(shí)際工作應(yīng)用的認(rèn)識(shí)和掌握。8、完善工程化教材編寫(xiě)，組織教師參加高層次技術(shù)培訓(xùn)和企業(yè)工程實(shí)踐。9、組織參加各層次的網(wǎng)頁(yè)布局興趣活動(dòng)和比賽?！踩持R(shí)要點(diǎn)：1、BootStrap概述2、BootStrap根本結(jié)構(gòu)3、BootStrapCSS4、BootStrap布局組件5、BootStrap插件 6、BootStrapUI編輯器7、BootStrapv2教程8、BootStrapHTML編碼標(biāo)準(zhǔn)9、BootStrapCSS編碼標(biāo)準(zhǔn)10、BootStrap可視化布局11、Less教程〔四〕技能要點(diǎn)：1、具備熟練使用與操作Dreamweaver軟件環(huán)境的能力；2、具備根底JavaScript語(yǔ)言根底；3、具備使用Dreamweaver準(zhǔn)確進(jìn)行編程運(yùn)行以及解決運(yùn)行測(cè)試能力；4、具備熟練的編程操作能力和輸出調(diào)試能力；6、具備中級(jí)制排版和配色的技能水平。四、實(shí)施建議〔一〕教學(xué)建議1、課程工程結(jié)構(gòu)與學(xué)時(shí)分配為使學(xué)生掌握利用Dreamweaver軟件熟練進(jìn)行網(wǎng)頁(yè)編程能力所需的知識(shí)與技能，本課程以網(wǎng)頁(yè)編程和輸出為貫穿工程，并由根底網(wǎng)頁(yè)編程3個(gè)子工程來(lái)組織教學(xué)，將職業(yè)行動(dòng)領(lǐng)域的工作過(guò)程融合在工程訓(xùn)練中。本課程工程結(jié)構(gòu)與學(xué)時(shí)分配見(jiàn)表1。表1Bootstrap開(kāi)發(fā)技術(shù)課程工程〔學(xué)習(xí)情境〕內(nèi)容與學(xué)時(shí)分配表工程編號(hào)子工程名稱子工程內(nèi)容支撐知識(shí)學(xué)時(shí)1Bootstrap網(wǎng)格系統(tǒng)Bootstrap包含了一個(gè)響應(yīng)式的、移動(dòng)設(shè)備優(yōu)先的、不固定的網(wǎng)格系統(tǒng)，可以隨著設(shè)備和視口大小的增加而適當(dāng)?shù)脑黾拥阶疃?2列2、媒體查詢：用來(lái)創(chuàng)立Bootstrap網(wǎng)格系統(tǒng)中的關(guān)鍵的分界點(diǎn)，根據(jù)不同的視口大小顯示不同的內(nèi)容網(wǎng)格行為最大容器寬度Class前綴列#最大列寬122Bootstrap排版內(nèi)聯(lián)子標(biāo)題強(qiáng)調(diào)縮寫(xiě)地址引用列表<h3>我是標(biāo)題3h3.<small>我是副標(biāo)3h3</small></h3><small><strong><em><abbrtitle="WorldWideWed">WWW</abbr> <address></address>133定位頁(yè)眉和頁(yè)腳放置頁(yè)眉和頁(yè)腳的方式有三種使用data-position屬性來(lái)定位頁(yè)眉和頁(yè)腳inline-默認(rèn)。頁(yè)眉和頁(yè)腳與頁(yè)面內(nèi)容位于行內(nèi)。fixed-頁(yè)面和頁(yè)腳會(huì)留在頁(yè)面頂部和底部。fullscreen-與fixed類似;頁(yè)面和頁(yè)腳會(huì)留在頁(yè)面頂部和底部134JavaScript插件jQueryMobile導(dǎo)航欄jQueryMobile列表導(dǎo)航欄由一組水平排列的鏈接構(gòu)成，通常位于頁(yè)眉或頁(yè)腳內(nèi)部。默認(rèn)地，導(dǎo)航欄中的鏈接會(huì)自動(dòng)轉(zhuǎn)換為按鈕〔無(wú)需data-role="button"〕。請(qǐng)使用data-role="navbar"屬性來(lái)定義導(dǎo)航欄：18課程教學(xué)實(shí)施建議本課程重視學(xué)生在校學(xué)習(xí)與實(shí)際工作的一致性，采取任務(wù)驅(qū)動(dòng)、工程導(dǎo)向的教學(xué)模式，每個(gè)具體學(xué)習(xí)情境設(shè)計(jì)見(jiàn)表2-1、2-2、2-3詳表。表2-1BootStrap開(kāi)發(fā)技術(shù)學(xué)習(xí)情境表一學(xué)習(xí)情境〔工程〕：創(chuàng)立一個(gè)web工程學(xué)時(shí)12工程目標(biāo)能力目標(biāo)：通過(guò)理論和實(shí)踐相結(jié)合的教學(xué)方式，使學(xué)員熟練掌握BootStrap。知識(shí)目標(biāo)：添加導(dǎo)航欄完全采用Bootstrap提供的樣式添加內(nèi)容工程任務(wù)任務(wù)一：在web目錄下創(chuàng)立css目錄，在css目錄下創(chuàng)立boostrap目錄，將壓縮版的css文件bootstrap.min.css復(fù)制到此目錄下。任務(wù)二：在index.jsp中引入樣式，在head中添加下面代碼。任務(wù)三：添加導(dǎo)航欄完全采用Bootstrap提供的樣式。任務(wù)四：在nav標(biāo)簽同級(jí)下面添加顯示內(nèi)容的div。任務(wù)五：導(dǎo)航欄將內(nèi)容遮擋住了，需通過(guò)css樣式進(jìn)行控制。學(xué)生知識(shí)與能力準(zhǔn)備引入了預(yù)編譯版的CSS和JavaScript文件，創(chuàng)立一個(gè)Web工程。教學(xué)材料準(zhǔn)備BootStrap開(kāi)展背景材料Bootstrap簡(jiǎn)介Bootstrap安裝手冊(cè)和說(shuō)明Bootstrap命令快捷鍵表Bootstrap特效根底案例5-10個(gè)相關(guān)教學(xué)教案考核內(nèi)容和評(píng)價(jià)標(biāo)準(zhǔn)步驟教學(xué)活動(dòng)過(guò)程主要知識(shí)點(diǎn)教學(xué)方法建議學(xué)時(shí)BootStrap資訊收集和下發(fā)任務(wù)書(shū)、學(xué)習(xí)資料收集和展示BootStrap技術(shù)相關(guān)背景知識(shí)，提出總體課程目標(biāo)和任務(wù)要求，下發(fā)任務(wù)說(shuō)明書(shū)，讓學(xué)生提前了解任務(wù)內(nèi)容，并提前進(jìn)行資料的學(xué)習(xí)全局的CSS設(shè)置鏈接樣式定義根本的HTML元素樣式多媒體演示法22、分析任務(wù)，提出問(wèn)題，制定實(shí)施方案和方案引入工作任務(wù)，分析目標(biāo)，擺出問(wèn)題，做出任務(wù)方案，將完成任務(wù)所需要的根本理論和根本概念講授給學(xué)生，然后經(jīng)過(guò)討論優(yōu)化，確定最終工作任務(wù)方案。查找節(jié)點(diǎn)創(chuàng)立節(jié)點(diǎn)插入節(jié)點(diǎn)刪除節(jié)點(diǎn)復(fù)制節(jié)點(diǎn)替換節(jié)點(diǎn)包裹節(jié)點(diǎn)講授法演示法33、任務(wù)演示和實(shí)施演示實(shí)現(xiàn)任務(wù)過(guò)程，解釋在編程過(guò)程中如何使用這些指令，以及在應(yīng)用這些指令時(shí)的考前須知及創(chuàng)新。屬性操作樣式操作設(shè)置和獲取HTML、文本值遍歷節(jié)點(diǎn)CSSDOM操作演示與操作法案例法情境教學(xué)法34、技能實(shí)訓(xùn)和知識(shí)拓展技能實(shí)訓(xùn)，提出進(jìn)一步問(wèn)題，拓展相應(yīng)知識(shí)，強(qiáng)化專項(xiàng)技能演示與操作法討論交流法45、檢查和評(píng)估進(jìn)行自評(píng)、互評(píng)交流，分析工作過(guò)程的問(wèn)題和缺乏，并總結(jié)成功與失敗的經(jīng)驗(yàn)和教訓(xùn)，發(fā)揚(yáng)成績(jī)，找出缺乏。同時(shí)結(jié)合一定形式的理論和實(shí)踐綜合考查，成果展示、提交實(shí)訓(xùn)報(bào)告和多種形式的虛擬情趣活動(dòng)等，及時(shí)得到教學(xué)反應(yīng)信息，做出教學(xué)評(píng)價(jià)交互檢查法討論法小組演示法表2-2BootStrap開(kāi)發(fā)技術(shù)學(xué)習(xí)情境表二學(xué)習(xí)情境〔工程〕：Bootstrap表格、表單的使用學(xué)時(shí)13工程目標(biāo)能力目標(biāo)：熟練掌握Bootstrap的使用，能夠手動(dòng)寫(xiě)出Bootstrap的一些常見(jiàn)特效，并學(xué)會(huì)插件的使用。知識(shí)目標(biāo)：Bootstrap表格Bootstrap表格類Bootstrap表格上下文類Bootstrap表單布局Bootstrap垂直表單Bootstrap內(nèi)聯(lián)表單Bootstrap水平表單Bootstrap支持的表單控件Bootstrap表單控件狀態(tài)10、Bootstrap表單控件大小工程任務(wù)任務(wù)一：設(shè)置內(nèi)邊距以及水平分割線任務(wù)二：在內(nèi)容主體上看到條紋任務(wù)三：表格周?chē)黾舆吙蛉蝿?wù)四：隔行換色任務(wù)五：精簡(jiǎn)表格學(xué)生知識(shí)與能力準(zhǔn)備獲取表單元素Bootstrap中操作樣式文本框獲取焦點(diǎn)、失去焦點(diǎn)時(shí)的事件處理教學(xué)材料準(zhǔn)備工程任務(wù)所需教學(xué)案例工程實(shí)施標(biāo)準(zhǔn)演示視頻資料技能實(shí)訓(xùn)網(wǎng)頁(yè)資料案例5-10個(gè)多媒體課件工程階段性考核內(nèi)容和評(píng)價(jià)標(biāo)準(zhǔn)步驟教學(xué)活動(dòng)過(guò)程主要知識(shí)點(diǎn)教學(xué)方法建議學(xué)時(shí)1、任務(wù)一教學(xué)收集任務(wù)資訊，下發(fā)任務(wù)說(shuō)明書(shū)和相關(guān)參考資料分析任務(wù)要求，制定任務(wù)工作方案，確定工作方案。任務(wù)實(shí)施：講解相應(yīng)命令操作多媒體展示成品和體驗(yàn)效果，完整演示繪制過(guò)程4、技能實(shí)訓(xùn)，拓展知識(shí)5、組織討論和總結(jié)表單文本框應(yīng)用多行文本框應(yīng)用復(fù)選框的應(yīng)用列表礦工的應(yīng)用表單驗(yàn)證案例法討論法演示和操作法32、任務(wù)二教學(xué)任務(wù)二收集任務(wù)資訊，下發(fā)任務(wù)說(shuō)明書(shū)和相關(guān)參考資料分析任務(wù)要求，制定任務(wù)工作方案，確定工作方案。任務(wù)實(shí)施：講解相應(yīng)命令操作，多媒體展示成品和體驗(yàn)效果，完整演示布局過(guò)程，解答學(xué)生在操作中的問(wèn)題。技能實(shí)訓(xùn)，拓展知識(shí)組織討論和總結(jié)更改表格顏色展開(kāi)與關(guān)閉表格篩選表格內(nèi)容案例法討論法演示和操作法103、檢查和評(píng)估成果檢查和展示，分析反思工作過(guò)程并交流，對(duì)繪圖進(jìn)行適當(dāng)集中測(cè)評(píng)，多角度檢查學(xué)生學(xué)習(xí)情況，及時(shí)教學(xué)反應(yīng)，強(qiáng)化和彌補(bǔ)教學(xué)缺乏。交互檢查法討論法小組演示法表2-3BootStrap開(kāi)發(fā)技術(shù)學(xué)習(xí)情境表三學(xué)習(xí)情境〔工程〕：利用BootStrap進(jìn)行快速Web開(kāi)發(fā)學(xué)時(shí)13工程目標(biāo)能力目標(biāo)：能夠?qū)ootStrap有一個(gè)簡(jiǎn)單的認(rèn)識(shí)了解，清楚BootStrap與其他JS框架的不同，掌握BootStrap的常用語(yǔ)法、使用技巧及考前須知。知識(shí)目標(biāo)：全局顯示、排版和鏈接工程任務(wù)任務(wù)一:使用Bootstrap柵格系統(tǒng)〔布局〕任務(wù)二：使用Bootstrap掌握下拉菜單任務(wù)三：使用Bootstra創(chuàng)立導(dǎo)航條任務(wù)四：使用Bootstrap創(chuàng)立按鈕任務(wù)五：使用Bootstrap模仿起筷首頁(yè)效果學(xué)生知識(shí)與能力準(zhǔn)備布局柵格系統(tǒng)的使用下拉菜單方法，導(dǎo)航條創(chuàng)立方法，按鈕創(chuàng)立方法利用Bootstrap寫(xiě)出首頁(yè)效果教學(xué)材料準(zhǔn)備工程任務(wù)案例材料實(shí)際操作教學(xué)演示視頻技能實(shí)訓(xùn)樣品資料〔完整網(wǎng)頁(yè)兩套〕多媒體教學(xué)課件工程階段性考核內(nèi)容和評(píng)價(jià)標(biāo)準(zhǔn)步驟教學(xué)活動(dòng)過(guò)程主要知識(shí)點(diǎn)教學(xué)方法建議學(xué)時(shí)1、任務(wù)一教學(xué)提前下達(dá)任務(wù)書(shū)，讓學(xué)生收集資料，展開(kāi)前期的自學(xué)，擺出問(wèn)題。任務(wù)分析和分解，規(guī)劃任務(wù)方案。任務(wù)實(shí)施：工程需求閱讀，講解Bootstrap根底知識(shí)和制圖標(biāo)準(zhǔn)，全面演示和操作和在生活中的實(shí)際運(yùn)用并結(jié)合視頻、生活案例等多種手段進(jìn)行介紹Bootstrap特點(diǎn)技能實(shí)訓(xùn)和知識(shí)拓展組織交流討論以虛擬設(shè)計(jì)競(jìng)標(biāo)方式進(jìn)行成果匯報(bào)和展示bootstrap響應(yīng)式布局Bootstrap實(shí)現(xiàn)響應(yīng)式導(dǎo)航欄效果BootStrap實(shí)現(xiàn)響應(yīng)式布局導(dǎo)航欄折疊隱藏效果Bootstrap響應(yīng)式導(dǎo)航、輪播圖案例法操作法情境教學(xué)法32、任務(wù)二教學(xué)收集任務(wù)資料，下發(fā)任務(wù)指導(dǎo)書(shū)羅列任務(wù)要點(diǎn)，制定工作方案和方案任務(wù)實(shí)施：視頻展示變成過(guò)程和效果，講解Ajax的設(shè)計(jì)要點(diǎn)，完整操作演示運(yùn)行出效果組織成果公開(kāi)展示和評(píng)比技能實(shí)訓(xùn)和知識(shí)拓展bootstrap網(wǎng)頁(yè)框架的使用方法利用ASP.NETMVC和Bootstrap快速搭建響應(yīng)式個(gè)人博客站案例案例法演示法情境教學(xué)法73、任務(wù)三教學(xué)下發(fā)任務(wù)指導(dǎo)書(shū)，分析任務(wù)要點(diǎn)，提出任務(wù)要求組織討論，形成完善的實(shí)施規(guī)劃和技術(shù)方案任務(wù)實(shí)施：按照任務(wù)要求，講授排版中困難知識(shí)點(diǎn)要點(diǎn)制作和流程，操作演示技能實(shí)訓(xùn)和知識(shí)拓展總結(jié)BootstrapMetronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記Bootstrap響應(yīng)式側(cè)邊欄改良版Bootstrap實(shí)現(xiàn)圓角、圓形頭像和響應(yīng)式圖片BootStrap創(chuàng)立響應(yīng)式導(dǎo)航條實(shí)例代碼案例法操作法情境教學(xué)法35、檢查和評(píng)估組織學(xué)生加強(qiáng)操作過(guò)程的自查自評(píng)，同時(shí)以小組交流形式進(jìn)行互評(píng)強(qiáng)化對(duì)實(shí)訓(xùn)過(guò)程和實(shí)訓(xùn)報(bào)告的監(jiān)督和檢查，以理論和上機(jī)結(jié)合形式有針對(duì)性對(duì)表格和表單嵌套進(jìn)行教學(xué)測(cè)評(píng)，以檢查教學(xué)效果課后加強(qiáng)教學(xué)交流輔導(dǎo)平臺(tái)，及時(shí)解決學(xué)生問(wèn)題。交互檢查法討論法小組操作法〔二〕考核評(píng)價(jià)建議為全面考核學(xué)生的知識(shí)與技能掌握情況，本課程主要以過(guò)程考核為主。課程考核涵蓋工程〔學(xué)習(xí)情境〕任務(wù)全過(guò)程，主要包括工程實(shí)施等幾個(gè)方面。各工程〔學(xué)習(xí)情境〕具體考核方式與考核標(biāo)準(zhǔn)比例見(jiàn)表3。表3BootStrap程序開(kāi)發(fā)技術(shù)課程考核方式與考核標(biāo)準(zhǔn)工程編號(hào)考核點(diǎn)及工程分值比建議考核方式評(píng)價(jià)標(biāo)準(zhǔn)工程成績(jī)比例優(yōu)良及格不及格1BootStrap語(yǔ)言根底〔10%〕資訊報(bào)告條理非常清晰，結(jié)構(gòu)合理，收集資源豐富，觀點(diǎn)獨(dú)到條理清晰，結(jié)構(gòu)合理，有較豐富資源豐富，有自己合理的觀點(diǎn)根本能說(shuō)明對(duì)BootStrap編程掌握，條理和結(jié)構(gòu)根本合理，資料內(nèi)容較少不能反映說(shuō)明對(duì)BootStrap編程掌握，條理和結(jié)構(gòu)不合理，無(wú)說(shuō)明資料內(nèi)容35%Dreamweaver軟件操作〔5%〕自評(píng)和互評(píng)能熟練進(jìn)行Dreamweave安裝、環(huán)境設(shè)置和調(diào)用編程指令，能解決常見(jiàn)的問(wèn)題，多樣化的操作手段和技巧能較好完成DreamweaveD安裝、環(huán)境設(shè)置和調(diào)用編程指令，能解決常見(jiàn)的問(wèn)題，掌握一定的操作技巧能根本完成Dreamweave安裝、環(huán)境設(shè)置和調(diào)用編程指令，能解決一些使用中的問(wèn)題，但操作手段單一不能獨(dú)立完成Dreamweave安裝、環(huán)境設(shè)置和調(diào)用編程指令，無(wú)法解決出現(xiàn)的應(yīng)用問(wèn)題BootStrap中的事件處理和動(dòng)畫(huà)效果〔20%〕集中測(cè)評(píng)代碼編寫(xiě)錯(cuò)誤、標(biāo)準(zhǔn)、整潔、注釋無(wú)錯(cuò)誤；方法合理高效；運(yùn)用命令快速，技巧手段豐富代碼標(biāo)準(zhǔn)、整潔、注釋無(wú)錯(cuò)誤；瀏覽器運(yùn)行順暢，能選用較合理的方法代碼編寫(xiě)標(biāo)準(zhǔn)、整潔、注釋無(wú)錯(cuò)誤；瀏覽器運(yùn)行順暢，選用方法能較合理，命令操作較慢，手段單一代碼編寫(xiě)標(biāo)準(zhǔn)、整潔、注釋無(wú)錯(cuò)誤；瀏覽器運(yùn)行順暢，選用方法錯(cuò)誤，命令操作陌生和錯(cuò)誤較多綜合素質(zhì)考核〔20%〕見(jiàn)附表3-12使用BootStrap操作DOM〔20%〕小組評(píng)議、報(bào)告和教師評(píng)價(jià)實(shí)訓(xùn)成果完整，代碼編寫(xiě)標(biāo)準(zhǔn)準(zhǔn)確；格式非常標(biāo)準(zhǔn)，條理清查，有詳細(xì)過(guò)程記錄和分析并能提出很多新的方法和建議實(shí)訓(xùn)成果完整，代碼編寫(xiě)標(biāo)準(zhǔn)準(zhǔn)確；格式符合標(biāo)準(zhǔn)，內(nèi)容完整，有一定過(guò)程記錄和分析，選用方法不夠豐富，沒(méi)有多方面的比擬。實(shí)訓(xùn)成果根本完整，但代碼編寫(xiě)標(biāo)準(zhǔn)不夠；報(bào)告格式根本符合標(biāo)準(zhǔn)，有少許錯(cuò)誤，內(nèi)容完整，但缺少過(guò)程記錄實(shí)訓(xùn)成果不完整，注釋不完全準(zhǔn)確；報(bào)告格式不符合標(biāo)準(zhǔn)，錯(cuò)誤較多，無(wú)過(guò)程記錄和說(shuō)明35%使用BootStrap操作表單和表格〔25%〕小組評(píng)議、報(bào)告和教師評(píng)價(jià)實(shí)訓(xùn)成果完整，代碼編寫(xiě)和效果標(biāo)準(zhǔn)準(zhǔn)確；格式非常標(biāo)準(zhǔn)，條理清查，有詳細(xì)過(guò)程記錄和分析并能提出很多新的方法和建議實(shí)訓(xùn)成果完整，代碼編寫(xiě)和效果準(zhǔn)確；內(nèi)容完整，有一定過(guò)程記錄和分析，選用方法不夠豐富，沒(méi)有多方面的比擬。實(shí)訓(xùn)成果根本完整，代碼編寫(xiě)和效果準(zhǔn)確，報(bào)告格式根本符合標(biāo)準(zhǔn)，有少許錯(cuò)誤，內(nèi)容完整，但缺少過(guò)程記錄實(shí)訓(xùn)成果不完整，代碼和樣式布局規(guī)不完全準(zhǔn)確；報(bào)告格式不符合標(biāo)準(zhǔn)，錯(cuò)誤較多，無(wú)過(guò)程記錄和說(shuō)明Less在BootStrap中的應(yīng)用〔10%〕集中測(cè)評(píng)樣式符合標(biāo)準(zhǔn)代碼、布局、注釋整潔；選用方法合理高效；運(yùn)用命令快速，技巧手段豐富代碼符合標(biāo)準(zhǔn)編程、布局、注釋頁(yè)面能做到美觀整潔；有一定的編程技巧，能選用較合理的方法代碼符合根本準(zhǔn)確、但不能完全符合標(biāo)排版整潔、注釋正確，有少許錯(cuò)誤；選用方法能較合理，命令操作較慢，熟練度欠缺輸出完全不按照編程標(biāo)準(zhǔn)進(jìn)行，不正解、耗時(shí)長(zhǎng)；頁(yè)面不美觀整潔；選用方法錯(cuò)誤，命令操作陌生和錯(cuò)誤較多綜合素質(zhì)考核〔20%〕見(jiàn)附表3-14BootStrapUI插件的使用〔30%〕自評(píng)和互評(píng)能熟練操作BootStrap編程和測(cè)試，能獨(dú)立完成簡(jiǎn)單的網(wǎng)頁(yè)特效。制作符合標(biāo)準(zhǔn)，美觀，并能自己解決問(wèn)題，并能指導(dǎo)他人進(jìn)行操作能熟練操作BootStrap編程和測(cè)試，獨(dú)立完成簡(jiǎn)單網(wǎng)頁(yè)特效任務(wù)，制作符合標(biāo)準(zhǔn)，美觀，并能解決一定的應(yīng)用問(wèn)題能熟練操作BootStrap編程和測(cè)試，能根本獨(dú)立完成或在老師少許指導(dǎo)下簡(jiǎn)單網(wǎng)頁(yè)特效任務(wù)，代碼大體能符合標(biāo)準(zhǔn)，代碼根本準(zhǔn)確，有少許錯(cuò)誤無(wú)法BootStrap命令或僅能根本語(yǔ)言，但無(wú)法獨(dú)立完成排版布局任務(wù)，排版不完整，標(biāo)準(zhǔn)性差30%綜合素質(zhì)考核〔20%〕見(jiàn)附表3-1合計(jì)100%附表3-1綜合素質(zhì)考核評(píng)價(jià)標(biāo)準(zhǔn)工程公共考核點(diǎn)建議考核方式評(píng)價(jià)標(biāo)準(zhǔn)優(yōu)良及格1.工作與職業(yè)操守〔30％〕評(píng)教師評(píng)價(jià)＋自評(píng)＋互評(píng)平安、文明工作，具有良好的職業(yè)操守平安文明工作，職業(yè)操守較好沒(méi)出現(xiàn)違紀(jì)違規(guī)現(xiàn)象2.學(xué)習(xí)態(tài)度〔30％〕教師評(píng)價(jià)學(xué)習(xí)積極性高，虛心好學(xué)學(xué)習(xí)積極性較高沒(méi)有厭學(xué)現(xiàn)象3.團(tuán)隊(duì)合作精神〔20％〕互評(píng)具有良好的團(tuán)隊(duì)合作精神，熱心幫助小組其他成員具有較好的團(tuán)隊(duì)合作精神，能幫助小組其他成員能配合小組完成工程任務(wù)4.交流及表達(dá)能力〔10％〕