Javascript程序設(shè)計課程標(biāo)準(zhǔn)(完整版)

PAGEPAGE3Javascript程序設(shè)計課程標(biāo)準(zhǔn)課程代碼：MB010509 課程類型：理論+實踐課程屬性：專業(yè)課 適用專業(yè)：信息工程學(xué)院軟件技術(shù)專業(yè)學(xué) 時：64學(xué)時 學(xué) 課程負(fù)責(zé)人：參編人員：一、課程定位（一）課程性質(zhì)《Javascript程序設(shè)計》是一門需要綜合應(yīng)用所學(xué)網(wǎng)頁制作知識(HTML、CSS、JavaScript)的課程而打造的面向網(wǎng)頁制作方向就業(yè)技能的一門重要課程。該課程深入淺出，結(jié)合實際案例系統(tǒng)地講解了使用JavaScriptjQueryWEB是WEB前端技術(shù)開發(fā)的必備課程，為網(wǎng)頁美工、PHPC#程序設(shè)計與應(yīng)用等課程的學(xué)習(xí)打下基礎(chǔ)，在整個課程體系中具有承前啟后的重要作用。（二）課程作用《Javascript程序設(shè)計》課程任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計、網(wǎng)頁美工以及WEB綜合開發(fā)的初、中級專業(yè)人才，通過本課程的學(xué)習(xí)，學(xué)生能掌握J(rèn)avaScript語言的基本編程思想，并能熟練利用JavaScriptWEBWEB（三）前導(dǎo)、后續(xù)課程它是WEBWebJavascriptPHP網(wǎng)頁設(shè)計、Html5二、課程理念及設(shè)計思路（一）課程理念通過本課程的學(xué)習(xí)，使學(xué)生對HTMLCSSJavaScript元素有全面和充分的認(rèn)識，能熟練地使用以上代碼開發(fā)出漂亮的靜態(tài)網(wǎng)頁，制作出炫酷的網(wǎng)頁效JavaScript語言的基本編程思想，并能熟練利用JavaScriptWEBWEBJavaScriptCSSDOM和常見事件處理等內(nèi)容。（二）課程設(shè)計思路針對學(xué)生的層次和高職學(xué)生的特點以必需、夠用為度，專業(yè)教學(xué)加強針對性和應(yīng)用性。以職業(yè)能力培養(yǎng)為主線，使教學(xué)內(nèi)容按照能力培養(yǎng)目標(biāo)進(jìn)行重組、整合與優(yōu)化，教學(xué)方法體現(xiàn)能力培養(yǎng)，廣泛采用“案例”、“參與式”、“討論式”、“啟發(fā)式”等生動活潑的教學(xué)形式，有效利用現(xiàn)代教育技術(shù)組織教學(xué)，并加強課程的組織管理、運行管理和質(zhì)量管理以及課程的過程評價與目標(biāo)評價。具體措施體現(xiàn)在以下幾個方面：基于典型工作過程分析，構(gòu)建課程體系；職業(yè)能力培養(yǎng)為核心，設(shè)計教學(xué)內(nèi)容；以提高學(xué)生職業(yè)能力和職業(yè)素養(yǎng)為目標(biāo)，重視實踐教學(xué)；融合職業(yè)資格標(biāo)準(zhǔn)，推行雙證書制；校企合作，共建新型實踐教學(xué)基地；校企合作，形成實踐技能課主要由企業(yè)兼職教師講授的機制。三、課程目標(biāo)通過本課程的學(xué)習(xí)，使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。最終成為具備較全面的軟件開發(fā)與信息服務(wù)的技術(shù)人才。根據(jù)高職教育的特點，按照學(xué)院“小學(xué)校、大課堂”的辦學(xué)思路和“校企融合、同興共贏”的辦學(xué)模式，積極探索“校企合作、工學(xué)結(jié)合”的人才培養(yǎng)模式，積極探索以實踐能力考核為主的課程評價方法，切實提高學(xué)生的職業(yè)能力和就業(yè)競爭力。總體設(shè)計思路是：以高職高專的教育規(guī)律為基礎(chǔ)，結(jié)合本校的教學(xué)要求，跟蹤當(dāng)前網(wǎng)頁設(shè)計發(fā)展的趨勢，做到教學(xué)與實踐結(jié)合。通過若干項目任務(wù)的分解學(xué)習(xí)，達(dá)到課程學(xué)習(xí)的要求。（一）能力目標(biāo)具備實現(xiàn)客戶端表單驗證的能力；具備制作動態(tài)網(wǎng)頁特效的能力；具備搭建客戶端網(wǎng)頁商城的能力；（二）知識目標(biāo)掌握使用JavaScript美化網(wǎng)頁的基本知識；掌握使用jQuery美化網(wǎng)頁的知識；掌握實現(xiàn)客戶端表單校驗功能的知識；掌握使用JavaScript設(shè)置網(wǎng)頁動畫效果的方法；掌握使用JavaScript設(shè)置網(wǎng)頁驗證效果的方法；掌握使用JavaScript設(shè)置表單特效的方法。（三）素質(zhì)目標(biāo)形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊的協(xié)作能力；能用心尊重他人、不斷激勵自己；樂于團(tuán)隊合作、善于整合資源；善于表達(dá)溝通、用于企業(yè)實踐、注重學(xué)以致用；及時適應(yīng)環(huán)境變化、不斷開拓創(chuàng)新。四、課程內(nèi)容與安排41664學(xué)和操作練習(xí)穿插進(jìn)行。講授時數(shù)為50學(xué)時，操作時數(shù)為141。根據(jù)專業(yè)課程目標(biāo)和涵蓋的工作任務(wù)要求，確定課程內(nèi)容和要求，說明學(xué)生應(yīng)獲得的知識、技能與態(tài)度。本課程的主要任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計、網(wǎng)頁美工以及WEB綜合開發(fā)的初、中級專業(yè)人才。學(xué)生能掌握J(rèn)avaScript語言的基本編程思想，并能熟練利用JavaScript控制WEB頁面各級元素，實WEBJavaScriptBOM法，文檔對象的常用屬性和方法，DOMDOM操作文檔節(jié)點的方法，簡單的CSS識，掌握常用開發(fā)工具和調(diào)試工具。最后以一個綜合的實例將這些技術(shù)集成在一起，實現(xiàn)了一個完整的簡單的，具有人機交互功能的動態(tài)網(wǎng)頁的設(shè)計。教學(xué)方學(xué)習(xí)情境/項子情境/子項學(xué)習(xí)內(nèi)容（支撐參考教學(xué)方學(xué)習(xí)情境/項子情境/子項學(xué)習(xí)內(nèi)容（支撐參考法及手 成果形式目/單元目/子單元知識）課時段JavaScript1．JavaScript1.程序”Hello源可正常運行第一個示及練 4概述 World”的運行 瀏覽器之爭 Javascript小程序習(xí)體驗第一個Javascript序2.JavaScript基礎(chǔ)

