《交互式前端開發(fā)實踐》課程標準(共8頁)

《《交互式前端開發(fā)實踐》課程標準(共8頁)》由會員分享，可在線閱讀，更多相關(guān)《《交互式前端開發(fā)實踐》課程標準(共8頁)（8頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、精選優(yōu)質(zhì)文檔-----傾情為你奉上 課 程 標 準 （ 2018 年 秋 季學期） 課程名稱（全稱）： 交互式網(wǎng)站前端開發(fā)綜合實踐 課 程 代 碼： 課程計劃總學時： 96 本學期學時： 96 所 屬 學 院： 互聯(lián)網(wǎng)+學院 教研室： 軟件教研室 任 課 教 師： 制 訂 日 期： 2018年 7 月 20 日 四川科技職業(yè)學院教學事業(yè)部 制 2018年7月20日 《交互式網(wǎng)站前端開發(fā)綜合實踐》課程標準 課程基本信息 課程編號 考核方式 　

2、考查 課程名稱 交互式網(wǎng)站前端開發(fā)綜合實踐 課程類別 專業(yè)必須，理論+實踐 學時/學分 96/6　 先修課程 　HTML網(wǎng)頁設(shè)計等 后續(xù)課程 PHP或ASP.NET等 適用專業(yè) 　軟件技術(shù)（java開發(fā)）、計算機網(wǎng)絡(luò)技術(shù)（Web前端開發(fā)） 開課學院或教研室 　互聯(lián)網(wǎng)+學院 執(zhí)筆 蘇紹培 審核 日期 年 月 審定 日期 年 月 一、本課程的性質(zhì)、定位與任務(wù) （一）課程性質(zhì) 本課程是軟件技術(shù)、計算機網(wǎng)絡(luò)技術(shù)（Web前端開發(fā)）等專業(yè)方向的專業(yè)課程，是該專業(yè)的一門必修課。 （二）課程定位 定位于WEB技術(shù)開發(fā)工作

3、崗位。它是WEB前端技術(shù)開發(fā)的必備課程，在整個課程體系中具有重要的作用。本課程的前導課程：靜態(tài)網(wǎng)頁設(shè)計、DIV+CSS布局。后續(xù)課程：PHP動態(tài)網(wǎng)頁設(shè)計、ASP.NET動態(tài)網(wǎng)頁設(shè)計等。 （三）課程任務(wù) 本課程任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計、網(wǎng)頁美工以及WEB綜合開發(fā)的初、中級專業(yè)人才，通過本課程的學習，學生能掌握JavaScript語言的基本編程思想，并能熟練利用JavaScript和JQuery控制WEB頁面各級元素，實現(xiàn)WEB前端的驗證、動態(tài)展示等任務(wù)。 二、本課程的教學目標 （一）思想教育目標 培養(yǎng)面向“互聯(lián)網(wǎng)+”經(jīng)濟發(fā)展需要，擁護黨的基本路線，適應(yīng)生產(chǎn)、建設(shè)、管理、服務(wù)第一線需要的德、智

4、、體、美等方面全面發(fā)展的高素質(zhì)技術(shù)技能型人才。 （二）知識教學目標 能制作包含客戶端驗證、具有常見動態(tài)效果、界面美觀大方的商業(yè)網(wǎng)站，但不包含任何服務(wù)器端腳本。包含的知識點如下： （1） CSS3布局及美化； （2） 會使用JavaScript美化網(wǎng)頁；? （3） 會使用jQuery美化網(wǎng)頁； （4） 實現(xiàn)客戶端表單校驗； （三）技能教學目標 （1） CSS3布局及美化 （2） 會使用JavaScript+JQuery設(shè)置網(wǎng)頁動畫效果 （3） 會使用JavaScript+JQuery設(shè)置網(wǎng)頁驗證效果? （4） 會使用JavaScript+JQuery設(shè)置表單特效 （四）職

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

