《交互式前端開發(fā)實踐》課程標準(修訂版)精心總結(jié)

1、生活不會辜負努力的人UNIVERSITY for scien匚E&TECHNOLOCY SICHUAN課程標準（2018年秋季學期）課程名稱（全稱）：交互式網(wǎng)站前端開發(fā)綜合實踐課程代碼：課程計劃總學時：96本學期學時:96所屬學院：互聯(lián)網(wǎng)+學院教研室：軟件教研室任課教師：制訂日期：2018年7月20 日四川科技職業(yè)學院教學事業(yè)部制2018年7月20日交互式網(wǎng)站前端開發(fā)綜合實踐課程標準課程基本信息課程編號考核方式考查課程名稱交互式網(wǎng)站前端開發(fā)綜合 實踐課程類別專業(yè)必須，理論+實踐學時/學分96/6先修課程HTM幽貞設(shè)計等后續(xù)課程PHP或 ASP.NET等適用專業(yè)軟件技術(shù)（java開發(fā)）、

2、計算機網(wǎng)絡(luò)技術(shù)（Web前端開發(fā)）開課學院或教研室互聯(lián)網(wǎng)+學院執(zhí)筆蘇紹培審核日期年 月審定日期年 月一、本課程的性質(zhì)、定位與任務(wù)（一）課程性質(zhì)本課程是軟件技術(shù)、計算機網(wǎng)絡(luò)技術(shù)（Web前端開發(fā)）等專業(yè)方向的專業(yè)課程，是該專業(yè)的一門必修課。（二）課程定位定位于WE眼術(shù)開發(fā)工作崗位。它是WE而端技術(shù)開發(fā)的必備課程，在整個課程體系中具有重要的作用。本課程的前導(dǎo)課程：靜態(tài)網(wǎng)頁設(shè)計、DIV+CSSf?局。后續(xù)課程：PHP動態(tài)網(wǎng)頁設(shè)計、ASP.NET動態(tài)網(wǎng)頁設(shè)計等。（三）課程任務(wù)本課程任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計、 網(wǎng)頁美工以及 WE味合開發(fā)的初、中級專業(yè)人才，通過本 課程的學習，學生能掌握 JavaScript 語言

3、的基本編程思想，并能熟練利用 JavaScript 和 JQuery控制WEBC面各級元素，實現(xiàn) WEBtf端的驗證、動態(tài)展示等任務(wù)。二、本課程的教學目標（一）思想教育目標培養(yǎng)面向“互聯(lián)網(wǎng)+”經(jīng)濟發(fā)展需要，擁護黨的基本路線，適應(yīng)生產(chǎn)、建設(shè)、管理、服 務(wù)第一線需要的德、智、體、美等方面全面發(fā)展的高素質(zhì)技術(shù)技能型人才。（二）知識教學目標能制作包含客戶端驗證、具有常見動態(tài)效果、界面美觀大方的商業(yè)網(wǎng)站，但不包含任何 服務(wù)器端腳本。包含的知識點如下：（1） CSS3布局及美化；(2) 會使用JavaScript 美化網(wǎng)頁；(3) 會使用jQuery美化網(wǎng)頁；(4) 實現(xiàn)客戶端表單校驗；(三)技能教學目標

4、(5) CSS3布局及美化(6) 會使用JavaScript+JQuery 設(shè)置網(wǎng)頁動畫效果(7) 3) 會使用JavaScript+JQuery 設(shè)置網(wǎng)頁驗證效果(8) 會使用JavaScript+JQuery 設(shè)置表單特效(四)職業(yè)素質(zhì)拓展目標(9) 主動學習的能力(10) 析問題的能力(11) 隊協(xié)作的能力(12) 流與溝通能力三、本課程的考核方式：(1)考查課(2)成績比例：滿分100分，平時成績50% +綜合作業(yè)成績50%(3)平時成績：滿分 50分，出勤20% +實訓80%(4)綜合作業(yè)成績：滿分 50分，以綜合設(shè)計的形式進行考核(5)考查原則：突出實踐性和實用性，重在考察學生基于