輸入數(shù)字判斷程序9X9法表程序2四則運算對象調(diào)用實例

JavaScriptJavaScript與關(guān)鍵字條件語句循環(huán)語句函數(shù)對象BOM

示及練習(xí)

能實現(xiàn)需求功能的可運行的HTML網(wǎng)頁 10文件 開發(fā)及調(diào)試工具CSS

1.根據(jù)當(dāng)前時間顯示問候語程序圖片的雙邊框效果及圖文混排，首字下沉效果

常用開發(fā)工具介紹常用調(diào)試工具介紹CSSCSSCSS

示及練習(xí)示及練

程序可實現(xiàn)根據(jù)當(dāng)前時間顯示問候語 4句實現(xiàn)要求效果的網(wǎng)頁文件進(jìn)階浮動定位效果的實現(xiàn)

效果CSS

習(xí) 105.DOM

1.動態(tài)修改圖片（HTMLDOM實現(xiàn)及COREDOM實現(xiàn)）2.顯示圖片的路徑等屬性屏蔽鼠標(biāo)右

DOM技術(shù)簡介網(wǎng)頁中的DOM型框架元素節(jié)點、文本節(jié)點、屬性節(jié)點DOM與CSS

示及練習(xí)

實現(xiàn)了動態(tài)修改圖片及顯示路徑等屬 8性的網(wǎng)頁文件事件機制簡介 講敘演 實現(xiàn)屏蔽鼠標(biāo)右鍵 4鍵示及練及伸縮兩級菜單的事件機制2.伸縮的兩級常用事件函數(shù)習(xí)網(wǎng)頁文件菜單1.對一個表格進(jìn)行增刪改操格樣式7.表格與表單作實現(xiàn)表格及表單功示及練 122.對表單元素 制表格 能的HTML網(wǎng)頁文件習(xí)如文本框的值 控制表單并對表進(jìn)行驗證單元素進(jìn)行驗證常見錯誤和異常1.對指定的帶8.JavaScript有錯誤的程序錯誤處理設(shè)計與優(yōu)化進(jìn)行調(diào)試使用調(diào)試器漸縮小范圍查找錯誤講敘及演示練習(xí)，4示及練最終能得到一個完了解tomcat習(xí)整正確的程序關(guān)目錄可獲得服務(wù)器端內(nèi)容的Ajax9.練習(xí)1.設(shè)計個人網(wǎng)整個綜合知識的設(shè)計出具有個人風(fēng)練習(xí) 4站思路 應(yīng)用 格的動態(tài)網(wǎng)站課時合計 64五、課程考核評價教學(xué)評價和考核中貫徹能力本位的理念。變單向教學(xué)評價為多元評價，將靜態(tài)教學(xué)評價變?yōu)閯討B(tài)評價；變學(xué)生被動應(yīng)對考試為主動參與考核，將結(jié)果式考核變?yōu)榉蛛A段分層次的過程考核。（一）課程評價（1）日常記錄：對學(xué)生日常出勤、課堂互動、提交作業(yè)等情況做記錄，考核學(xué)生的學(xué)習(xí)態(tài)度（）核：課堂上按照學(xué)生任務(wù)完成的時長及完成質(zhì)量給予評分，考核學(xué)生技能掌握熟練程度；（3）集中閉卷筆試（項目或任務(wù)成果）：理論掌握情況，采用了閉卷集中考試的方式。學(xué)期教學(xué)評價=平時成績（主要包括考勤、課堂互動）X20%+過程考核（主要包括任務(wù)完成情況、單元測試）X40%+期末集中筆試成績（項目或任務(wù)成果）X40％。（二）考核要求課程中需要學(xué)生動手實操的部分，以學(xué)習(xí)情境或項目為單位，進(jìn)行過程性考核，能夠在規(guī)定時間內(nèi)自主完成項目或任務(wù)，得滿分；否則根據(jù)完成任務(wù)所用時長和所獲得的幫助情況，酌情減分。根據(jù)在項目開發(fā)過程中的重要程度所需完成的任務(wù)量和難度，占分比重有所不同。2學(xué)習(xí)情境或項目考核占分比重學(xué)習(xí)情境或項目JavaScript概述占分比重（%）5%JavaScript基礎(chǔ)20%開發(fā)及調(diào)試工具5%CSS基礎(chǔ)及進(jìn)階20%DOM編程20%JavaScript事件機制5%表格與表單20%JavaScript設(shè)計與優(yōu)化5%六、課程資源開發(fā)與利用學(xué)習(xí)資料資源：教材、實訓(xùn)指導(dǎo)書重在于實際項目相結(jié)合，以項目（任務(wù)）的方式推進(jìn)對技能的學(xué)習(xí)。信息化教學(xué)資源：依據(jù)學(xué)習(xí)過程中對項目的推進(jìn)，通過多媒體課件、網(wǎng)絡(luò)課程引入，使學(xué)生通過模擬仿真進(jìn)行案例練習(xí)。課程資源要求具備：課程文檔、教案、課件、工具、實訓(xùn)案例。課程資源的引入需符合行業(yè)標(biāo)準(zhǔn)。七、課程實施建議（一）教學(xué)條件1、軟硬件條件課程應(yīng)在校內(nèi)實訓(xùn)基地具備如下條件的實訓(xùn)室中完成:要求有教學(xué)做一體化的綜合實訓(xùn)室，融教學(xué)與實訓(xùn)為一體，以及與課程相應(yīng)的軟件Dreamweaver作支持。校外要求有與學(xué)校長期合作的企業(yè)做實訓(xùn)基地，滿足學(xué)生頂崗實習(xí)的需要。2、師資條件擔(dān)任本課程的主講教師需要熟練掌握網(wǎng)頁設(shè)計相關(guān)專業(yè)知識，具有敏銳的網(wǎng)站設(shè)計發(fā)展趨勢眼光，同時應(yīng)具備較豐富的教學(xué)經(jīng)驗。在教學(xué)組織能力方面，本課程的主講教師應(yīng)具備基本的設(shè)計能力，即根據(jù)本課程標(biāo)準(zhǔn)制定詳細(xì)的授課計劃，對每一堂課的教學(xué)過程精心設(shè)計；還應(yīng)具備較強的施教能力、課堂掌控能力和應(yīng)變能力。（二）教學(xué)方法建議與實現(xiàn)，使學(xué)生對即將展開的學(xué)習(xí)有大致的方向性了解。注重自主學(xué)習(xí)、合作學(xué)習(xí)，兼顧學(xué)生的個性發(fā)展授課過程中應(yīng)注重學(xué)生“終身學(xué)習(xí)能力”的培養(yǎng)和鍛煉，項目中某些功能模塊，其實現(xiàn)技術(shù)與小節(jié)中任務(wù)的實現(xiàn)技術(shù)相似，以“舉一反三”的形式給出，并有實現(xiàn)提示，要求學(xué)生根據(jù)已習(xí)得的知識和技能，并自行查找參考資料來“主線”外，在每一章節(jié)的課后練習(xí)中設(shè)計了一條“能力拓展”為附線項目（任務(wù)），附線項目（任務(wù)）的選題，鼓勵學(xué)生分組到企業(yè)實地考察調(diào)研之后來完成。子課件的自動播放、可視化項目引導(dǎo)等多種多媒體呈現(xiàn)形式，方便學(xué)生在課余時間重溫課堂；網(wǎng)充；網(wǎng)絡(luò)課程中還有設(shè)置有試題庫、自我測試等板塊，學(xué)生可以及時進(jìn)行自我評估。建議在授課過程中充分發(fā)揮網(wǎng)絡(luò)課程的優(yōu)勢。（三）教材編寫龍馬工作室.精