6、交互程序設(shè)計》，李妍等，清華大學出版社，2018.4 第1版 2.《Web設(shè)計與前端開發(fā)秘籍：JavaScript & jQuery 交互式Web前端開發(fā)》達科特主編，清華大學出版社 2015年6月第1版 五、本課程的教學內(nèi)容、基本要求及學時分配 （一）學時分配 教學內(nèi)容 學時數(shù) 理論 實踐 合計 緒 論 課程定位與作用 2 0 2 第一章 HTML標記 2 8 10 第二章 JavaScript編程基礎(chǔ) 4 8 12 第三章 JavaScript高級編程 4 8 12 第四章 JQuery編程 4 8 12 第五章

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

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

9、 掌握表單驗證高級特效 多媒體演示、實驗操作 0 6 第七章 客戶端數(shù)據(jù)請求技術(shù) 掌握XML文件應(yīng)用；掌握Ajax技術(shù)應(yīng)用 多媒體演示、實驗操作 2 4 第八章 綜合案例網(wǎng)站制作 掌握系統(tǒng)需求設(shè)計；掌握數(shù)據(jù)庫設(shè)計；掌握綜合開發(fā)技巧 多媒體演示、實驗操作 4 24 機動 復習答疑 討論 2 0 六、教學質(zhì)量控制 （一）教學重點、難點及教學設(shè)計 緒論 課程定位與作用 教學重點：本課程在該專業(yè)課程體系中的作用 教學難點：課程意義及建議如何學習 本章采用多媒體演示及討論形式進行授課，擬達到讓學生充分了解本課程所學知識范圍及特定就業(yè)崗位對

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

11、掌握腳本的基本結(jié)構(gòu)(Script標簽)、掌握基本語法、掌握高級語法－自定義函數(shù)等效果 第三章 JavaScript高級編程 教學重點：運用DOM模型查找某個HTML元素；使用Window對象的open（）方法制作各種樣式的廣告窗口；使用Window對象的SetTimeout（）方法和Date對象制作日期顯示效果；document對象getElementByID（）、getElementName（）方法的應(yīng)用；內(nèi)置對象的應(yīng)用。 教學難點：SetTimeout（）方法的運用；帶關(guān)閉按鈕浮動窗口的制作；面向?qū)ο缶幊蹋? 本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握運用D

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

13、JQuery選擇器的使用、掌握JQuery動態(tài)添加事件、掌握JQuery動畫的設(shè)計的效果 第五章 CSS樣式運用 教學重點：樣式特效的實現(xiàn)思路；常見的borderColor、src、className、display、backImage樣式屬性 教學難點：CSS3動畫；“點卡”中多個層切換的效果制作； 本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握使用style樣式屬性動態(tài)改變邊框顏色、掌握使用className類名屬性動態(tài)改變按鈕背景圖片、掌握使用display顯示屬性實現(xiàn)層或圖片的隱藏/顯示和切換特效的效果 第六章 表單驗證技術(shù) 教學重點：表單驗證的思路；字

14、符串對象的常用屬性和方法；文本框控件的常用屬性、方法、事件 教學難點：電子郵件格式的驗證、事件運用、聯(lián)動驗證； 本章采用多媒體演示、討論及實驗操作等形式進行授課，擬達到讓學生掌握使用DOM模型的層次關(guān)系訪問元素、掌握使用表單事件和腳本函數(shù)實現(xiàn)表單驗證、掌握使用String對象和文本框控件常用屬性和方法實現(xiàn)客戶端驗證的效果；使用提交方法實現(xiàn)圖片代替“提交按鈕”的功能、掌握使用下拉列表框控件實現(xiàn)省市及聯(lián)功能；掌握使用DIV的innerHtml或InnerText動態(tài)顯示內(nèi)容的效果 第七章 客戶端數(shù)據(jù)請求技術(shù) 教學重點：認識Web Service;XML;Ajax 教學難點：編寫應(yīng)用XML

15、、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è)、預習、課堂實踐、綜合實踐等方面整體進行評價。評價方式包

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