《交互式前端開發(fā)實(shí)踐》課程標(biāo)準(zhǔn)(共8頁)

《《交互式前端開發(fā)實(shí)踐》課程標(biāo)準(zhǔn)(共8頁)》由會(huì)員分享，可在線閱讀，更多相關(guān)《《交互式前端開發(fā)實(shí)踐》課程標(biāo)準(zhǔn)(共8頁)（8頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、精選優(yōu)質(zhì)文檔-----傾情為你奉上 課 程 標(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) 考核方式 　

2、考查 課程名稱 交互式網(wǎng)站前端開發(fā)綜合實(shí)踐 課程類別 專業(yè)必須，理論+實(shí)踐 學(xué)時(shí)/學(xué)分 96/6　 先修課程 　HTML網(wǎng)頁設(shè)計(jì)等 后續(xù)課程 PHP或ASP.NET等 適用專業(yè) 　軟件技術(shù)（java開發(fā)）、計(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è)的一門必修課。 （二）課程定位 定位于WEB技術(shù)開發(fā)工作

3、崗位。它是WEB前端技術(shù)開發(fā)的必備課程，在整個(gè)課程體系中具有重要的作用。本課程的前導(dǎo)課程：靜態(tài)網(wǎng)頁設(shè)計(jì)、DIV+CSS布局。后續(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)頁美工以及WEB綜合開發(fā)的初、中級(jí)專業(yè)人才，通過本課程的學(xué)習(xí)，學(xué)生能掌握J(rèn)avaScript語言的基本編程思想，并能熟練利用JavaScript和JQuery控制WEB頁面各級(jí)元素，實(shí)現(xiàn)WEB前端的驗(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ù)第一線需要的德、智

4、、體、美等方面全面發(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) （1） CSS3布局及美化 （2） 會(huì)使用JavaScript+JQuery設(shè)置網(wǎng)頁動(dòng)畫效果 （3） 會(huì)使用JavaScript+JQuery設(shè)置網(wǎng)頁驗(yàn)證效果? （4） 會(huì)使用JavaScript+JQuery設(shè)置表單特效 （四）職

5、業(yè)素質(zhì)拓展目標(biāo) （1）主動(dòng)學(xué)習(xí)的能力 （2）分析問題的能力 （3）團(tuán)隊(duì)協(xié)作的能力 （4）交流與溝通能力 三、本課程的考核方式： （1）考查課 （2）成績(jī)比例：滿分100分，平時(shí)成績(jī)50% + 綜合作業(yè)成績(jī)50% （3）平時(shí)成績(jī)：滿分50分，出勤20% + 實(shí)訓(xùn)80% （4）綜合作業(yè)成績(jī)：滿分50分，以綜合設(shè)計(jì)的形式進(jìn)行考核 （5）考查原則：突出實(shí)踐性和實(shí)用性，重在考察學(xué)生基于交互設(shè)計(jì)的案例制作能力 四、教材及參考書 教材： 《交互式WEB前端開發(fā)實(shí)踐》：冷亞洪等，清華大學(xué)出版社 2018.7第1版 參考教材： 1.《JavaScript+ jQuery WEB

6、交互程序設(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ì) 緒 論 課程定位與作用 2 0 2 第一章 HTML標(biāo)記 2 8 10 第二章 JavaScript編程基礎(chǔ) 4 8 12 第三章 JavaScript高級(jí)編程 4 8 12 第四章 JQuery編程 4 8 12 第五章

7、CSS樣式運(yùn)用 0 6 6 第六章 表單驗(yàn)證技術(shù) 0 6 6 第七章 客戶端數(shù)據(jù)請(qǐng)求技術(shù) 2 4 6 第八章 綜合案例網(wǎng)站制作 4 24 28 機(jī)動(dòng) 復(fù)習(xí)答疑 2 0 2 合計(jì)學(xué)時(shí) 24 72 96 （二）教學(xué)內(nèi)容及基本要求 教學(xué)單元或項(xiàng)目 教學(xué)內(nèi)容 教學(xué)要求 教學(xué)手段 參考學(xué)時(shí) 理論 實(shí)踐 緒論 課程定位與作用 了解本課程在課程體系中的定位與作用 理論講授、多媒體演示 2 0 第一章 HTML標(biāo)記 掌握HTML、HTML?5標(biāo)簽、屬性 多媒體演示、實(shí)驗(yàn)操作 2 8 第二章 JavaS

8、cript編程基礎(chǔ) 掌握J(rèn)S常用編輯器；掌握腳本結(jié)構(gòu)、基本語法與自定義函數(shù) 多媒體演示、實(shí)驗(yàn)操作 4 8 第三章 JavaScript高級(jí)編程 熟練掌握Dom模型的方法及屬性；掌握使用DOM模型層次關(guān)系訪問元素；熟練掌握表單時(shí)間和腳本函數(shù)實(shí)現(xiàn)表單驗(yàn)證等 多媒體演示、實(shí)驗(yàn)操作 4 8 第四章 JQuery編程 掌握J(rèn)Query選擇器、動(dòng)態(tài)添加事件和動(dòng)畫設(shè)計(jì)的技巧 多媒體演示、實(shí)驗(yàn)操作 4 8 第五章 CSS樣式運(yùn)用 掌握Style樣式等相關(guān)特效的制作 多媒體演示、實(shí)驗(yàn)操作 0 6 第六章 表單驗(yàn)證技術(shù) 掌握表單事件應(yīng)用技巧；掌握控件聯(lián)動(dòng)的技巧；

