作者：鄭婭峰QQ群號(hào)：63172756聯(lián)系郵箱：html5cssjavascript@126.com《網(wǎng)頁設(shè)計(jì)與開發(fā)》課程教學(xué)大綱課程編號(hào)建議學(xué)時(shí)54開課學(xué)期第1或2學(xué)期課程名稱網(wǎng)頁設(shè)計(jì)與開發(fā)課程介紹網(wǎng)頁設(shè)計(jì)課程是高等院校計(jì)算機(jī)、信息管理、電子商務(wù)和其他相關(guān)專業(yè)的一門重要的基礎(chǔ)課程，也是一門實(shí)踐性和技能性要求很強(qiáng)的學(xué)科。課程涵蓋HTML基本元素、CSS樣式表和JavaScript腳本編程語言、頁面布局、HTML5頁面設(shè)計(jì)、整站建設(shè)三大內(nèi)容，全面介紹了WEB站點(diǎn)設(shè)計(jì)與開發(fā)的基本操作技術(shù)和應(yīng)用技巧。本課程采用課堂與實(shí)踐相結(jié)合講授、案例向?qū)У慕虒W(xué)方式。教學(xué)目標(biāo)通過本課程的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)的基本原則、欄目和目錄結(jié)構(gòu)定義、主流頁面布局方法、導(dǎo)航制作、圖文排版、色彩理論等進(jìn)行詳細(xì)了解。掌握網(wǎng)站規(guī)劃、設(shè)計(jì)、制作、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；并熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、表單網(wǎng)頁、多媒體動(dòng)態(tài)網(wǎng)頁；掌握使用css技術(shù)進(jìn)行網(wǎng)頁布局的基本方法。掌握J(rèn)avaScript腳本語言的基本語法知識(shí)，HTML中JavaScript程序的嵌入方法，對(duì)象的概念及使用JavaScript來進(jìn)行開發(fā)、維護(hù)、管理和設(shè)置WEB應(yīng)用程序；掌握HTML5新應(yīng)用；掌握綜合網(wǎng)站設(shè)計(jì)和發(fā)布的基本流程和方法。課程設(shè)計(jì)指南課程以培養(yǎng)面向商業(yè)化應(yīng)用網(wǎng)站設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)師為目標(biāo)，突出實(shí)用性和可操作性。因此，在教學(xué)方式上應(yīng)以商業(yè)化案例講授為導(dǎo)向，輔助各內(nèi)容塊相關(guān)實(shí)驗(yàn)項(xiàng)目的實(shí)踐，由點(diǎn)到面，最終完成整站綜合項(xiàng)目的設(shè)計(jì)任務(wù)。教學(xué)過程中可以配合數(shù)字教學(xué)平臺(tái)電子資料、ppt、重點(diǎn)難點(diǎn)視頻講解、小技巧使用視頻講解、案例解答等多種技術(shù)手段進(jìn)行輔助教學(xué)。課程教學(xué)由簡入深，主要采用以下教學(xué)方法：（1）模仿精彩優(yōu)秀的網(wǎng)站，了解其效果實(shí)現(xiàn)方法，并將其應(yīng)用到實(shí)驗(yàn)中。（2）指定配套實(shí)驗(yàn)教材中的精典實(shí)例，讓學(xué)生操作實(shí)現(xiàn)。（3）綜合運(yùn)用基本知識(shí)點(diǎn)，實(shí)現(xiàn)復(fù)雜綜合功能。成績考評(píng)設(shè)置說明：成績?cè)u(píng)價(jià)組成及各部分權(quán)重。例：課程表現(xiàn)10%章節(jié)作業(yè)15%期末理論考試25%期末綜合項(xiàng)目大作業(yè)50%所用教材1.鄭婭峰主編，《網(wǎng)頁設(shè)計(jì)與開發(fā)-HTML、CSS、JavaScript實(shí)例教程（第4版）》，清華大學(xué)出版社，2021。2.鄭婭峰楊玉葉主編，《網(wǎng)頁設(shè)計(jì)與開發(fā)-HTML、CSS、JavaScript實(shí)例教程習(xí)題解答與實(shí)驗(yàn)指導(dǎo)》，清華大學(xué)出版社，2021。參考資料趙鋒.網(wǎng)頁設(shè)計(jì)與制作.北京:清華大學(xué)出版社.2010先修課程無《網(wǎng)頁設(shè)計(jì)與開發(fā)》教學(xué)大綱一、課程簡介網(wǎng)頁設(shè)計(jì)課程是高等院校計(jì)算機(jī)、信息管理、電子商務(wù)和其他相關(guān)專業(yè)的一門重要的基礎(chǔ)課程，也是一門實(shí)踐性和技能性要求很強(qiáng)的學(xué)科。課程涵蓋HTML基本元素、CSS樣式表和JavaScript腳本編程語言、頁面布局和整站建設(shè)三大內(nèi)容，全面介紹了WEB站點(diǎn)設(shè)計(jì)與開發(fā)的基本操作技術(shù)和應(yīng)用技巧。本課程采用課堂與實(shí)踐相結(jié)合講授、案例向?qū)У慕虒W(xué)方式。二、教學(xué)目標(biāo)通過本課程的學(xué)習(xí)，使學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)的基本原則、欄目和目錄結(jié)構(gòu)定義、主流頁面布局方法、導(dǎo)航制作、圖文排版、色彩理論等進(jìn)行詳細(xì)了解。掌握網(wǎng)站規(guī)劃、設(shè)計(jì)、制作、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；并熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單、圖像、多媒體、框架標(biāo)記及屬性設(shè)計(jì)出框架網(wǎng)頁、表單網(wǎng)頁、多媒體動(dòng)態(tài)網(wǎng)頁；掌握使用css技術(shù)進(jìn)行網(wǎng)頁布局的基本方法。掌握J(rèn)avaScript腳本語言的基本語法知識(shí)，HTML中JavaScript程序的嵌入方法，對(duì)象的概念及使用JavaScript來進(jìn)行開發(fā)、維護(hù)、管理和設(shè)置WEB應(yīng)用程序；掌握HTML5最新頁面開發(fā)技術(shù)；掌握綜合網(wǎng)站設(shè)計(jì)和發(fā)布的基本流程和方法。三、教學(xué)內(nèi)容和要求1、教學(xué)內(nèi)容教學(xué)內(nèi)容主要分為基礎(chǔ)內(nèi)容和進(jìn)階提高兩大部分?；A(chǔ)內(nèi)容全面地講述了HTML、CSS、JavaScript技術(shù)。主要包括HTML設(shè)計(jì)和開發(fā)所需了解的基本概念和框架結(jié)構(gòu)；文字與段落、列表、超鏈接、表格、表單和多媒體在頁面開發(fā)中的應(yīng)用；CSS在實(shí)際開發(fā)中的應(yīng)用技巧；JavaScript在動(dòng)態(tài)網(wǎng)頁開發(fā)中的基本概念和應(yīng)用。進(jìn)階提高主要包括web設(shè)計(jì)的基本原則和方法；基于表格的頁面布局方法和基于div+css的頁面布局方法，以及常見導(dǎo)航菜單的制作；HTML5中介紹了畫布、新增表單元素及多媒體應(yīng)用；綜合案例系統(tǒng)介紹了網(wǎng)站開發(fā)從規(guī)劃、實(shí)現(xiàn)到發(fā)布的完整過程。2、教學(xué)要求了解萬維網(wǎng)的用途及網(wǎng)頁設(shè)計(jì)的基本概念；了解HTML、CSS、JavaScript在網(wǎng)頁設(shè)計(jì)中的重要作用；掌握HTML文檔的基本結(jié)構(gòu)及標(biāo)記屬性的使用方法和規(guī)則理解HTML中的文本、字符、段落、表格、列表、表單標(biāo)記的作用；掌握主流頁面布局方法；理解JavaScript語言的作用和執(zhí)行方式，掌握在網(wǎng)頁中使用客戶端腳本的方法，了解事件響應(yīng)機(jī)制，掌握頁面事件編程；了解網(wǎng)頁設(shè)計(jì)的基本原則和方法；掌握HTML5最新網(wǎng)頁設(shè)計(jì)技術(shù)；掌握網(wǎng)站發(fā)布的基本流程。四、課程設(shè)計(jì)課程以培養(yǎng)面向商業(yè)化應(yīng)用網(wǎng)站設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)師為目標(biāo)，突出實(shí)用性和可操作性。因此，在教學(xué)方式上應(yīng)以商業(yè)化案例講授為導(dǎo)向，輔助各內(nèi)容塊相關(guān)實(shí)驗(yàn)項(xiàng)目的實(shí)踐，由點(diǎn)到面，最終完成整站綜合項(xiàng)目的設(shè)計(jì)任務(wù)。教學(xué)過程中可以配合數(shù)字教學(xué)平臺(tái)電子資料、PPT、重點(diǎn)難點(diǎn)視頻講解、小技巧使用視頻講解、案例解答等多種技術(shù)手段進(jìn)行輔助教學(xué)。主要的教學(xué)設(shè)計(jì)與手段包含講授、案例調(diào)查和分析、課堂討論、作業(yè)、上機(jī)實(shí)踐等。本課程教學(xué)由簡入深，主要采用以下教學(xué)方法：（1）模仿精彩優(yōu)秀的網(wǎng)站，了解其效果實(shí)現(xiàn)方法，并將其應(yīng)用到實(shí)驗(yàn)中。（2）指定配套實(shí)驗(yàn)教材中的精典實(shí)例，讓學(xué)生操作實(shí)現(xiàn)。（3）綜合運(yùn)用基本知識(shí)點(diǎn)，實(shí)現(xiàn)復(fù)雜綜合功能。五、教學(xué)時(shí)間安排本課程計(jì)2學(xué)分，其中包含18學(xué)時(shí)理論教學(xué)實(shí)踐，36學(xué)時(shí)實(shí)踐教學(xué)時(shí)間，共計(jì)54學(xué)時(shí)。學(xué)時(shí)分配如下：序號(hào)課程內(nèi)容/實(shí)驗(yàn)名稱理論實(shí)踐備注1網(wǎng)頁設(shè)計(jì)簡介122HTML基礎(chǔ)介紹123文字與段落124列表125超級(jí)鏈接126表格127表單128使用CSS格式化網(wǎng)頁129CSS應(yīng)用2410JavaScript基礎(chǔ)2411Web設(shè)計(jì)基礎(chǔ)1212頁面布局技術(shù)1213HTML5應(yīng)用2414綜合網(wǎng)站制作實(shí)例24合計(jì)54六、考核辦法平時(shí)成績25%(課堂表現(xiàn)+章節(jié)作業(yè))+期末考試成績25%+期末綜合項(xiàng)目大作業(yè)50%平時(shí)成績：包括出勤率、課堂情況、作業(yè)，階段測(cè)驗(yàn)成績占總成績的25%。期末考試：成績占總成績的25%。綜合大作業(yè)：要求完成整站設(shè)計(jì)，占總成績的50%七、使用教材鄭婭峰主編，《網(wǎng)頁設(shè)計(jì)與開發(fā)-HTML、CSS、JavaScript實(shí)例教程（第4版）》，清華大學(xué)出版社，2021鄭婭峰張永強(qiáng)主編，《網(wǎng)頁設(shè)計(jì)與開發(fā)-HTML、CSS、JavaScript實(shí)例教程（第3版）》，清華大學(xué)出版社，2015張永強(qiáng)鄭婭峰主編，《網(wǎng)頁設(shè)計(jì)與