《網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)》課程教學(xué)大綱課程編號(hào)：課程名稱：網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)課程類別：專業(yè)選修課課程學(xué)分?jǐn)?shù)：3課程學(xué)時(shí)數(shù)：54適用專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)開課教學(xué)單位：計(jì)算機(jī)科學(xué)學(xué)院一、課程的性質(zhì)與任務(wù)《網(wǎng)頁設(shè)計(jì)與開發(fā)》課程是計(jì)算機(jī)應(yīng)用技術(shù)、信息管理、電子商務(wù)等專業(yè)的一門核心課程，也是其他計(jì)算機(jī)專業(yè)的普及型課程，它涵蓋了HTML設(shè)計(jì)、JavaScript腳本編程語言、CSS等相關(guān)知識(shí)，全面介紹WEB站點(diǎn)設(shè)計(jì)的基本操作技術(shù)和使用技巧。二、先修課程的銜接高級(jí)語言程序設(shè)計(jì)、數(shù)據(jù)庫原理三、教學(xué)的基本要求通過本課程的學(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)用程序；掌握綜合網(wǎng)站設(shè)計(jì)和發(fā)布的基本流程和方法。四、教學(xué)內(nèi)容及學(xué)時(shí)分配1、網(wǎng)頁設(shè)計(jì)簡(jiǎn)介與HTML基礎(chǔ)1.1萬維網(wǎng)概述1.2HTML文檔結(jié)構(gòu)1.3HTML基本語法1.4網(wǎng)頁設(shè)計(jì)相關(guān)概念1.5網(wǎng)頁制作開發(fā)工具及技術(shù)教學(xué)基本要求：了解萬維網(wǎng)的用途及網(wǎng)頁設(shè)計(jì)的基本概念；了解HTML、CSS、JavaScript在網(wǎng)頁設(shè)計(jì)中的重要作用；掌握HTML文檔的基本結(jié)構(gòu)及標(biāo)記屬性的使用方法和規(guī)則教學(xué)重點(diǎn)、難點(diǎn)：HTML標(biāo)記。學(xué)時(shí)分配：2個(gè)學(xué)時(shí)2、文字與段落2.1文字內(nèi)容及樣式2.2文字修飾2.3段落基本要求：熟悉文字與段落的HTML標(biāo)記。掌握文字格式設(shè)置標(biāo)記“FONT”及其相關(guān)屬性。掌握段落標(biāo)記的應(yīng)用。教學(xué)重點(diǎn)、難點(diǎn)：利用標(biāo)簽排版文字。學(xué)時(shí)分配：2個(gè)學(xué)時(shí)3、列表3.1列表簡(jiǎn)介3.2無序列表3.3有序列表3.4嵌套列表基本要求：熟悉有序列表與無序列表。掌握列表的定義。熟練掌握列表的嵌套使用。教學(xué)重點(diǎn)、難點(diǎn)：嵌套列表。學(xué)時(shí)分配：2個(gè)學(xué)時(shí)4、超鏈接4.1超鏈接簡(jiǎn)介4.2創(chuàng)建超鏈接4.3鏈接對(duì)象基本要求：熟悉幾種不同類型的超鏈接。掌握設(shè)置不同類型超鏈接的方法。熟練掌握相對(duì)鏈接的使用教學(xué)重點(diǎn)、難點(diǎn)：超鏈接的靈活運(yùn)用。學(xué)時(shí)分配：2個(gè)學(xué)時(shí)5、網(wǎng)頁中的多媒體5.1圖片5.2滾動(dòng)文字5.3背景音樂5.4其他多媒體文件基本要求：掌握網(wǎng)頁中添加各種多媒體元素的方法。掌握網(wǎng)頁中添加音樂的兩種不同方式和各自優(yōu)缺點(diǎn)。掌握背景音樂設(shè)置后如何關(guān)閉音樂的方法教學(xué)重點(diǎn)、難點(diǎn)：在網(wǎng)頁中靈活使用多媒體。學(xué)時(shí)分配：2個(gè)學(xué)時(shí)6、表格、框架6.1表格標(biāo)記6.2表格屬性修飾6.3框架的設(shè)置6.4子窗口設(shè)置6.5浮動(dòng)框架基本要求：熟悉表格與框架的生成。理解表格與框架布局網(wǎng)頁的優(yōu)缺點(diǎn)。掌握表格的修飾屬性。掌握框架中鏈接的設(shè)置。教學(xué)重點(diǎn)、難點(diǎn)：表格框架的屬性設(shè)置。學(xué)時(shí)分配：4個(gè)學(xué)時(shí)7、表單7.1表單7.2輸入7.3多行文本輸入7.4下拉列表框基本要求：熟悉表單在網(wǎng)頁中的應(yīng)用。熟悉創(chuàng)建表單的方法。掌握各種常用表單控件的使用。熟練掌握一組表單的創(chuàng)建。教學(xué)重點(diǎn)、難點(diǎn)：創(chuàng)建用戶注冊(cè)表單。學(xué)時(shí)分配：4個(gè)學(xué)時(shí)8、CSS應(yīng)用8.1理解CSS8.2樣式表的定義與使用8.3定義選擇符8.4文字與排版樣式的使用8.5背景與顏色的使用8.6美化網(wǎng)頁與超鏈接的設(shè)置

