《Web開發(fā)基礎(chǔ)》教學(xué)大綱.doc

Web前端設(shè)計(jì)基礎(chǔ)教學(xué)大綱適用專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程、物聯(lián)網(wǎng)課程類別：非學(xué)位課，專業(yè)基礎(chǔ)課課程學(xué)時(shí)：51學(xué)時(shí)（周2+1學(xué)時(shí)）課程編號(hào)：9051404課程學(xué)分：3學(xué)分1、 課程性質(zhì)Web前端設(shè)計(jì)基礎(chǔ)課程是計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程、物聯(lián)網(wǎng)工程專業(yè)的一門專業(yè)基礎(chǔ)課程，以Web基本概念和Web標(biāo)準(zhǔn)為基準(zhǔn)點(diǎn)、通過對(duì)Web前端主流開發(fā)技術(shù)的學(xué)習(xí)和研究，讓學(xué)生理解和掌握HTML5、CSS3以及JavaScript腳本語言的相關(guān)知識(shí)，通過這門課程的教學(xué)，不僅使學(xué)生通過項(xiàng)目實(shí)踐培養(yǎng)學(xué)生開發(fā)和設(shè)計(jì)Web站點(diǎn)的基本技能，更要使學(xué)生充分了解Web思想，為進(jìn)一步學(xué)習(xí)后續(xù)課程打下良好的基礎(chǔ)。2、 課程教學(xué)目標(biāo)與基本要求本課程的教學(xué)目標(biāo)是讓學(xué)生理解HTML5、CSS3以及JavaScript腳本語言的基本語法，掌握常用的Web頁面布局技術(shù)，理解并熟練應(yīng)用JavaScript常用對(duì)象的屬性方法，使用DOM技術(shù)編寫頁面的客戶端程序，通過項(xiàng)目實(shí)訓(xùn)，培養(yǎng)學(xué)生具備設(shè)計(jì)實(shí)現(xiàn)Web客戶端頁面的初步能力。本課程教學(xué)基本要求是讓學(xué)生理解Web設(shè)計(jì)的基本原則、欄目和網(wǎng)站目錄結(jié)構(gòu)定義、標(biāo)準(zhǔn)頁面布局方法、導(dǎo)航菜單制作、圖文排版、頁面交互等方面的基礎(chǔ)知識(shí)；能夠熟練運(yùn)用HTML5中的文字、鏈接、列表、表格、表單、圖像、多媒體等標(biāo)記語言設(shè)計(jì)制作網(wǎng)頁；熟練掌握CSS3對(duì)網(wǎng)頁進(jìn)行布局和修飾的基本方法；掌握J(rèn)avaScript腳本語言的基本語法，理解對(duì)象的概念及使用JavaScript來編寫客戶端腳本程序。3、 課程內(nèi)容其中標(biāo)記為難點(diǎn)第一部分第1章 HTML 5簡(jiǎn)介 1.1 HTML歷史與HTML 5 1.2 HTML 5的優(yōu)勢(shì) 1.3 HTML 5的基本結(jié)構(gòu)和語法變化 1.4 本章小結(jié) 第2章 HTML 5的常用元素與屬性 2.1 HTML 5保留的常用元素 2.2 HTML 5新增的通用屬性 2.3 HTML 5新增的常用元素2.4 HTML 5頭部和元信息 2.5 HTML 5新增的拖放API 2.6 本章小結(jié) 第3章 HTML 5表單相關(guān)元素和屬性 3.1 HTML原有的表單及表單控件 3.2 HTML 5新增的屬性與元素 3.3 HTML 5增強(qiáng)的文件上傳域 3.4 HTML 5新增的客戶端校驗(yàn) 3.5 本章小結(jié) 第4章 HTML 5的繪圖支持 4.1 使用canvas元素 4.2 繪圖 4.3 圖形特效處理 4.4 控制疊加風(fēng)格 4.5 控制填充風(fēng)格 4.6 位圖處理 4.7 輸出位圖 4.8 本章小結(jié) 第5章 HTML 5的多媒體支持 5.1 使用audio和video元素5.2 使用JavaScript腳本控制媒體播放 5.3 事件監(jiān)聽 5.4 本章小結(jié) 第二部分第6章 級(jí)聯(lián)樣式單與CSS選擇器 6.1 樣式單概述 6.2 CSS樣式單的基本使用 6.3 CSS選擇器 6.4 偽元素選擇器6.5 CSS 3.0新增的偽類選擇器 6.6 在腳本中修改顯示樣式 6.7 本章小結(jié) 第7章 字體與文本相關(guān)屬性7.1 字體相關(guān)屬性 7.2 CSS 3支持的顏色表示方法 7.3 文本相關(guān)屬性 7.4 CSS 3新增的服務(wù)器字體 7.5 本章小結(jié) 第8章 背景、邊框和補(bǔ)丁相關(guān)屬性 8.1 背景相關(guān)屬性8.2 邊框相關(guān)屬性 8.3 補(bǔ)丁相關(guān)屬性 8.4 本章小結(jié) 第9章 大小、定位、輪廓相關(guān)屬性 9.1 大小相關(guān)屬性 9.2 定位相關(guān)屬性 9.3 輪廓相關(guān)屬性 9.4 本章小結(jié) 第10章 盒模型與布局相關(guān)屬性 10.1 布局相關(guān)屬性 10.2 盒模型和display屬性 10.3 對(duì)盒添加陰影10.4 CSS 3的多欄布局 10.5 本章小結(jié) 第11章 表格、列表相關(guān)屬性及media query 11.1 表格相關(guān)屬性 11.2 列表相關(guān)屬性 11.3 控制光標(biāo)的屬性11.4 media query功能 11.5 本章小結(jié) 第12章 變形與動(dòng)畫相關(guān)屬性 12.1 CSS 3提供的變形支持 12.2 CSS 3提供的Transition動(dòng)畫 12.3 CSS 3提供的Animation動(dòng)畫12.4 本章小結(jié) 4、 學(xué)時(shí)分配 教學(xué)周次教 學(xué) 內(nèi) 容教學(xué)環(huán)節(jié)（學(xué)時(shí)）講課習(xí)題實(shí)驗(yàn)上機(jī)課外小計(jì)1第1章 Web技術(shù)概述222第2章 HTML5基礎(chǔ)223第3章 HTML5內(nèi)容結(jié)構(gòu)與文本2244第4章 HTML5超連接第5章 HTML5多媒體2245第6章 HTML5表格第7章 HTML5表單2246第8章 CSS基礎(chǔ)227第9章 頁面布局定位228第9章 頁面布局定位2249第10章 元素外觀屬性22410第11章 偽類和偽元素2211第12章 CSS3變換、過渡和動(dòng)畫2212第13章 頁面內(nèi)容樣式設(shè)計(jì)第14章 網(wǎng)站制作流程與發(fā)布22413第15章 ECMAScript基礎(chǔ)第16章 ECMAScript語句2214第17章 行為與對(duì)象22415第18章 DOM第19章 HTML DOM對(duì)象22416第20章 HTML5 DOM22417第21章 BOM22總 計(jì)3418525、 實(shí)驗(yàn)安排本課程需要安排實(shí)驗(yàn)課，以引導(dǎo)學(xué)生正確運(yùn)用所學(xué)知識(shí)解決實(shí)際問題，實(shí)驗(yàn)方法和步驟參見教材。序號(hào)教學(xué)周次實(shí)驗(yàn)名稱類型學(xué)時(shí)13叮叮書店首頁內(nèi)容結(jié)構(gòu)的建立綜合224叮叮書店首頁超連接的使用、叮叮書店首頁圖像的使用綜合235叮叮書店購物車頁面的建立、叮叮書店聯(lián)系我們頁面的建立綜合248叮叮書店首頁布局樣式設(shè)計(jì)綜合259叮叮書店首頁外觀樣式設(shè)計(jì)綜合2612叮叮書店首頁超鏈接、偽類和動(dòng)畫樣式設(shè)計(jì)、導(dǎo)航菜單綜合2714叮叮書店首頁顯示日期和時(shí)間綜合2815叮叮書店首頁圖片切換廣告的實(shí)現(xiàn)、叮叮書店聯(lián)系我們頁面表單數(shù)據(jù)驗(yàn)證綜合2916叮叮書店書籍分類頁面拖放圖書到購物車綜合26、 教材Web前端設(shè)計(jì)基礎(chǔ)HTML5、CSS3、JavaScript 張樹明編著 清華大學(xué)出版社 2017.27、 考核方式及要求考核方式為考查，成績(jī)?yōu)榘俜种?，再折合成?yōu)秀、良好、中等、及格、不及格?？偝煽?jī) = 平時(shí)學(xué)習(xí)過程（70%）+ 開放性考試（30%）平時(shí)學(xué)習(xí)過程考核標(biāo)準(zhǔn)細(xì)則考核項(xiàng)目等級(jí)標(biāo)準(zhǔn)預(yù)習(xí)反饋（20%）認(rèn)真預(yù)習(xí)，主動(dòng)思考，提出高質(zhì)量問題，積極向老師反饋。有預(yù)習(xí)筆記。（3）能夠預(yù)習(xí)，能夠思考，能夠提出問題，能及時(shí)向老師反饋。有預(yù)習(xí)筆記。（2）能夠預(yù)習(xí)，但不思考，沒有提出問題，能及時(shí)向老師反饋。有預(yù)習(xí)筆記。（1）不預(yù)習(xí)，不思考，沒有提出問題，也不及時(shí)向老師反饋。沒有預(yù)習(xí)筆記。（0）學(xué)習(xí)狀態(tài)（10%）完全投入課堂學(xué)習(xí)。（3）學(xué)習(xí)狀態(tài)較好。（2）學(xué)習(xí)狀態(tài)差 （如遲到、早退、上課吃零食、睡覺、玩游戲等）。（1）缺勤（病事假、曠課。曠課不允許后補(bǔ)課堂實(shí)驗(yàn)，病事假經(jīng)老師允許可以在規(guī)定時(shí)間內(nèi)后補(bǔ)課堂實(shí)驗(yàn)，缺勤超過5次及以上視為平時(shí)學(xué)習(xí)過程考核不及格，曠課5次及以上視為放棄課程考核。）。（0）課堂研討（15%）積極參與課堂討論，主動(dòng)發(fā)言回答問題并正確，有記錄。（4）較好地參與課堂討論，能夠發(fā)言回答問題并基本正確，有記錄。（3）能夠參與課堂討論，能夠發(fā)言回答問題，有記錄。（2）能夠參與課堂討論，不發(fā)言回答問題，無記錄。（1）不參與課堂討論，不發(fā)言回答問題，無記錄。（0）課堂實(shí)驗(yàn)（15%）能在規(guī)定的時(shí)間內(nèi)完成實(shí)驗(yàn)題目，邏輯清晰，代碼規(guī)范，結(jié)果正確。（3）能在規(guī)定的時(shí)間內(nèi)完成實(shí)驗(yàn)題目，結(jié)果基本正確。（2）能在規(guī)定的時(shí)間內(nèi)完成實(shí)驗(yàn)題目，但結(jié)果不正確。（1）復(fù)制或抄襲，無法回答所作實(shí)驗(yàn)相關(guān)內(nèi)容。（0）課外作業(yè)或測(cè)試（25%）獨(dú)立、認(rèn)真完成作業(yè)。（4）較好完成作業(yè)。（3）全部完成作業(yè)。（2）未全部完成作業(yè)或與要求不符。（1）復(fù)制或抄襲。（0）說明：等級(jí)標(biāo)準(zhǔn)標(biāo)記為數(shù)字，值越大者等級(jí)越高。課堂研討和課堂實(shí)驗(yàn)不同時(shí)記錄考核，即課堂研討和課堂實(shí)驗(yàn)共同占15%。在平時(shí)學(xué)習(xí)過程考核的任何環(huán)節(jié)發(fā)現(xiàn)抄襲或復(fù)制者，第一次記為最低等，也就是零分，第二次直接在平時(shí)成績(jī)中扣減20分。平時(shí)學(xué)習(xí)過程考核設(shè)立特殊獎(jiǎng)勵(lì)政策，在整個(gè)學(xué)習(xí)過程中，對(duì)某些知識(shí)點(diǎn)有獨(dú)創(chuàng)性見解或?qū)W習(xí)過程中在某些環(huán)節(jié)表現(xiàn)優(yōu)異等，經(jīng)教師認(rèn)可，可額外加分（1-5分），累加最高分為5分，在平時(shí)考核分值基礎(chǔ)上增加，如果超過70分，計(jì)70分。從第三教學(xué)周開始，每周都要按學(xué)習(xí)過程考核標(biāo)準(zhǔn)進(jìn)行考核，記錄考核等級(jí)，最后核算為分?jǐn)?shù)，作為平時(shí)成績(jī)。考核等級(jí)每周公布一次，學(xué)生如有疑問，可與教師溝通