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

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

中的對象，實現(xiàn)網(wǎng)頁的動態(tài)效果。4、熟練使用Bootstrap

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

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