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

1、?Web前端設(shè)計(jì)根底?教學(xué)大綱適用專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程、物聯(lián)網(wǎng)課程類別：非學(xué)位課,專業(yè)根底課課程學(xué)時(shí)：51學(xué)時(shí)周2+1學(xué)時(shí)課程編號(hào)：9051404課程學(xué)分：3學(xué)分一、課程性質(zhì)?Webt端設(shè)計(jì)根底?課程是計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程、物聯(lián)網(wǎng)工程專業(yè)的一 門專業(yè)根底課程,以 Web8本概念和 WebB準(zhǔn)為基準(zhǔn)點(diǎn)、通過對(duì) Webltf端主流開發(fā)技術(shù) 的學(xué)習(xí)和研究,讓學(xué)生理解和掌握 HTML5 CSS艱及JavaScript腳本語言的相關(guān)知識(shí), 通過這門課程的教學(xué),不僅使學(xué)生通過工程實(shí)踐培養(yǎng)學(xué)生開發(fā)和設(shè)計(jì)Web 占點(diǎn)的根本技能,更要使學(xué)生充分了解 Web思想,為進(jìn)一步學(xué)習(xí)后續(xù)課程打下良好的根

2、底.二、課程教學(xué)目標(biāo)與根本要求本課程的教學(xué)目標(biāo)是讓學(xué)生理解 HTML5 CSS3以及JavaScript腳本語言的根本語 法,掌握常用的 WetM面布局技術(shù),理解并熟練應(yīng)用JavaScript常用對(duì)象的屬性方法, 使用DOMi術(shù)編寫頁面的客戶端程序,通過工程實(shí)訓(xùn)I,培養(yǎng)學(xué)生具備設(shè)計(jì)實(shí)現(xiàn)Webg戶端頁面的初步水平.本課程教學(xué)根本要求是讓學(xué)生理解 WebS計(jì)的根本原那么、欄目和網(wǎng)站目錄結(jié)構(gòu)定義、 標(biāo)準(zhǔn)頁面布局方法、導(dǎo)航菜單制作、圖文排版、頁面交互等方面的根底知識(shí)；能夠熟練 運(yùn)用HTML5的文字、鏈接、列表、表格、表單、圖像、多媒體等標(biāo)記語言設(shè)計(jì)制作網(wǎng) 頁；熟練掌握CSS3寸網(wǎng)頁進(jìn)行布局和修飾的根本

3、方法；掌握 JavaScript腳本語言的基 本語法,理解對(duì)象的概念及使用 JavaScript來編寫客戶端腳本程序.三、課程內(nèi)容其中標(biāo)記為難點(diǎn)第一局部第1章HTML 5簡(jiǎn)介1.1 HTML歷史與 HTML 51.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.5 HTML 5新增的拖放API2.6 本章小結(jié)第3章HTML 5表單相關(guān)元素和屬性3.1 HTML原有的表單及表單控件3.2 HTML 5新增的屬性與元素3.3 HT

4、ML 5增強(qiáng)的文件上傳域3.4 HTML 5新增的客戶端校驗(yàn)3.5 本章小結(jié)3.6 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)樣式單與CSS4擇器6.1 樣式單概述6.2 CSS樣式單的根本使用6.3 CSS選擇器6.4 偽元素選擇器6.5 CSS 3.0新增的偽類選擇器6.6 在腳本中修改顯示樣式

5、6.7 本章小結(jié)第7章字體與文本相關(guān)屬性7.1 字體相關(guān)屬性7.2 CSS 3支持的顏色表示方法7.3 文本相關(guān)屬性7.4 CSS 3新增的效勞器字體7.5 本章小結(jié)第8章背景、邊框和補(bǔ)丁相關(guān)屬性8.1 背景相關(guān)屬性8.2 邊框相關(guān)屬性8.3 補(bǔ)丁相關(guān)屬性8.4 本章小結(jié)8.5 大小、定位、輪廓相關(guān)屬性9.1 大小相關(guān)屬性9.2 定位相關(guān)屬性9.3 輪廓相關(guān)屬性9.4 本章小結(jié)9.5 章 盒模型與布局相關(guān)屬性10.1 布局相關(guān)屬性10.2 盒模型和display屬性10.3 對(duì)盒添加陰影10.4 CSS 3的多欄布局10.5 本章小結(jié)第11章 表格、列表相關(guān)屬性及 media query11.