8.7矩形模塊的概念與使用8.8CSS+DIV布局網(wǎng)頁基本要求：熟悉CSS在網(wǎng)頁設(shè)計(jì)中的地位及作用。掌握CSS應(yīng)用的三種方式。掌握CSS的各種關(guān)鍵代碼。掌握CSS+DIV布局網(wǎng)頁的關(guān)鍵方法。重點(diǎn)掌握CSS美化網(wǎng)頁。教學(xué)重點(diǎn)、難點(diǎn)：CSS美化網(wǎng)頁、CSS+DIV布局網(wǎng)頁。學(xué)時(shí)分配：10個(gè)學(xué)時(shí)9、JavaScript基礎(chǔ)9.1JavaScript起步 9.2JavaScript程序 9.3標(biāo)識(shí)符和變量 9.4運(yùn)算符和表達(dá)式 9.5JavaScript程序控制結(jié)構(gòu) 9.6常用對(duì)象 9.7事件編程 基本要求：熟悉JavaScript在網(wǎng)頁設(shè)計(jì)中的意義。掌握J(rèn)avaScript的幾中應(yīng)用方式。掌握J(rèn)avaScript實(shí)現(xiàn)幾種常見的網(wǎng)頁動(dòng)態(tài)效果重點(diǎn)掌握常用彈出窗口的實(shí)現(xiàn)。教學(xué)重點(diǎn)、難點(diǎn)：JavaScript編程。學(xué)時(shí)分配：4個(gè)學(xué)時(shí)10綜合網(wǎng)站制作實(shí)例10.1班級(jí)網(wǎng)站的規(guī)劃與設(shè)計(jì) 10.2網(wǎng)頁設(shè)計(jì)與制作 10.3網(wǎng)站測(cè)試與發(fā)布 基本要求：掌握網(wǎng)站制作的基本流程。掌握網(wǎng)站制作的關(guān)鍵技術(shù)。重點(diǎn)掌握各種技術(shù)在網(wǎng)站制作中的靈活運(yùn)用。教學(xué)重點(diǎn)、難點(diǎn)：規(guī)劃并制作一個(gè)網(wǎng)站。學(xué)時(shí)分配：4個(gè)學(xué)時(shí)五、課內(nèi)實(shí)踐（實(shí)驗(yàn)）教學(xué)安排實(shí)驗(yàn)內(nèi)容學(xué)時(shí)分配唐詩頁面設(shè)計(jì)、文章排版2新聞列表的實(shí)現(xiàn)、水平導(dǎo)航與垂直導(dǎo)航2多媒體、超鏈接以及圖文混排綜合應(yīng)用4表單應(yīng)用2利用CSS實(shí)現(xiàn)文字鏈接圖片表單等頁面元素的特效2利用CSS美化網(wǎng)頁2利用CSS定位頁面元素2利用CSS布局網(wǎng)頁結(jié)構(gòu)2總計(jì)18六、課程考核方式閉卷考試加設(shè)計(jì)七、主要參考書[1]鄭婭峰張永強(qiáng)主編，《網(wǎng)頁設(shè)計(jì)與開發(fā)-HTML、CSS、JavaScript實(shí)例教程》（第2版），清華大學(xué)出版社，2011。[2]趙鋒.網(wǎng)頁設(shè)計(jì)與制作.北京:清華大學(xué)出版社.2010[3]