5、交互設(shè)計的案例制作能力四、教材及參考書教材：交互式 WEBtf端開發(fā)實踐：冷亞洪等，清華大學出版社 2018.7第1版參考教材：1 . «JavaScript+ jQuery WEB 交互程序設(shè)計，李妍等，清華大學出版社，2018.4第1版2 .Web設(shè)計與前端開發(fā)秘籍：JavaScript & jQuery 交互式 Web前端開發(fā)達科特主編，清華大學出版社 2015年6月第1版五、本課程的教學內(nèi)容、基本要求及學時分配 (一)學時分配教學內(nèi)容理論學時數(shù) 實踐合計緒論課程定位與作用202A章HTML標記2810第FJavaScript編程基礎(chǔ)4812第三章JavaScript高

6、級編程4812第四章JQuery編程4812第五章CSS樣式運用066表單驗證技術(shù)066第七章客戶端數(shù)據(jù)請求技術(shù)246第八章綜合案例網(wǎng)站制作42428機動復(fù)習答疑202合計學時247296（二）教學內(nèi)容及基本要求教學單元 或項目教學內(nèi)容教學要求教學手段笏巧學時理論實踐緒論課程定位與作用了解本課程在課程體系中的定位 與作用理論講授、多 媒體演示20A章HTML標記掌握HTML、HTML 5標簽、屬性多媒體演示、 實驗操作28第FJavaScript編程基礎(chǔ)掌握JS常用編輯器；掌握腳本結(jié) 構(gòu)、基本語法與自定義函數(shù)多媒體演示、 實驗操作48第三章JavaScript高級編程熟練掌握 Dom模型的方法

7、及屬 性；掌握使用DOM模型層次關(guān)系 訪問元素；熟練掌握表單時間和 腳本函數(shù)實現(xiàn)表單驗證等多媒體演示、 實驗操作48第四章JQuery編程掌握JQuery選擇器、動態(tài)添加事 件和動畫設(shè)計的技巧多媒體演示、 實驗操作48第五章CSS樣式運用掌握Style樣式等相關(guān)特效的制作多媒體演示、 實驗操作06表單驗證技術(shù)掌握表單事件應(yīng)用技巧；掌握控件聯(lián)動的技巧；掌握表單驗證高級特效多媒體演示、 實驗操作06第七章客戶端數(shù)據(jù)請求技術(shù)掌握XML文件應(yīng)用；掌握 Ajax 技木應(yīng)用多媒體演示、 實驗操作24第八章綜合案例網(wǎng)站制作掌握系統(tǒng)需求設(shè)計；掌握數(shù)據(jù)庫 設(shè)計；掌握綜合開發(fā)技巧多媒體演示、 實驗操作424機動復(fù)

8、習答疑討論20六、教學質(zhì)量控制（一）教學重點、難點及教學設(shè)計緒論課程定位與作用教學重點：本課程在該專業(yè)課程體系中的作用教學難點：課程意義及建議如何學習本章采用多媒體演示及討論形式進行授課，擬達到讓學生充分了解本課程所學知識范圍及特定就業(yè)崗位對知識需求的效果 第一章HTML標記 教學重點：HTML XHTML HTML麻簽的使用教學難點：HTML5表單控件、畫布功能使用本章采用多媒體演示、討論及實驗操作形式進行授課，擬達到讓學生了解HTML5、理解HTML XHTML HTML5#同、掌握HTML昧單標簽及屬性、 掌握HTML唔頻、視頻、 畫布運用效果第二章 JavaScript 編程基礎(chǔ)教學重

9、點：JavaScript 的基本語法、自定義函數(shù)的使用教學難點：自定義函數(shù)參數(shù)的傳遞方法本章 采用多媒體演示 、討論 及實驗操作形式進行授課 ，擬達 到讓學生了 解JavaScript 簡介、理解JavaScript 常用編輯器、掌握腳本的基本結(jié)構(gòu)(Script 標簽 )、掌握基本語法、掌握高級語法自定義函數(shù)等效果第三章 JavaScript 高級編程教學重點：運用 DOM莫型查找某個 HTM尻素；使用Window對象的open ()方法制 作各種樣式的廣告窗口；使用Window對象的SetTimeout ()方法和 Date對象制作日期顯示效果；document 對象 getElementB