9、 掌握表單驗(yàn)證高級(jí)特效 多媒體演示、實(shí)驗(yàn)操作 0 6 第七章 客戶端數(shù)據(jù)請(qǐng)求技術(shù) 掌握XML文件應(yīng)用；掌握Ajax技術(shù)應(yīng)用 多媒體演示、實(shí)驗(yàn)操作 2 4 第八章 綜合案例網(wǎng)站制作 掌握系統(tǒng)需求設(shè)計(jì)；掌握數(shù)據(jù)庫設(shè)計(jì)；掌握綜合開發(fā)技巧 多媒體演示、實(shí)驗(yàn)操作 4 24 機(jī)動(dòng) 復(fù)習(xí)答疑 討論 2 0 六、教學(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ì)

10、知識(shí)需求的效果 第一章 HTML標(biāo)記 教學(xué)重點(diǎn)：HTML、XHTML、HTML5標(biāo)簽的使用 教學(xué)難點(diǎn)：HTML5表單控件、畫布功能使用 本章采用多媒體演示、討論及實(shí)驗(yàn)操作形式進(jìn)行授課，擬達(dá)到讓學(xué)生了解HTML5、理解HTML、XHTML、HTML5異同、掌握HTML5表單標(biāo)簽及屬性、掌握HTML5音頻、視頻、畫布運(yùn)用效果 第二章 JavaScript編程基礎(chǔ) 教學(xué)重點(diǎn)：JavaScript的基本語法、自定義函數(shù)的使用 教學(xué)難點(diǎn)：自定義函數(shù)參數(shù)的傳遞方法 本章采用多媒體演示、討論及實(shí)驗(yàn)操作形式進(jìn)行授課，擬達(dá)到讓學(xué)生了解JavaScript簡(jiǎn)介、理解JavaScript常用編輯器、

11、掌握腳本的基本結(jié)構(gòu)(Script標(biāo)簽)、掌握基本語法、掌握高級(jí)語法－自定義函數(shù)等效果 第三章 JavaScript高級(jí)編程 教學(xué)重點(diǎn)：運(yùn)用DOM模型查找某個(gè)HTML元素；使用Window對(duì)象的open（）方法制作各種樣式的廣告窗口；使用Window對(duì)象的SetTimeout（）方法和Date對(duì)象制作日期顯示效果；document對(duì)象getElementByID（）、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)用D

12、OM模型查找某個(gè)HTML元素、掌握使用Window對(duì)象的open（）方法制作各種樣式的廣告窗口、掌握使用Window對(duì)象的SetTimeout（）方法和Date對(duì)象制作日期顯示效果的效果；掌握使用document對(duì)象的getElementByID（）方法訪問DIV層對(duì)象、掌握使用document對(duì)象的getElementByName（）方法訪問表單元素、掌握使用DIV對(duì)象的樣式屬性控制層的隱藏和顯示的效果。 第四章JQuery編程 教學(xué)重點(diǎn)：JQuery動(dòng)畫的設(shè)計(jì) 教學(xué)難點(diǎn)：JQuery選擇器的使用、Ajax方法與事件 本章采用多媒體演示、討論及實(shí)驗(yàn)操作等形式進(jìn)行授課，擬達(dá)到讓學(xué)生掌握

13、JQuery選擇器的使用、掌握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è)層切換的效果制作； 本章采用多媒體演示、討論及實(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)證的思路；字

14、符串對(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í)現(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

15、、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à)方式包

16、括學(xué)生自評(píng)、學(xué)生互評(píng)、教師評(píng)價(jià)相結(jié)合的方式進(jìn)行。 （三）課程考核方式及成績(jī)?cè)u(píng)定 1．考核方式 本課程以項(xiàng)目形式考核，要求學(xué)生提交針對(duì)某網(wǎng)站效果設(shè)計(jì)的一套完整方案，提交設(shè)計(jì)方案和項(xiàng)目作品。 2．成績(jī)?cè)u(píng)定 重點(diǎn)以平時(shí)考勤、課堂表現(xiàn)、設(shè)計(jì)方案和項(xiàng)目作品綜合評(píng)定學(xué)生成績(jī)。其中總結(jié)性考核包括項(xiàng)目設(shè)計(jì)方案書和項(xiàng)目作品，平時(shí)成績(jī)占最終成績(jī)的50%，終結(jié)性考核占最終成績(jī)的50%。 七、對(duì)課程主講教師的基本要求 （一）學(xué)歷要求：本科及以上； （二）課前必須試講； （三）向教務(wù)處申報(bào)授課資格。 八、教學(xué)環(huán)境及實(shí)訓(xùn)條件 （一）教室基本配置 1．多媒體設(shè)備； 2．話筒； 3．無特殊要求（普通教室） （二）實(shí)訓(xùn)設(shè)備 計(jì)算機(jī)50臺(tái)以及相應(yīng)的軟件系統(tǒng)  專心---專注---專業(yè)