6、1 表格相關(guān)屬性11.2 列表相關(guān)屬性11.3 限制光標(biāo)的屬性11.4 media query 功能11.5 本章小結(jié)11.6 變形與動(dòng)畫相關(guān)屬性12.1 CSS 3提供的變形支持12.2 CSS 3 提供的 Transition 動(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根底223第3章HTML5內(nèi)容結(jié)構(gòu)與文本2244第4章HTML5超連接第5章HTML5多媒體2245第6章HTML5表格第7章 HTML5表單2246第8章CSS根底227第9章頁囿布局定位228第9章頁囿布局定位2249第10章兀素外觀

7、屬性22410第11章偽類和偽兀素2211第12章CSS3變換、過渡和動(dòng)畫2212第13章頁面內(nèi)容樣式設(shè)計(jì)第14章網(wǎng)站制作流程與發(fā)布22413第15章ECMAScript根底第16章ECMAScript語句2214第17章行為與對(duì)象22415第18章DOM第19章HTML DOM對(duì)象22416第 20 章 HTML5 DOM22417第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叮叮書店首頁超連接的使用、叮叮書店首頁圖像的使用綜合235叮叮書

8、店購物車頁面的建立、叮叮書店聯(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六、教材?We而f端設(shè)計(jì)根底一HTML5 CSS3 JavaScript » 張樹明編著清華大學(xué)出版社 2021.2七、考核方式及要求考核方式為考查,成績(jī)?yōu)榘俜种?再折合成優(yōu)秀、良好、中等、及格、不及格.總成績(jī)=平時(shí)學(xué)習(xí)過程70% +開放性測(cè)試30

9、%平時(shí)學(xué)習(xí)過程考核標(biāo)準(zhǔn)細(xì)那么考核工程等級(jí)標(biāo)準(zhǔn)預(yù)習(xí)反應(yīng)20%認(rèn)真預(yù)習(xí),主動(dòng)思考,提出高質(zhì)量問題,積極向老師反應(yīng). 有預(yù)習(xí)筆記.3能夠預(yù)習(xí),能夠思考,能夠提出問題,能及時(shí)向老師反應(yīng). 有預(yù)習(xí)筆記.2能夠預(yù)習(xí),但不思考,沒有提出問題,能及時(shí)向老師反應(yīng). 有預(yù)習(xí)筆記.1/、預(yù)習(xí),不思考,沒有提出問題,也不及時(shí)向老師反應(yīng). 沒有預(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次及以上視為放棄

10、課程考核.0課堂研討15%積極參與課堂討論,主動(dòng)發(fā)言答復(fù)下列問題并正確,有記錄.4較好地參與課堂討論,能夠發(fā)言答復(fù)下列問題并根本正確,有記錄.3能夠參與課堂討論,能夠發(fā)言答復(fù)下列問題,有記錄.2能夠參與課堂討論,不發(fā)言答復(fù)下列問題,無記錄.1不參與課堂討論,不發(fā)言答復(fù)下列問題,無記錄.0課堂實(shí)驗(yàn)15%能在規(guī)定的時(shí)間內(nèi)完成實(shí)驗(yàn)題目,邏輯清楚,代碼標(biāo)準(zhǔn),結(jié)果正確.3能在規(guī)定的時(shí)間內(nèi)完成實(shí)驗(yàn)題目,結(jié)果根本正確.2能在規(guī)定的時(shí)間內(nèi)完成實(shí)驗(yàn)題目,但結(jié)果不正確.1復(fù)制或抄襲,無法答復(fù)所作實(shí)驗(yàn)相關(guān)內(nèi)容.(0)獨(dú)立、認(rèn)真完成作業(yè).4較好完成作業(yè).3課外作業(yè)或測(cè)試25%全部完成作業(yè).2未全部完成作業(yè)或與要求不符

11、.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í)考核分值根底上增加,如果超過 70分,計(jì)70分.從第三教學(xué)周開始,每周都要按學(xué)習(xí)過程考核標(biāo)準(zhǔn)進(jìn)行考核,記錄考核等級(jí),最后 核算為分?jǐn)?shù),作為平時(shí)成績(jī).考核等級(jí)每周公布一次,學(xué)生如有疑問,可與教師溝通協(xié) 商,