10、ylD ()、getElementName ()方法的應(yīng)用；內(nèi) 置對象的應(yīng)用。教學難點：SetTimeout ()方法的運用；帶關(guān)閉按鈕浮動窗口的制作；面向?qū)ο缶幊?；本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握運用DOM模型查找某個 HTMLt素、掌握使用 Window對象的open ()方法制作各種樣式的廣告 窗口、掌握使用 Window對象的SetTimeout ()方法和 Date對象制作日期顯示效果的 效果；掌握使用 document對象的getElementByID ()方法訪問 DIV層對象、掌握使用 document對象的getElementByName (

11、)方法訪問表單元素、掌握使用DIV對象的樣式屬性控制層的隱藏和顯示的效果。第四章 JQuery 編程教學重點：JQuery 動畫的設(shè)計教學難點：JQuery 選擇器的使用、Ajax 方法與事件本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握JQuery選擇器的使用、掌握JQuery 動態(tài)添加事件、掌握JQuery 動畫的設(shè)計的效果第五章 CSS 樣式運用教學重點：樣式特效的實現(xiàn)思路；常見的 borderColor 、 src 、 className、 display 、backImage 樣式屬性教學難點：CSS3動畫；“點卡”中多個層切換的效果制作；本章采用多媒體演示、討論

12、及實驗操作等形式進行授課，擬達到讓學生掌握使用style 樣式屬性動態(tài)改變邊框顏色、掌握使用className 類名屬性動態(tài)改變按鈕背景圖片、掌握使用display 顯示屬性實現(xiàn)層或圖片的隱藏/ 顯示和切換特效的效果第六章 表單驗證技術(shù)教學重點：表單驗證的思路；字符串對象的常用屬性和方法；文本框控件的常用屬性、方法、事件教學難點：電子郵件格式的驗證、事件運用、聯(lián)動驗證；本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握使用DOM模型的層次關(guān)系訪問元素、掌握使用表單事件和腳本函數(shù)實現(xiàn)表單驗證、掌握使用String 對象和文本框控件常用屬性和方法實現(xiàn)客戶端驗證的效果；使用提交方法實

13、現(xiàn)圖片代替“提交按鈕”的功能、 掌握使用下拉列表框控件實現(xiàn)省市及聯(lián)功能；掌握使用DIV 的 innerHtml 或 InnerText 動態(tài)顯示內(nèi)容的效果第七章 客戶端數(shù)據(jù)請求技術(shù)教學重點：認識Web Service;XML;Ajax教學難點：編寫應(yīng)用 XML Ajax、JSON術(shù)；本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握使用掌握XML文件應(yīng)用；掌握 Ajax、JSON技術(shù)應(yīng)用；第八章 綜合案例網(wǎng)站制作教學重點：項目需求分析編寫、頁面布局、數(shù)據(jù)庫設(shè)計教學難點：數(shù)據(jù)庫設(shè)計、程序設(shè)計本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握系統(tǒng)需求設(shè)計；掌握數(shù)據(jù)庫設(shè)計；掌握綜合開發(fā)技巧（二）教學過程評價教學過程評價采取理論與實踐相結(jié)合，把學生對知識技能掌握能力的評價與知識點考核相結(jié)合。過程評價從學生考勤、課堂討論、回答問題、課后完成作業(yè)、預(yù)習、課堂實踐、 綜合實踐等方面整體進行評價。評價方式包括學生自評、學生互評、教師評價相結(jié)合的方式進行。（三）課程考核方式及成績評定1考核方式本課程以項目形式考核，要求學生提交針對某網(wǎng)站效果設(shè)計的一套完整方案，提交設(shè)計方案和項目作品。2成績評定重點以平時