Bootstrap基礎教程-課程標準

第1頁共4頁《Bootstrap基礎教程》課程標準課程編碼：課程類別：B適用專業(yè)：授課單位：學時：72編寫執(zhí)筆人及編寫日期：學分：4審定負責人及審定日期：1、課程定位和課程設計1.1課程性質與作用課程性質：本課程是軟件技術專業(yè)的專業(yè)基礎課程，是培養(yǎng)學生使用Web前端框架Bootstrap進行頁面設計能力的支撐課程。課程的作用：通過本課程的學習，使學生逐步建立和掌握Web客戶端靜態(tài)頁面設計的思想方法，具有分析問題和解決問題的能力，能夠使用Bootstrap框架結合HTML、CSS和Javascript編寫Web客戶端靜態(tài)頁面，具備解決實際問題，吃苦耐勞、團結協作的良好品質，并為Web開發(fā)后續(xù)課程打下基礎。與其他課程的關系（前導課程、后續(xù)課程）等。（1）前導課程：靜態(tài)網頁設計（2）后續(xù)課程：WEB應用程序開發(fā)1.2課程基本理念課程開發(fā)本著以專業(yè)能力培養(yǎng)為主線、兼顧社會能力、方法能力培養(yǎng)的設計理念，著重發(fā)展學生的實踐技能。整個課程教學設計緊緊圍繞高技能人才培養(yǎng)的目標展開教學，選取典型工作任務作為學習載體，以任務的開發(fā)過程為主線，將知識的講解貫穿于任務的開發(fā)過程中，隨著任務的進展來推動知識的擴展。根據開發(fā)過程中需要的知識與技能規(guī)劃教學進度，組織課堂教學，確定學生實訓任務。在循序漸進完成任務開發(fā)的同時實現教學目標，做到學習與工作的深度融合。1.3課程設計思路以“項目導向、任務驅動”的教學模式為主，通過引入實用的任務，以任務的開發(fā)過程為主線，貫穿于每個知識點的講解，隨著任務的不斷拓展來推動整個課程的進展。對于每個知識點的講解采用以實際工作中軟件開發(fā)的過程和步驟為出發(fā)點，采用“五步”教學法，整個教學過程分為任務描述、計劃、實施、檢測、評價五大步驟，分別對應軟件開發(fā)的需求分析、設計、編碼、測試、驗收五個工作環(huán)節(jié)。使得學生在學習的過程中自然而然的了解程序開發(fā)的步驟和流程，為將來參加實際工作進行項目開發(fā)打下良好的基礎。同時通過采用“教”、“學”、“做”三位一體法教學法，教師邊示范、邊講解、邊提問，學生邊做、邊學、邊思考，從而實現在做中教，在做中學，提高學生的實踐能力和專業(yè)水平。2、課程目標課程工作任務目標：通過本課程的學習，使學生逐步建立和掌握Web客戶端靜態(tài)頁面設計的思想方法，具有分析問題和解決問題的能力，能夠使用Bootstrap框架結合HTML、CSS和Javascript編寫Web客戶端靜態(tài)頁面，具備解決實際問題，吃苦耐勞、團結協作的良好品質。能力目標：能獨立進行資料收集與整理、具備用戶需求的理解能力；．能根據項目需求，具備項目頁面的設計與實現能力；能獨立實現頁面美化與布局；具有綜合應用HTML語言、CSS樣式、JavaScript腳本、Bootstrap進行頁面的設計、編碼、調試、維護能力。素質目標：養(yǎng)成善于思考、深入研究的良好自主學習的習慣；通過項目與案例教學，培養(yǎng)學習者的分析問題、解決問題的能力；具有吃苦耐勞、團隊協作精神，溝通交流和書面表達能力；通過課外拓展訓練，培養(yǎng)學習者的創(chuàng)新意識；具有愛崗敬業(yè)、遵守職業(yè)道德規(guī)范、誠實、守信的高尚品質。3、課程內容與要求學習情境規(guī)劃和學習情境設計學習情境情境描述職業(yè)能力（知識、技能、態(tài)度）課時單元一：Bootstrap入門搭建Bootstrap開發(fā)環(huán)境，使用Bootstrap開發(fā)第一個網頁掌握Bootstrap開發(fā)環(huán)境搭建方法，掌握編寫簡單的Bootstrap網頁的方法；增加學生學習課程的興趣，端正學習態(tài)度。4單元二：Bootstrap整體架構設計簡單網頁：應用Bootstrap網格系統(tǒng)、CSS組件、Bootstrap輔助類理解Bootstrap整體架構；掌握Bootstrap網格系統(tǒng)；了解CSS組件架構；了解Bootstrap輔助類；培養(yǎng)學生認真細致工作的習慣。8單元三：BootstrapCSS樣式設計個人主頁：應用Bootstrap排版樣式、表格樣式、表單樣式、按鈕樣式、圖片和圖標樣式掌握Bootstrap排版樣式使用；掌握表格樣式使用；掌握表單樣式使用；掌握按鈕樣式使用；掌握圖片和圖標樣式使用；培養(yǎng)學生的頁面設計能力。10單元四：Bootstrap組件設計帶有登錄、注冊功能的響應式網站主頁：應用字體圖標、按鈕組、下拉菜單、輸入控件、導航、導航條、路徑導航、分頁、標簽與徽章、巨幕、縮略圖、警告框、進度條、多媒體對象、列表、面板與well等技術掌握字體圖標使用；掌握按鈕組使用；掌握下拉菜單使用；掌握輸入控件使用；掌握導航條使用；掌握路徑導航使用；掌握分頁使用；掌握標簽與徽章使用；掌握巨幕使用；掌握縮略圖使用；掌握警告框使用；掌握進度條使用；掌握多媒體對象使用；掌握列表使用；掌握面板與well使用；培養(yǎng)學生的網站設計能力,對頁面進行美化與布局。32單元五：Javascript插件設計網站頁面效果：應用模態(tài)框、下拉菜單、滾動監(jiān)聽、標簽頁、提示、彈出框掌握模態(tài)框使用；掌握下拉菜單使用；掌握滾動監(jiān)聽使用；掌握標簽頁使用；掌握提示使用；掌握彈出框使用；提高學生的分析處理問題的能力。184、課程實施4.1教學條件4.1.1軟硬件條件校內實訓基地條件，課程要求有專業(yè)的實訓室，所有實訓室設備按企業(yè)實際運行拓撲結構組建，設置數據服務器。主要配套的教學儀器設備與媒體要求如下：（1）硬件要求：所有計算機必須P42.4以上主頻，2G以上內存。（2）軟件要求：操作系統(tǒng)：WindowsXP及后續(xù)版本開發(fā)工具：IIS6及后續(xù)版本、IE10以上版本、Chrome瀏覽器、HBuilder最新版本、。4.1.2師資條件對任課教師的職業(yè)能力和知識結構的要求：任課教師能將課程體系、教學內容與企業(yè)對應崗位直接對接，實現企業(yè)開發(fā)團隊與實際項目應用于教學過程，課程學習與項目開發(fā)實訓合二為一。專任教師和兼職教師組成的具有“雙師”結構特點的教學團隊要求：專任教師100%為雙師素質教師，專兼結合的教學團隊中包含從軟件企業(yè)研發(fā)一線的行業(yè)專家，直接承擔專業(yè)課程的實踐教學，成為專業(yè)教學團隊的重要組成部分，教學團隊成員80%同時具備學院講師、企業(yè)工程師雙重資格。4.2教學方法建議根據軟件技術專業(yè)課程的特點和高職學生的特點，對于實踐課程，可采用具有專業(yè)特色的教學模式PTLF。即項目導向（Project-oriented），任務驅動（Task-driven），層層遞進（Layersofprogressive），四真環(huán)境（Fourkindsofsimulationenvironment）。①課程的完備性：通過項目貫穿和任務分解，學生了解到軟件開發(fā)的真實過程，實踐了軟件開發(fā)各個階段軟件產品的建模及項目文檔的編寫，獲得了完成某類項目的系統(tǒng)知識。②任務的導向性：每一階段都有明確的目標和產品，各項任務逐層遞進，引導學生一步一步完成整個項目。③教學情景的完整性：每個教學情景都是一個完整過程，從信息的收集、整理、分析、建模、到軟件文檔書寫；設計有明確的輸入、加工和輸出項。通過學習，學生除了掌握相關技能，還可以領悟到解決問題的一些基本方