《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é)分一、課程性質(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é)生理解和掌握HTML5CSS3以及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ǔ)。二、 課程教學(xué)目標(biāo)與基本要求本課程的教學(xué)目標(biāo)是讓學(xué)生理解HTML5CSS3以及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é)生理解Wet設(shè)計(jì)的基本原則、欄目和網(wǎng)站目錄結(jié)構(gòu)定義、標(biāo)準(zhǔn)頁面布局方法、導(dǎo)航菜單制作、圖文排版、頁面交互等方面的基礎(chǔ)知識(shí)；能夠熟練運(yùn)用HTML沖的文字、鏈接、列表、表格、表單、圖像、多媒體等標(biāo)記語言設(shè)計(jì)制作網(wǎng)頁；熟練掌握CSS3寸網(wǎng)頁進(jìn)行布局和修飾的基本方法；掌握J(rèn)avaScript腳本語言的基本語法，理解對(duì)象的概念及使用JavaScript來編寫客戶端腳本程序。三、 課程內(nèi)容其中標(biāo)記★為難點(diǎn)第一部分第1章HTML5簡介HTML歷史與HTML5HTML5的優(yōu)勢(shì)HTML5的基本結(jié)構(gòu)和語法變化本章小結(jié)第2章HTML5的常用元素與屬性HTML5保留的常用元素HTML5新增的通用屬性HTML5新增的常用元素HTML5頭部和元信息HTML5新增的拖放API本章小結(jié)第3章HTML5表單相關(guān)元素和屬性HTML原有的表單及表單控件HTML5新增的屬性與元素HTML5增強(qiáng)的文件上傳域HTML5新增的客戶端校驗(yàn)本章小結(jié)第4章HTML5的繪圖支持使用canvas元素繪圖圖形特效處理控制疊加風(fēng)格控制填充風(fēng)格位圖處理輸出位圖本章小結(jié)第5章HTML5的多媒體支持使用audio和video元素使用JavaScript腳本控制媒體播放事件監(jiān)聽本章小結(jié)第二部分第6章級(jí)聯(lián)樣式單與CSS選擇器樣式單概述CSS樣式單的基本使用CSS選擇器偽元素選擇器CSS3.0新增的偽類選擇器在腳本中修改顯示樣式本章小結(jié)第7章字體與文本相關(guān)屬性字體相關(guān)屬性CSS3支持的顏色表示方法文本相關(guān)屬性CSS3新增的服務(wù)器字體本章小結(jié)第8章背景、邊框和補(bǔ)丁相關(guān)屬性背景相關(guān)屬性邊框相關(guān)屬性補(bǔ)丁相關(guān)屬性本章小結(jié)第9章大小、定位、輪廓相關(guān)屬性大小相關(guān)屬性定位相關(guān)屬性輪廓相關(guān)屬性本章小結(jié)第10章盒模型與布局相關(guān)屬性布局相關(guān)屬性盒模型和display屬性對(duì)盒添加陰影CSS3的多欄布局本章小結(jié)第11章表格、列表相關(guān)屬性及mediaquery11.1表格相關(guān)屬性列表相關(guān)屬性控制光標(biāo)的屬性mediaquery功能本章小結(jié)第12章變形與動(dòng)畫相關(guān)屬性12.1CSS3提供的變形支持CSS3提供的Transition動(dòng)畫CSS3提供的Animation動(dòng)畫

12.4本章小結(jié)四、學(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章HTMLDOM對(duì)象22416第20章HTML5DOM22417第21章BOM22總 計(jì)341852五、實(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叮叮書店首頁超連接的使用、叮叮書店首頁圖像的使用綜合2

35叮叮書店購物車頁面的建立、叮叮書店聯(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叮叮書店書籍分類頁面拖放圖書到購物車綜合2六、教材《Web前端設(shè)計(jì)基礎(chǔ)一HTML5CSS3JavaScript》張樹明編著清華大學(xué)出版社2017.2七、考核方式及要求考核方式為考查，成績?yōu)榘俜种疲僬酆铣蓛?yōu)秀、良好、中等、及格、不及格。總成績=平時(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）獨(dú)立、認(rèn)真完成作業(yè)。（4）較好完成作業(yè)。（3）課外作業(yè)或測試（25%全部完成作業(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í)成績中扣減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í)每周公布一次，學(xué)生如有疑問，可與教師溝通協(xié)商，公布一周后，不得更