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

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

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

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

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

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

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

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

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

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

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

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

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

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