1、網(wǎng)頁設(shè)計與制作課程教學(xué)大綱一、說明（一）課程定義：網(wǎng)頁設(shè)計與制作課程是網(wǎng)絡(luò)與新媒體專業(yè)的一門核心課程，也是其他計算機專業(yè)的普及型課程。內(nèi)容主要涵蓋了HTML語言的語法規(guī)則及文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)記及屬性，、JavaScript腳本編程語言、Dreamweaver、Fireworks、Flash、Photoshop等相關(guān)知識，全面介紹WEB站點設(shè)計的基本操作技術(shù)和使用技巧。（二）編寫依據(jù)：本課程根據(jù)武漢體育學(xué)院體育科技學(xué)院人文社科系網(wǎng)絡(luò)與新媒體專業(yè)人才培養(yǎng)方案編寫。（三）目的任務(wù)：通過本課程的學(xué)習(xí)，要求學(xué)生掌握靜態(tài)網(wǎng)頁的制作方法、學(xué)會HTML語言、熟悉站點的上傳和

2、維護并能夠獨立解決網(wǎng)頁編輯中遇到的一般問題，能熟練運用Dreamweaver進行網(wǎng)站的導(dǎo)入、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能；能熟練掌握JAVASCRIPT腳本編程語言的基本語法知識，能實現(xiàn)網(wǎng)頁的交互和特殊效果；能維護、管理和設(shè)計WEB應(yīng)用程序；能獨立設(shè)計小型WEB站點。（四）學(xué)時數(shù)與學(xué)分數(shù)：本課程教學(xué)總學(xué)時為72課時,4學(xué)分，理論48學(xué)時，實踐/實驗24學(xué)時。具體學(xué)時分配參照下表。（五）適用對象：網(wǎng)絡(luò)與新媒體專業(yè)。（六）課程編碼：二、教學(xué)內(nèi)容與學(xué)時分配教學(xué)基本內(nèi)容教 學(xué) 安 排小計講授討論實驗實踐第一章 初識網(wǎng)站和網(wǎng)頁426第二章 初識Dreamweaver426第三章 網(wǎng)頁布

3、局方法426第四章 編輯網(wǎng)頁元素639第五章 使用超鏈接426第六章 Html樣式和CSS樣式10515第七章 Dreamweaver高級應(yīng)用426第八章 網(wǎng)站的優(yōu)化426第九章 站點的發(fā)布426機 動66合 計482472三、教學(xué)內(nèi)容與知識點第一章 初識網(wǎng)站和網(wǎng)頁第一節(jié) 網(wǎng)站和網(wǎng)頁知識點： 網(wǎng)站和網(wǎng)頁的概念。 第二節(jié) 網(wǎng)頁中的元素類型 知識點：行元素、塊元素。 第三節(jié) 常用網(wǎng)站管理制作軟件 知識點： Dreamweaver、flash。 第四節(jié) 網(wǎng)站建設(shè)流程知識點：網(wǎng)站建設(shè)流程。第五節(jié) Html與CSS入門知識點：html概念、css概念。第二章 初識Dreamweaver第一節(jié) 熟悉Dre

4、amweaver操作環(huán)境知識點：Dreamweaver操作環(huán)境。第二節(jié) 網(wǎng)站規(guī)劃與管理知識點：網(wǎng)站規(guī)劃原則、管理方法。第三章 網(wǎng)頁布局方法第一節(jié) 使用表格布局網(wǎng)頁知識點：表格布局方法。第二節(jié) 使用框架布局網(wǎng)頁知識點：框架布局網(wǎng)頁方法。第四章 編輯網(wǎng)頁元素第一節(jié) 文本編輯與輸入知識點：文本編輯與輸入方法。第二節(jié) 使用圖像知識點：使用圖像的方法。第三節(jié) 使用Flash動畫知識點：Flash動畫的制作。第四節(jié) 使用其他元素知識點：音頻、視頻元素。第五章 使用超級鏈接第一節(jié) 設(shè)置超級鏈接知識點：超級鏈接的概念、設(shè)置方法。第二節(jié) 管理超級鏈接知識點：超級鏈接管理方法。第六章 Html樣式和CSS樣式第一

5、節(jié) 編輯HTML代碼知識點：HTML代碼書寫原則、方法。第二節(jié) 創(chuàng)建和使用CSS樣式表知識點：CSS樣式表的作用、使用原則、方法。第七章 Dreamweaver高級應(yīng)用第一節(jié) 使用行為知識點：使用行為的方法。第二節(jié) 時間軸的使用知識點：時間軸的使用方法。第三節(jié) 表單及其應(yīng)用知識點：表單使用場合、方法。第四節(jié) 模板與庫知識點：模板使用方法、庫使用方法。第五節(jié) CSS樣式的應(yīng)用知識點：CSS樣式應(yīng)用技巧。第八章 網(wǎng)站的優(yōu)化第一節(jié) 頁面的優(yōu)化知識點：頁面優(yōu)化技巧。 第二節(jié) 站點的優(yōu)化知識點：站點的優(yōu)化方法。 第九章 站點的發(fā)布第一節(jié) 發(fā)布前的工作知識點：發(fā)布前的工作。第二節(jié) 發(fā)布站點與更新知識點：發(fā)

6、布站點和更新方法。四、實踐/實驗教學(xué)（一）項目名稱:期末綜合實訓(xùn)（二）目的要求：（1）應(yīng)用css和html（div+css）技術(shù)完成至少4個頁面，其中必須包括網(wǎng)站主頁面設(shè)計、欄目頁設(shè)計、管理員管理登陸頁面、管理員登錄以后的頁面。（2）顯示環(huán)境：網(wǎng)頁視覺效果應(yīng)采用Internet Explorer 6.0以上版本瀏覽器，顯示分辨率以1024×768狀態(tài)為準(zhǔn)。（3）網(wǎng)頁規(guī)模：網(wǎng)頁總量原則上不應(yīng)超過10M，且必須要是不連接互聯(lián)網(wǎng)就可以進行展示的作品。（4）網(wǎng)站結(jié)構(gòu)：要求結(jié)構(gòu)清晰，文件有清晰的分類，比如圖片都放在images文件夾下等。（5）要求頁面美觀大方、顏色搭配協(xié)調(diào)；（6）作品留存，下學(xué)期或下一階段繼續(xù)完善、開發(fā)。（三）項目性質(zhì)：（四）主要儀器設(shè)備：（五）考核及要求：五、考核（一）考核形式本課程考核形式有三種：出勤考核、平時作業(yè)考核、期末實訓(xùn)大作業(yè)考核。（二）成績計算平時成績（考勤+作業(yè)