第一篇：《網(wǎng)頁設(shè)計與制作》教學(xué)大綱

《網(wǎng)頁設(shè)計與制作》教學(xué)大綱

課程編號：14411400 課程總學(xué)時：48 周學(xué)時數(shù)：3 學(xué)分：3 課程類型：專業(yè)必修課 開課（系）院：教育學(xué)院 執(zhí)筆人：朱 玲 審核人：劉 梅

一、課程簡介

《網(wǎng)頁設(shè)計與制作》是一門綜合性、應(yīng)用性很強(qiáng)的課程，是教育技術(shù)學(xué)專業(yè)的一門專業(yè)必修課程。通過學(xué)習(xí)本課程，能利用Dreamweaver 8來開發(fā)出有實(shí)用價值的網(wǎng)站來。熟練掌握Dreamweaver 8的基本界面環(huán)境和HTML語法，了解當(dāng)前常用數(shù)據(jù)庫的基礎(chǔ)知識，能利用數(shù)據(jù)庫來為網(wǎng)站服務(wù)。

本課程以《Dreamweaver 8中文版網(wǎng)頁制作基礎(chǔ)》作為教材，該教材采用項目教學(xué)法。項目教學(xué)法”是通過實(shí)施一個完整的項目而進(jìn)行的教學(xué)活動，其目的是在課堂教學(xué)中把理論與實(shí)踐教學(xué)有機(jī)地結(jié)合起來，充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的綜合能力。這也充分體現(xiàn)了我校的培養(yǎng)應(yīng)用型人才的路線。

二、教學(xué)目的與要求

1、教學(xué)目的

本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁制作打下基礎(chǔ)。通過本課程的學(xué)習(xí)，使學(xué)生了解如何規(guī)劃并建立站點(diǎn)，掌握制作網(wǎng)頁的基礎(chǔ)知識，能熟練利用Dreamweaver 8提供的強(qiáng)大的功能制作出精美的網(wǎng)站。

2、教學(xué)要求

在本課程的學(xué)習(xí)中，要求學(xué)生能夠熟練使用Dreamweaver 8操作環(huán)境，掌握HTML的語法規(guī)則，并能夠利用Dreamweaver 8的強(qiáng)大功能制做出精美的網(wǎng)頁，同時能獨(dú)立創(chuàng)建并管理網(wǎng)站。

三、教學(xué)內(nèi)容及學(xué)時安排

第一章Dreamweaver 8概論

[教學(xué)目的與要求]

1.認(rèn)識Dreamweaver 8 2.了解Dreamweaver 8的用途及新增功能 3.熟悉Dreamweaver 8的工作界面 4.熟悉Dreamweaver 8的一些簡單的設(shè)置 [重點(diǎn)與難點(diǎn)]

1.Dreamweaver 8的工作界面 2.自定義工作環(huán)境 3.選擇視圖方式 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是Dreamweaver

二、新增功能

三、Dreamweaver 8的工作界面

（一）選擇工作界面

（二）界面組成

四、自定義工作環(huán)境

（一）顯示/隱藏面板和工具欄

（二）更改“插入”工具欄的外觀

（三）自由組合面板

（四）調(diào)整文檔窗口大小

五、選擇視圖方式

（一）代碼視圖

（二）設(shè)計視圖

（三）代碼和設(shè)計視圖 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：熟悉Dreamweaver8操作環(huán)境 實(shí)驗(yàn)課時：2學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1.如何使一個控制面板成為一個獨(dú)立的面板？ 2.如何將文檔窗口調(diào)整為640×480像素大小？

[教學(xué)目的與要求]

1.了解網(wǎng)頁的設(shè)計與布局原則 2.明確網(wǎng)站的策劃與創(chuàng)建原則 3.知道網(wǎng)站的開發(fā)流程 [重點(diǎn)與難點(diǎn)]

1.網(wǎng)頁的設(shè)計與布局原則 2.網(wǎng)站的策劃與創(chuàng)建原則 3.網(wǎng)站的開發(fā)流程

第二章 網(wǎng)頁與網(wǎng)站的基本知識

[教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、網(wǎng)頁設(shè)計和布局原則

（一）網(wǎng)頁主題網(wǎng)頁主題時應(yīng)該遵循以下原則：

（二）網(wǎng)頁命名和標(biāo)志

（三）網(wǎng)頁的色彩

（四）網(wǎng)頁的文字

（五）網(wǎng)頁中的表格

（六）網(wǎng)頁版面和布局

二、策劃與創(chuàng)建原則

(一)什么是網(wǎng)站(二)網(wǎng)站的目標(biāo)定位(三)網(wǎng)站的風(fēng)格(四)網(wǎng)站的CI形象(五)網(wǎng)站的欄目和板塊(六)網(wǎng)站的目錄結(jié)構(gòu)

三、網(wǎng)站的開發(fā)流程： [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述網(wǎng)站開發(fā)需要經(jīng)過的幾個主要階段。2．簡述制作網(wǎng)頁需要注意的問題。

[教學(xué)目的與要求]

1.掌握HTML語言及其基本語法 2.如何制定及清理多余的HTML代碼 3.掌握在各種環(huán)境中編輯HTML代碼的方法 [重點(diǎn)與難點(diǎn)] 1．HTML的基本語法 2．使用代碼檢查器 3．設(shè)置HTML代碼參數(shù)

第三章 HTML語言控制

4．清理多余的HTML代碼 5．編輯HTML代碼 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是HTML

二、HTML的基本語法

三、認(rèn)識“代碼檢查器”面板

（一）“代碼檢查器”面板的功能

（二）3.3.2 設(shè)置“代碼檢查器”面板

四、設(shè)置HTML代碼參數(shù)

（一）設(shè)置代碼顏色

（二）設(shè)置代碼格式

（三）設(shè)置代碼改寫參數(shù)

五、清理HTML代碼

六、編輯HTML代碼

（一）在代碼視圖中編輯HTML

（二）在設(shè)計視圖中編輯HTML

（三）在外部代碼編輯器中編輯HTML [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)] 無

[課堂訓(xùn)練、作業(yè)思考題]

1．如何清除多余的HTML代碼和多余的word代碼？

第四章 設(shè)置文本和網(wǎng)頁屬性

[教學(xué)目的與要求]

1.了解文檔的新建、保存和打開

2.掌握怎樣輸入文本、查找和替換、檢查拼寫、設(shè)置文本和段落 3.掌握使用水平分隔線和設(shè)置網(wǎng)頁屬性等 [重點(diǎn)與難點(diǎn)] 1.文檔的基本操作 2.輸入文本 3.查找與替換 4.拼寫檢查 5.格式化文本 6.使用水平分隔線 7.設(shè)置網(wǎng)頁屬性 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、文檔的基本操作

（一）啟動Dreamweaver 8主工作界面

（二）新建文檔 “新建文檔”對話框

（三）保存新文檔

（四）打開文檔

二、輸入文本

(一)文本換行(二)插入特殊字符(三)導(dǎo)入Word文檔(四)添加注釋

三、查找與替換 “查找和替換”對話框

四、拼寫檢查 “檢查拼寫”對話框

五、格式化文本

(一)文本屬性欄(二)設(shè)置文本格式(三)設(shè)置段落格式

六、使用水平分隔線

(一)4.6.1 添加水平分隔線(二)4.6.2 修改屬性(三)4.6.3 設(shè)置顏色

七、設(shè)置網(wǎng)頁屬性

(一)4.7.1 使用“頁面屬性”對話框(二)4.7.2 使用網(wǎng)頁配色方案 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：3學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何使啟動程序不顯示起始頁？ 2．簡述創(chuàng)建一個空白文檔的過程。

第五章 使用網(wǎng)頁圖像

[教學(xué)目的與要求]

1.了解網(wǎng)頁圖像的基本概念

2.掌握如何插入圖像、如何編輯圖像 3.掌握如何創(chuàng)建圖像映射即熱點(diǎn) [重點(diǎn)與難點(diǎn)]

1．網(wǎng)頁圖像的格式 2．插入圖像 3．編輯圖像 4．創(chuàng)建圖像映射 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、網(wǎng)頁圖像簡述

(一)位圖圖像(二)矢量圖像(三)常見網(wǎng)頁圖像格式

二、插入圖像

(一)插入普通圖像

(二)插入鼠標(biāo)經(jīng)過時變化的圖像(三)插入網(wǎng)頁背景圖像

三、編輯圖像

(一)5.3.1 調(diào)整圖像大小(二)5.3.2 剪掉圖像的多余部分(三)5.3.3 調(diào)整圖像的亮度和對比度(四)5.3.4 銳化圖像(五)5.3.5 圖像的排列方式(六)5.3.6 設(shè)置圖像間距(七)5.3.7 用文字代替圖像(八)5.3.8 使用圖像編輯器

四、創(chuàng)建圖像映射

(一)5.4.1 什么是圖像映射圖(二)5.4.2 圖像映射面板(三)5.4.3 定義和編輯熱點(diǎn)(四)5.4.4 為熱點(diǎn)建立鏈接 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：2學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何在網(wǎng)頁中用文字代替圖像？ 2．如何為熱點(diǎn)建立鏈接？

[教學(xué)目的與要求]

1.掌握表格的創(chuàng)建和使用、表格的編輯和修改2.掌握表格的套用樣式和嵌套 3.掌握如何使用表格進(jìn)行頁面布局 [重點(diǎn)與難點(diǎn)]

1．創(chuàng)建表格 2．編輯表格

第六章 創(chuàng)建和使用表格

3．套用表格 4．表格的嵌套

5．使用表格進(jìn)行頁面布局 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、創(chuàng)建表格

(一)插入表格并添加內(nèi)容(二)導(dǎo)入表格數(shù)據(jù)文件

二、編輯表格

(一)添加/刪除行列(二)調(diào)整表格大小(三)調(diào)整行高和列寬(四)合并/拆分單元格(五)設(shè)置單元格的寬度和高度(六)設(shè)置表格的邊框顏色(七)設(shè)置表格的背景

三、套用表格樣式

四、表格的嵌套

五、使用表格進(jìn)行頁面布局

(一)布局模式

(二)繪制布局單元格和布局表格(三)將內(nèi)容添加到布局單元格中(四)使用間隔圖像

(五)更改布局表格和布局單元格的屬性[實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：網(wǎng)頁布局（第6、7、8章）實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．簡述合并和拆分單元格的幾種方法。2．怎樣在布局表格中使用間隔圖像？

第七章 創(chuàng)建和使用框架

[教學(xué)目的與要求]

1.理解框架和框架集的概念

2.掌握如何創(chuàng)建、選擇框架和框架集

3.掌握如何設(shè)置框架和框架集的屬性及編輯框架頁面 [重點(diǎn)與難點(diǎn)]

1.創(chuàng)建框架與框架集 2.選擇框架與框架集的方法 3.設(shè)置框架與框架集的屬性 4.編輯框架頁面 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是框架與框架集

二、創(chuàng)建框架與框架集

(一)使用預(yù)定義創(chuàng)建框架集(二)自己設(shè)計框架集(三)刪除框架(四)創(chuàng)建嵌套框架集

三、選擇框架與框架集

(一)在文檔窗口中選擇(二)在“框架”面板中選擇

四、設(shè)置框架與框架集屬性

（一）設(shè)置框架屬性

（二）設(shè)置框架集屬性

五、編輯框架頁面

(一)7.5.1 設(shè)置框架中文檔的背景顏色(二)7.5.2 使用鏈接控制框架內(nèi)容(三)7.5.3 替換框架文件

(四)7.5.4 保存框架和框架集文件(五)7.5.5 解決瀏覽器無法顯示框架的問題 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：網(wǎng)頁布局（第6、7、8章）實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何刪除框架和框架集？ 2．怎樣替換框架文件？

[教學(xué)目的與要求]

1.了解創(chuàng)建層

2.掌握設(shè)計層屬性、編輯層 3.掌握層和表格的轉(zhuǎn)換 [重點(diǎn)與難點(diǎn)]

1．創(chuàng)建層 2．設(shè)置層屬性 3．編輯層 4．層和表格的轉(zhuǎn)換 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段]

第八章 創(chuàng)建和使用層 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、創(chuàng)建層

(一)創(chuàng)建平鋪式層(二)創(chuàng)建重疊式層(三)創(chuàng)建嵌入式層

二、設(shè)置層的屬性

(一)設(shè)置層參數(shù)(二)設(shè)置單個層屬性(三)同時設(shè)置多個層的屬性

三、編輯層

(一)使用“層”面板 通過“層”面板可以管理文檔中的層。

(二)使用“層”面板可以防止層重疊、更改層的可見性、將層嵌套或?qū)盈B，以及選擇一個或多個層。(三)在層中添加內(nèi)容(四)選擇和移動層(五)防止層重疊(六)改變層的堆疊次序

(七)顯示/隱藏層(八)創(chuàng)建預(yù)先載入層(九)調(diào)整層的大小

層和表格的轉(zhuǎn)換層

(一)將層轉(zhuǎn)換成表格(二)將表格轉(zhuǎn)換成層 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：網(wǎng)頁布局（第6、7、8章）實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．如何創(chuàng)建預(yù)先載入層？ 2．簡述表格與層的轉(zhuǎn)換方法。

[教學(xué)目的與要求]

1.了解表單與表單元素的基本概念

第九章 表 單

四、2.掌握表單的創(chuàng)建及表單元素的插入和設(shè)置方法 3.掌握檢查表單以驗(yàn)證表單元素正確性 [重點(diǎn)與難點(diǎn)]

1.表單的創(chuàng)建

2.插入與設(shè)置文本域和文本區(qū)域

3.插入與設(shè)置復(fù)選框、單選按鈕和單選按鈕組 4.插入與設(shè)置列表框和彈出菜單 5.插入與設(shè)置跳轉(zhuǎn)菜單 6.插入與設(shè)置文件域 7.插入與設(shè)置表單按鈕 8.檢查表單 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、表單與表單元素(一)表單(二)表單元素

二、表單

(一)創(chuàng)建表單(二)設(shè)置表單屬性

三、文本域和文本區(qū)域

(一)插入文本域(二)設(shè)置文本域的屬性(三)插入文本區(qū)域

四、復(fù)選框、單選按鈕和單選按鈕組

(一)插入單選按鈕與復(fù)選框(二)設(shè)置單選按鈕與復(fù)選框的屬性

五、列表框和彈出菜單

(一)插入列表框與彈出菜單(二)設(shè)置列表/菜單屬性(三)跳轉(zhuǎn)菜單(四)文件域(五)表單按鈕(六)標(biāo)準(zhǔn)表單按鈕(七)圖片式按鈕(八)檢查表單 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目1：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：3學(xué)時 實(shí)驗(yàn)項目2：表單對象 實(shí)驗(yàn)課時：2課時 [課堂訓(xùn)練、作業(yè)思考題]

1．文本域與文本區(qū)域有何區(qū)別？ 2．如何插入跳轉(zhuǎn)菜單？

第十章 添加超級鏈接和導(dǎo)航工具條

[教學(xué)目的與要求]

1.掌握在Dreamweaver 8中創(chuàng)建超級鏈接的基本方法；

2.了解超級鏈接的種類：包括內(nèi)部、外部超級鏈接、為E-mail和下載文件添加超級鏈接、使用錨點(diǎn)和導(dǎo)航條工具等內(nèi)容。[重點(diǎn)與難點(diǎn)]

1、內(nèi)部超級鏈接的使用方法；

2、外部超級鏈接的使用方法；

3、為圖片添加超級鏈接；

4、為E-mail創(chuàng)建超級鏈接；

5、設(shè)置下載文件鏈接；

6、錨點(diǎn)的創(chuàng)建方法；

7、導(dǎo)航條的創(chuàng)建方法； [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是超級鏈接

(一)超級鏈接的概念(二)鏈接路徑

二、使用內(nèi)部超級鏈接

(一)10.2.1 為文字添加超級鏈接(二)10.2.2 設(shè)置文字超級鏈接的屬性(三)10.2.3 為圖片添加超級鏈接

三、外部超級鏈接

四、為E-mail和下載文件添加超級鏈接

（一）為E-mail添加超級鏈.（二）為下載文件添加超級鏈接

五、使用錨點(diǎn)

（一）創(chuàng)建錨點(diǎn)

（二）鏈接錨點(diǎn)

六、使用導(dǎo)航工具條

（一）插入導(dǎo)航條

（二）修改導(dǎo)航條 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述超級鏈接的分類。2．如何創(chuàng)建錨點(diǎn)？

第十一章 層疊樣式表

[教學(xué)目的與要求]

1.掌握CSS的基本語法與功能、“CSS樣式”面板與“相關(guān)CSS”面板的使用、應(yīng)用類樣式的方法、插入樣式表的方式、CSS樣式的屬性設(shè)置；

2.了解樣式表的優(yōu)先順序等內(nèi)容。[重點(diǎn)與難點(diǎn)]

1.CSS樣式的創(chuàng)建、編輯與導(dǎo)出 2.應(yīng)用類樣式 3.設(shè)置CSS樣式屬性 4.CSS樣式的優(yōu)先順序 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、層疊樣式表概述

(一)什么是CSS(二)CSS的基本語法

二、CSS樣式的創(chuàng)建、編輯與導(dǎo)出

(一)認(rèn)識“CSS樣式”面板(二)認(rèn)識“相關(guān)CSS”面板(三)創(chuàng)建CSS樣式

(四)導(dǎo)出樣式以創(chuàng)建CSS樣式表(五)管理CSS樣式(六)鏈接和導(dǎo)出外部樣式表(七)編輯CSS樣式(八)編輯外部樣式表

三、應(yīng)用類樣式

(一)應(yīng)用自定義的CSS樣式(二)刪除自定義的CSS樣式

四、設(shè)置CSS樣式屬性(一)“類型”選項(二)“背景”選項(三)“區(qū)塊”選項(四)“方框”選項(五)“邊框”選項(六)“列表”選項(七)“定位”選項(八)“擴(kuò)展”選項

五、CSS樣式的優(yōu)先順序

[實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)] 無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述CSS樣式的作用。2．簡述創(chuàng)建CSS樣式的方法。

[教學(xué)目的與要求]

1.掌握插入Flash動畫、Shockwave電影第十二章 插入多媒體組件

2.掌握插入Applet程序、ActiveX控件和插件等內(nèi)容 [重點(diǎn)與難點(diǎn)]

1.添加Flash動畫。2.添加Shockwave電影。3.添加Java Applet程序。4.使用ActiveX控件。5.使用插件。

6.添加聲音背景和聲音文件。7.插入日期和時間。[教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、插入多媒體文件簡介

二、添加Flash動畫

(一)插入Flash動畫(二)設(shè)置Flash動畫屬性(三)參數(shù)簡介

三、插入Shockwave電影

(一)插入Shockwave電影(二)設(shè)置Shockwave電影屬性

四、插入Java Applet程序

（一）插入Java Applet程序

（二）設(shè)置Java Applet屬性

五、設(shè)置ActiveX控件

六、設(shè)置Netscape Navigator插件

(一)插入插件(二)設(shè)置插件屬性

七、在網(wǎng)頁中添加聲音

(一)聲音文件格式(二)為網(wǎng)頁加入背景音樂(三)嵌入聲音文件

八、插入日期和時間

九、使用計數(shù)器 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：插入網(wǎng)頁對象（第4、5、9、12章）實(shí)驗(yàn)課時：3學(xué)時 [課堂訓(xùn)練、作業(yè)思考題]

1．簡述可以插入的多媒體組件的種類。2．如何在網(wǎng)頁中嵌入聲音文件？

第十三章 生成動態(tài)特效

[教學(xué)目的與要求]

1.了解行為的含義

2.掌握應(yīng)用Dreamweaver 8中內(nèi)置的各種行為、為對象附加行為及獲取更多的行為 [重點(diǎn)與難點(diǎn)]

1.了解行為

2.了解Dreamweaver 8的內(nèi)置行為 3.應(yīng)用行為 [教學(xué)時數(shù)] 3學(xué)時 [教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、什么是行為

二、Dreamweaver 8中的行為(一)認(rèn)識行為面板(二)內(nèi)置行為

三、應(yīng)用行為(一)為對象附加行為(二)獲得更多的行為

四、動態(tài)特效實(shí)例(一)改變對象屬性(二)檢查瀏覽器(三)檢查插件(四)制作彈出窗口(五)制作動態(tài)圖片說明(六)設(shè)置狀態(tài)欄信息(七)設(shè)置播放聲音 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

實(shí)驗(yàn)項目：制作動態(tài)網(wǎng)頁 實(shí)驗(yàn)課時：3課時 [課堂訓(xùn)練、作業(yè)思考題]

1．簡述改變層屬性的方法。

2．簡述單擊某按鈕時發(fā)出聲音特效的制作方法。

第十四章 庫與模版

[教學(xué)目的與要求]

1.掌握如何創(chuàng)建和設(shè)置庫項目，為網(wǎng)頁添加庫項目和編輯庫項目 2.掌握如何創(chuàng)建、設(shè)置模板的網(wǎng)頁屬性 3.掌握如何導(dǎo)入導(dǎo)出XML內(nèi)容 [重點(diǎn)與難點(diǎn)]

1.設(shè)置庫項目參數(shù) 2.編輯庫項目 3.利用庫項目更新網(wǎng)站 4.使用模板創(chuàng)建網(wǎng)頁 5.修改模板屬性 6.導(dǎo)入導(dǎo)出XML內(nèi)容 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、庫與模版概述

二、使用庫項目(一)創(chuàng)建庫項目(二)將庫項目添加到網(wǎng)頁

三、編輯庫項目

（一）認(rèn)識庫項目屬性面板

（二）刪除與重命名庫項目

（三）修改庫項目

四、利用庫項目更新網(wǎng)站

五、創(chuàng)建模版

（一）將文檔另存為模版

（二）創(chuàng)建可編輯區(qū)域

（三）創(chuàng)建重復(fù)區(qū)域

（四）定義可編輯標(biāo)簽屬性

六、創(chuàng)建基于模版的文檔

七、修改模版屬性

八、導(dǎo)入導(dǎo)出XML內(nèi)容 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)] 無

課堂訓(xùn)練、作業(yè)思考題]

1．如何設(shè)置可編輯區(qū)域及可重復(fù)區(qū)域？ 2．更改了庫項目或模版后，如何更新網(wǎng)站？教學(xué)目的與要求]

1.掌握站點(diǎn)的規(guī)劃和設(shè)計知識 2.掌握本地和遠(yuǎn)程的概念

第十五章 規(guī)劃和設(shè)計站點(diǎn)

[ [

[3.掌握創(chuàng)建本地站點(diǎn)的方法

4.掌握設(shè)置本地和遠(yuǎn)程文件夾，管理站點(diǎn) [重點(diǎn)與難點(diǎn)]

1．創(chuàng)建本地站點(diǎn) 2．設(shè)置本地和遠(yuǎn)程文件夾 3．管理Web站點(diǎn) [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、關(guān)于站點(diǎn)規(guī)劃和設(shè)計

二、關(guān)于本地與遠(yuǎn)程的幾個概念(一)本地計算機(jī)和Internet服務(wù)器(二)本地站點(diǎn)和遠(yuǎn)程站點(diǎn)

三、創(chuàng)建本地站點(diǎn)

四、設(shè)置本地和遠(yuǎn)程文件夾(一)設(shè)置本地文件夾(二)設(shè)置遠(yuǎn)程文件夾

(三)為FTP訪問選擇主機(jī)目錄(四)設(shè)置遠(yuǎn)程文件夾時應(yīng)注意的事項

五、管理Web站點(diǎn)(一)導(dǎo)入與導(dǎo)出站點(diǎn)(二)從站點(diǎn)列表中刪除站點(diǎn)(三)獲取和上傳文件

(四)同步本地和遠(yuǎn)程站點(diǎn)上的文件(五)遮蓋站點(diǎn)中的文件夾和文件(六)使用設(shè)計備注 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述應(yīng)用定義站點(diǎn)高級選項卡定義站點(diǎn)的過程。

第十六章 上傳站點(diǎn)

[教學(xué)目的與要求] 1.了解如何申請個人網(wǎng)站空間 2.知道到哪里去下載免費(fèi)網(wǎng)站空間

3.了解如何將網(wǎng)站上傳到WWW服務(wù)器以及如何推廣網(wǎng)站等 [重點(diǎn)與難點(diǎn)]

1.申請網(wǎng)站空間 2.上傳站點(diǎn) 3.網(wǎng)站的宣傳和推廣 [教學(xué)時數(shù)] 3學(xué)時

[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]

一、申請網(wǎng)站空間

(一)選擇網(wǎng)站空間(二)申請方法

二、上傳站點(diǎn)

（一）設(shè)置本地服務(wù)器地址

（二）傳送站點(diǎn)

三、宣傳和推廣

（一）用E-mail形式來宣傳

（二）在BBS或新聞組中宣傳(三)在搜索引擎網(wǎng)站中宣傳(四)廣告與友情鏈接

(五)在Dreamweaver 8中插入關(guān)鍵詞與描述 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]

無

[課堂訓(xùn)練、作業(yè)思考題]

1．簡述申請個人免費(fèi)網(wǎng)絡(luò)空間的方法。

三、教學(xué)方法與手段

本課程采用講授法、演示法、實(shí)驗(yàn)法、討論法、探究式等多種教學(xué)方法進(jìn)行教學(xué)，教學(xué)手段采用了傳統(tǒng)教具、多媒體投影以及計算機(jī)網(wǎng)絡(luò)等。

四、教材與教學(xué)參考書

[1] 孫印杰，薛書琴，俞露等編著.新世界Dreamweaver 8中文版應(yīng)用教.電子工業(yè)出版社，2008.[2] 希望圖書創(chuàng)作室編著.Dreamweaver（中文版)8標(biāo)準(zhǔn)教程.兵器工業(yè)出版社，2007.[3] 楊聰，韓小祥，周國輝主編.Dreamweaver 8網(wǎng)頁設(shè)計案例實(shí)訓(xùn)教程.中國人民大學(xué)出版社，2009.[4] 葛艷玲主編.網(wǎng)頁制作基礎(chǔ)教程（Dreamweaver 8.0）（第2版）.電子工業(yè)出版社，2009.[5] 導(dǎo)向科技編著.中文版Dreamweaver 8網(wǎng)頁設(shè)計培訓(xùn)教程.人民郵電出版社，2006.五、實(shí)驗(yàn)實(shí)踐教學(xué)

實(shí)驗(yàn)教學(xué)是網(wǎng)頁設(shè)計與制作的重要實(shí)踐環(huán)節(jié)。通過實(shí)驗(yàn)，使學(xué)生加深理解、驗(yàn)證、鞏固課堂教學(xué)內(nèi)容，對Dreamweaver 8有一較全面的認(rèn)識。培養(yǎng)學(xué)生分析問題和解決問題的能力，為以后深入學(xué)習(xí)教育技術(shù)專業(yè)的其它課程打下堅實(shí)的基礎(chǔ)。

實(shí)驗(yàn)教學(xué)的主要目的是培養(yǎng)學(xué)生的動手能力，要求學(xué)生熟練掌握Dreamweaver 8的基本操作，網(wǎng)頁的設(shè)計制作，網(wǎng)站的建立與管理等技能。

為使學(xué)生鞏固課堂所學(xué)知識，根據(jù)教學(xué)內(nèi)容本課程共設(shè)5項實(shí)驗(yàn)，分別是熟悉Dreamweaver 8的操作環(huán)境、插入網(wǎng)頁對象、網(wǎng)頁布局、表單對象和制作動態(tài)網(wǎng)頁，最終學(xué)生上機(jī)實(shí)驗(yàn)完成最終作品。

六、課外訓(xùn)練及自學(xué)指導(dǎo)

（一）課外訓(xùn)練體系 1．訓(xùn)練目的與要求

網(wǎng)頁設(shè)計與制作是一門實(shí)踐性很強(qiáng)的課程，要想熟練的掌握Dreamweaver 8有關(guān)操作，網(wǎng)頁制作和網(wǎng)站開發(fā)與管理的技能，就必須大力加強(qiáng)課外訓(xùn)練。

課外訓(xùn)練的主要目的：充分掌握網(wǎng)頁制作的有關(guān)技能操作，學(xué)會設(shè)計單個網(wǎng)頁，能夠開發(fā)一個小型網(wǎng)站。2．訓(xùn)練內(nèi)容與方法 訓(xùn)練的內(nèi)容主要是每一章的重點(diǎn)難點(diǎn)知識，訓(xùn)練的方法主要有觀摩法和實(shí)踐法。

（二）自學(xué)指導(dǎo)體系 1．自學(xué)目的與要求

這門課程要求學(xué)生不僅僅是掌握課本上的知識，課本上的知識是遠(yuǎn)遠(yuǎn)不夠的，這就要求學(xué)生必須自學(xué)。自學(xué)的主要目的是擴(kuò)展知識面，加深對該課程知識的認(rèn)識。要求知道與網(wǎng)頁制作有關(guān)的知識。

2．自學(xué)內(nèi)容與方法

自學(xué)的內(nèi)容主要是網(wǎng)頁制作的有關(guān)知識，除了Dreamweaver 8軟件的有關(guān)操作以外，還要學(xué)習(xí)Flash、Fireworks等軟件的有關(guān)網(wǎng)頁制作知識。

自學(xué)的方法主要有資料查閱法、討論法、網(wǎng)上學(xué)習(xí)法、實(shí)驗(yàn)練習(xí)法等。

七、考試考核

本課程的考試形式為技能考核，學(xué)生的學(xué)業(yè)成績實(shí)行結(jié)構(gòu)化成績，由考試主卷成績、副卷(實(shí)驗(yàn))成績和平時成績構(gòu)成，其中考試主卷成績占60％，副卷成績占20％，平時成績占20％。

第二篇：《網(wǎng)頁設(shè)計與制作》教學(xué)大綱

《網(wǎng)頁設(shè)計與制作》教學(xué)大綱

一、課程基本信息

課程編號：

中文名稱：網(wǎng)頁設(shè)計與制作

英文名稱：Web Design and Production 課程類別：選修課 適用專業(yè)：所有專業(yè)

開課學(xué)期：2011-2012第2學(xué)期 總學(xué)時：24學(xué)時 總學(xué)分：1 課程簡介：

本課程突出網(wǎng)頁設(shè)計與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計與制作的興趣和愛好。參考書：

1、網(wǎng)頁設(shè)計與制作教程，熊前興 閔聯(lián)營，科學(xué)出版社;

2、網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學(xué)出版社;

3、網(wǎng)頁美術(shù)設(shè)計原理及實(shí)戰(zhàn)策略，王曉峰 焦燕，清華大學(xué)出版社;

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

二、課程教學(xué)目標(biāo)：

網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計與制作網(wǎng)頁已經(jīng)成為計算機(jī)應(yīng)用技術(shù)的一個重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，能運(yùn)用網(wǎng)頁工具設(shè)計和制作常用網(wǎng)頁。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時）（1）Internet基礎(chǔ)知識

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

第二章、超文本編輯語言HTML（8學(xué)時）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記（5）表格標(biāo)記（6）超鏈接標(biāo)記（7）表單標(biāo)記（8）框架標(biāo)記

第三章、JavaScript語言（4學(xué)時）（1）JavaScript語言簡介（2）JavaScript編程基礎(chǔ)（3）基于對象的JavaScript語言（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時）（1）CSS概述（2）CSS屬性

第五章、可視化網(wǎng)頁設(shè)計工具Dreamvawer8.0（1）網(wǎng)頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁元素（5）發(fā)布站點(diǎn)

第六章、動態(tài)網(wǎng)頁設(shè)計語言ASP（4學(xué)時）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實(shí)用Global.asa文件

4學(xué)時）（第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時）（1）數(shù)據(jù)庫的連接（2）數(shù)據(jù)庫的檢索（3）數(shù)據(jù)庫的操作

總結(jié)復(fù)習(xí)（1學(xué)時）

四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個同學(xué)為自己設(shè)計制作一個博客網(wǎng)站。

七、成績評定

1.自制網(wǎng)站（80%）2.平時考勤、作業(yè)(20%)平時成績分配：

平時考勤5次，每次2分，共占10% 作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時應(yīng)注意的問題

根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進(jìn)度做適當(dāng)?shù)恼{(diào)整。

執(zhí)筆人：邢雁平

第三篇：網(wǎng)頁制作與設(shè)計教學(xué)大綱

《網(wǎng)頁制作與設(shè)計》教學(xué)大綱

課程編號：

總學(xué)時數(shù)：36學(xué)時（其中講授：20學(xué)時，實(shí)驗(yàn)：16學(xué)時）

一、課程性質(zhì)、目的和要求

本課程是我系各專業(yè)必修專業(yè)課程之一。該課程以Dreamweaver和CSS為藍(lán)本，全面介紹與網(wǎng)頁設(shè)計制作有關(guān)的知識，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有解決靜態(tài)網(wǎng)頁制作和設(shè)計等方面問題的能力。通過對WWW的基本概念、網(wǎng)頁設(shè)計的基本原則、網(wǎng)頁設(shè)計編程的基本技術(shù)與技巧的學(xué)習(xí)，使學(xué)生對于網(wǎng)頁設(shè)計中所涉及的相關(guān)知識有一個全面的了解。

在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁制作已成為當(dāng)今社會上一種比較熱門的技術(shù)，也是計算機(jī)專業(yè)學(xué)生的一門必修課，通過課程學(xué)習(xí)要求學(xué)生能夠掌握靜態(tài)網(wǎng)頁的制作工具的使用以及HTML標(biāo)記語言的運(yùn)用，并基本掌握J(rèn)avaScript腳本語言編程的常用方法與技巧。通過與前期課程的融會，運(yùn)用掌握的Flash等其他制作工具軟件，在具體的網(wǎng)頁設(shè)計過程中要很好的將幾者結(jié)合起來使用，從而能夠生成功能強(qiáng)大、豐富多彩、生動活潑的高質(zhì)量的網(wǎng)頁。通過本門課程的學(xué)習(xí)，學(xué)生能夠具備以下能力：網(wǎng)站建設(shè)、網(wǎng)絡(luò)廣告、多媒體課件、網(wǎng)絡(luò)游戲、匯報材料，MTV等。同時培養(yǎng)學(xué)生以下素質(zhì)：服務(wù)意識：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)；文明法制意識：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力；較強(qiáng)的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動態(tài)。

二、教學(xué)內(nèi)容、要點(diǎn)和課時安排

第一章 Dreamweaver MX概述 1．Dreamweaver MX簡介

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行設(shè)置具有獨(dú)特的工作環(huán)境，對Dreamweaver MX的主界面認(rèn)識透徹，便于以下課程的深度學(xué)習(xí)。

第二章 創(chuàng)建站點(diǎn) 1．站點(diǎn)的規(guī)劃

2．創(chuàng)建本地站點(diǎn) 3．創(chuàng)建ASP站點(diǎn) 4．連接數(shù)據(jù)庫

2學(xué)時

2學(xué)時 5．站點(diǎn)的管理與維護(hù) 6．發(fā)布站點(diǎn) 要求：了解站點(diǎn)的基本概念，熟悉掌握使用DreamweaverMX定義站點(diǎn)的方法，能根據(jù)自己的實(shí)際情況定義站點(diǎn)，定義ASP站點(diǎn)，掌握通過DreamweaverMX軟件連接簡單數(shù)據(jù)庫的方法。

第三章 文本及其格式化 1．文本及其格式化概述 2．文本的輸入 3．創(chuàng)建文本列表 4．CSS樣式文件的創(chuàng)建

5．將文檔中的樣式導(dǎo)出為CSS樣式文件 6．文本格式化綜合實(shí)例

要求：學(xué)習(xí)如何插入文本、設(shè)置字體類型、大小、顏色和對齊屬性，使用層疊樣式表創(chuàng)建和應(yīng)用自定義樣式。通過學(xué)習(xí)掌握利用CSS樣式格式文本，掌握導(dǎo)出和使用CSS樣式文件的基本方法。

第四章 圖像

2學(xué)時

2學(xué)時

1．常用圖像文件格式 2．插入圖像 3．設(shè)置圖像的屬性

要求：通過學(xué)習(xí)，學(xué)生必須完全掌握如何在DreamweaverMX軟件中插入圖像、修改圖像的屬性，利用外部圖象處理軟件編輯圖像以及創(chuàng)建圖像地圖等方法。實(shí)現(xiàn)圖像與文本的完美結(jié)合。

第五章 表格 1．概述

2．表格的基本操作 3．表格及其屬性設(shè)置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、設(shè)置表格以及使用表格對網(wǎng)頁進(jìn)行布局和美化。通過表格定位文本和圖像在頁面出現(xiàn)的位置。對表格的修改主要是添加內(nèi)容、修改表格或單元格行/列屬性，復(fù)制或者粘貼多個單元格等操作。

第六章 框架 1．創(chuàng)建框架

2．框架和框架頁的基本操作

3．設(shè)置框架和框架頁的屬性、大小及背景色

2學(xué)時

2學(xué)時 4．框架及框架頁綜合實(shí)例

要求：掌握框架的創(chuàng)建、保存以及框架屬性的設(shè)置，難點(diǎn)在于框架的鏈接設(shè)置，掌握框架結(jié)構(gòu)的主要功能在于導(dǎo)航。注意框架和框架集的區(qū)別。

第七章 頁面布局視圖的使用

1．布局單元格和布局表格 2．繪制布局表格和布局單元格 3．布局表格和布局單元格的基本操作

4．設(shè)置布局寬度

要求：重點(diǎn)掌握如何創(chuàng)建布局表格和布局單元格，掌握布局視圖的切換方法，掌握布局表格和布局單元格屬性的設(shè)置和意義。

第八章 鏈接

3學(xué)時

3學(xué)時

1．鏈接、路徑與錨

2．建立鏈接 3．建立特殊鏈接

要求：了解鏈接、路徑與錨的使用條件、掌握鏈接的幾種設(shè)置方法和他們的區(qū)別，學(xué)會使用特殊鏈接（書簽、電子郵箱、網(wǎng)站URL）,理解掌握鏈接目標(biāo)的指定。

第九章 表單 1．表單概述 2．創(chuàng)建表單 3．表單對象 4．客戶注冊表單 5．網(wǎng)上調(diào)查表單

要求：掌握如何創(chuàng)建表單，以及如何在表單中添加表單對象，掌握常見的表單對象的功能和使用方法，理解表單處理的原理，能夠完成基本的表單設(shè)計。

第十章 層

1．關(guān)于層

2．創(chuàng)建層

3．顯示隱藏層實(shí)例

4．下列菜單實(shí)例 5．層綜合應(yīng)用實(shí)例

要求：讓學(xué)生掌握層的概念和層的分類，掌握關(guān)于層的屬性，掌握建立層的基本方法，掌握層的各種屬

2學(xué)時

2學(xué)時 性的設(shè)置。

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

5．行為應(yīng)用實(shí)例

要求：重點(diǎn)掌握DreamweaverMX自帶的行為的使用方法，掌握這些常用行為事件的設(shè)置，了解行為的意義以及行為面板的使用方法，能根據(jù)具體的行為設(shè)置對應(yīng)的行為事件，能對所使用的行為事件進(jìn)行修改。

第十二章 時間軸與動畫

1．時間軸面板

2．使用時間軸創(chuàng)建動畫

3．修改時間軸

4．創(chuàng)建錄制路徑動畫 5．在時間軸中改變對象屬性

6．在時間軸中使用行為

7．時間軸動畫實(shí)例

要求：掌握如何使用時間軸創(chuàng)建時間線動畫，重點(diǎn)掌握如何修改時間線及其對象的屬性，添加和刪除禎、修改動畫的起始時間、修改動畫路徑的位置等。

第十三章 Dreamweaver MX程序設(shè)計

1．Dreamweaver MX程序設(shè)計基礎(chǔ) 2．建立數(shù)據(jù)庫連接 3．定義記錄集

4．動態(tài)數(shù)據(jù)綁定 5．應(yīng)用服務(wù)器行為

要求：掌握基本的術(shù)語和如何建立數(shù)據(jù)庫連接，掌握如何建立記錄集，以及記錄集中數(shù)據(jù)的綁定，了解各類服務(wù)器行為的功能，重點(diǎn)掌握如何定義記錄集和應(yīng)用服務(wù)器行為，掌握WEB應(yīng)用程序的構(gòu)建。

第十四章 模板與庫

1．什么是模板和庫

2．創(chuàng)建模板

3．定義可編輯區(qū)域

2學(xué)時

2學(xué)時

2學(xué)時

2學(xué)時 4．應(yīng)用模板建立網(wǎng)頁 5．應(yīng)用模板更新站點(diǎn) 6．庫的使用

7．模板的創(chuàng)建與設(shè)置實(shí)例

要求：掌握模版和庫的原理和優(yōu)勢，掌握掌握如何建立和使用模版，掌握庫的使用和添加到庫文件。第十五章 代碼片斷

1．使用代碼片斷 2．代碼片斷的創(chuàng)建

3．代碼片斷的使用

4．代碼片斷的創(chuàng)建與使用綜合實(shí)例

要求：理解代碼片斷的概念，掌握創(chuàng)建代碼片斷的方法，掌握如何使用代碼片斷。第十六章 經(jīng)典實(shí)例

1．個人網(wǎng)站 2．網(wǎng)站論壇

要求：了解頁面的整體設(shè)計，掌握表格的高級應(yīng)用技巧，了解交互網(wǎng)站的運(yùn)行機(jī)制，掌握服務(wù)器行為的應(yīng)用，學(xué)生通過鍛煉，掌握創(chuàng)建網(wǎng)站的全部過程和機(jī)制，能夠獨(dú)立網(wǎng)站一個小型的全面的個人網(wǎng)站。

4學(xué)時

2學(xué)時

三、教學(xué)方法

要求：

1、結(jié)合DreamweaverMX軟件使用的特點(diǎn)，以上機(jī)演示教學(xué)方法為主，輔之教學(xué)課件等方法進(jìn)行教學(xué)。

2、結(jié)合本學(xué)科特點(diǎn)在教學(xué)過程中，使學(xué)生形成多動手、積極探究、勤于思考、學(xué)會學(xué)習(xí)等良好的學(xué)習(xí)習(xí)慣，培養(yǎng)學(xué)生搜集和整理素材的能力、理解實(shí)驗(yàn)?zāi)芰Α⒎治龊徒鉀Q程序設(shè)計中的問題的能力等。

四、成績考核方法：

要求：

1、課后試驗(yàn)作業(yè)每周一次。

2、期末考試采取理論考試為主、大作業(yè)（完整的個人網(wǎng)站）為輔的形式。

3、平時成績30%、期末成績70%，期末考試（筆試70%，大作業(yè)30%）。

五、教材與主要參考書目

教材：

路甬祥：《DreamweaverMX職業(yè)技能培訓(xùn)教程》，電子科技大學(xué)出版社，2004年3月。參考書： 位元文化：《CSS/HTML網(wǎng)頁設(shè)計》，中國鐵道鐵道出版社，2002年2月。

劉洪武：《網(wǎng)頁設(shè)計與制作（高職教材）》，大連理工大學(xué)出版社，2003年7月。李卓玲：《java程序設(shè)計語言》，大連理工大學(xué)出版社，2003年8月。

執(zhí)筆人： 審訂人：

第四篇：網(wǎng)頁設(shè)計與制作教學(xué)大綱

網(wǎng)頁設(shè)計與制作教學(xué)大綱

(供醫(yī)學(xué)影像學(xué)、護(hù)理學(xué)本科各專業(yè)用)

前 言

《網(wǎng)頁設(shè)計與制作》是一門應(yīng)用性和理論性都很強(qiáng)的課程，是醫(yī)學(xué)影像和護(hù)理學(xué)專業(yè)的選修課程。通過學(xué)習(xí)本課程使學(xué)生初步了解網(wǎng)頁制作及建立網(wǎng)站的基礎(chǔ)知識，掌握制作網(wǎng)頁和建立網(wǎng)站的技術(shù)。

總學(xué)時：18學(xué)時，實(shí)際教學(xué)中采用理論教學(xué)中穿插上機(jī)實(shí)踐。

第一章 網(wǎng)頁設(shè)計基礎(chǔ)知識

一、目的和要求

(一)了解Internet的功能

(二)理解WWW和網(wǎng)頁、網(wǎng)站的相關(guān)概念(三)了解常用的網(wǎng)頁制作工具(四)理解建設(shè)網(wǎng)站的基本方法和思路

二、教學(xué)內(nèi)容

(一)網(wǎng)頁基本概念:了解網(wǎng)頁、網(wǎng)站、萬維網(wǎng)（www）、瀏覽器、統(tǒng)一資源定位符（URL）、IP地址、域名、超級鏈接、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的基本概念。

(二)網(wǎng)頁設(shè)計的相關(guān)知識

1、設(shè)計網(wǎng)頁的原則: 了解網(wǎng)頁設(shè)計的基本原則。

2、網(wǎng)頁設(shè)計的一般步驟:了解網(wǎng)頁設(shè)計的一般步驟。

3、Web服務(wù)器架構(gòu):了解Web服務(wù)器的概念、會建立IIS，會進(jìn)行Web站點(diǎn)的設(shè)置與管理。

4、網(wǎng)頁制作的常用工具:了解Frontpage、Macromedia Dreamweaver、記事本；了解圖像處理工具Photoshop,Firework，了解動畫制作工具：Macromedia Flash等。

5、客戶端技術(shù)：了解HTML、DHTML、XML的概念。

6、服務(wù)器端技術(shù)：了解ASP、PHP、Java的概念。

第二章 HTML語言

一、目的和要求

(一)熟悉HTML標(biāo)記語言的基礎(chǔ)知識；(二)熟悉HTML語法基礎(chǔ)；

(三)掌握文本格式標(biāo)記、列表標(biāo)記、表格標(biāo)記、表單及表單控件標(biāo)記，熟練利用標(biāo)記編寫頁面代碼；(四)掌握超鏈接、圖像、音樂及流動字幕的設(shè)置方法。

二、教學(xué)內(nèi)容

(一)HTML語言基本概念：了解HTML、超文本、Web頁的概念。(二)HTML文檔架構(gòu):掌握HTML文檔基本架構(gòu)。(三)

HTML常用標(biāo)記

1、掌握文本格式標(biāo)記：,,,。

2、掌握段落格式標(biāo)記：,,

5、掌握多媒體標(biāo)記：,,。

7、掌握超鏈接標(biāo)記：。

8、掌握表格標(biāo)記：

9、掌握框架標(biāo)記：。

10、掌握表單及表單域標(biāo)記：

第三章 Dreamweaver 8網(wǎng)頁設(shè)計

一、目的和要求

(一)熟悉Dreamweaver 8操作界面；(二)掌握Dreamweaver 8建立與管理站點(diǎn)；

(三)掌握如何使用Dreamweaver 8對文本、圖像、表格進(jìn)行插入與編輯；(四)掌握如何使用Dreamweaver 8創(chuàng)建超鏈接、表單、樣式表；(五)掌握如何在Dreamweaver 8中使用層與框架。

二、教學(xué)內(nèi)容

(一)Dreamweaver 8基礎(chǔ)知識:會啟動、關(guān)閉中文Dreamweaver 8，了解Dreamweaver 8的功能、主窗口，標(biāo)題欄、菜單欄、工具欄、網(wǎng)頁編輯窗口、狀態(tài)欄、屬性面板、浮動控制面板組。

(二)站點(diǎn)的建立：熟練掌握利用Dreamweaver 8建立站點(diǎn)、管理站點(diǎn)。

(三)Dreamweaver 8頁面設(shè)計: 熟練掌握利用Dreamweaver 8插入文字、插入圖像、插入表格、插入超鏈接、插入媒體元素、插入表單，會使用樣式表控制頁面格式。

(四)頁面布局:熟練掌握利用表格控制頁面布局，會使用框架進(jìn)行特殊的頁面布局，了解利用層實(shí)現(xiàn)頁面布局。

第四章 VBScript腳本語言

一、目的和要求

(一)了解VBScript的基本概念；(二)熟練掌握VBScript語法；

(三)熟練掌握VBScript的sub過程與function函數(shù)；(四)會使用VBScript進(jìn)行簡單編程。

二、教學(xué)內(nèi)容

(一)VBScript的基本概念

1、了解在網(wǎng)頁中如何嵌入VBScript。、了解VBScript語句書寫規(guī)則、數(shù)據(jù)類型、變量、常量、運(yùn)算符和內(nèi)置函數(shù)的概念。(二)

VBScript的過程與函數(shù)

1、熟練掌握VBScript中SUB過程的建立。

2、熟練掌握VBScript中FUNCTION（）函數(shù)的使用。

（三）程序設(shè)計流程:了解條件語句和循環(huán)控制語句

（四）VBScript對象的使用：掌握Window對象、History對象、Form對象的語法格式及使用方法。

并利用案例熟悉對象。

第五章 ASP動態(tài)網(wǎng)頁制作

一、目的和要求

(一)深刻理解動態(tài)網(wǎng)頁技術(shù)和靜態(tài)網(wǎng)頁技術(shù)的區(qū)別和聯(lián)系。(二)掌握ASP運(yùn)行環(huán)境的搭建方法及建立ASP動態(tài)網(wǎng)站的一般方法。(三)理解Request和Response對象的作用，熟練掌握其使用方法。(四)

能夠綜合運(yùn)用網(wǎng)頁設(shè)計方法創(chuàng)建動態(tài)網(wǎng)站。

二、教學(xué)內(nèi)容

(一)ASP概述：了解ASP的概念，ASP的工作過程，ASP與HTML的區(qū)別。(二)

ASP動行環(huán)境：IIS的安裝，IIS下站點(diǎn)的建立與管理。

(三)ASP的內(nèi)建對象：掌握Request對象，Request對象可訪問的變量Querystring、form、cookies和server variable；掌握Response對象，Response對象提供的方法write,redirect,end的使用。

(四)ASP動態(tài)網(wǎng)站的創(chuàng)建：利用ASP技術(shù)驗(yàn)證表單中用戶填寫的信息。

第六章 網(wǎng)站制作實(shí)例

一、目的和要求

(一)鞏固Dreamweaver 8中網(wǎng)站設(shè)計的基本方法；(二)鞏固編制HTML和ASP代碼的方法；(三)綜合運(yùn)用所學(xué)知識設(shè)計制作小型網(wǎng)站。

二、教學(xué)內(nèi)容

(一)網(wǎng)站的規(guī)劃設(shè)計：確定網(wǎng)站的主題和名稱，確定網(wǎng)站的形象，確定網(wǎng)站的欄目，確定網(wǎng)站的目錄結(jié)構(gòu)，確定網(wǎng)站的鏈接結(jié)構(gòu)，網(wǎng)站的整體風(fēng)格，首頁的設(shè)計，站點(diǎn)的創(chuàng)建。(二)

靜態(tài)網(wǎng)頁設(shè)計(三)

動態(tài)網(wǎng)頁設(shè)計

教材：李京文主編，網(wǎng)頁設(shè)計與制作，高等教育出版社，2012。

李京文主編，網(wǎng)頁設(shè)計與制作實(shí)訓(xùn)與考試指導(dǎo)，高等教育出版社，2012。

參考書：曾鴻主編，網(wǎng)頁設(shè)計與制作高等教育出版社，2009。

第五篇：《網(wǎng)頁設(shè)計與制作》教學(xué)大綱(精)

《網(wǎng)頁設(shè)計與制作》教學(xué)大綱 萬博學(xué)院計算機(jī)系：劉延芳

一、程的性質(zhì)與目的：

《網(wǎng)頁設(shè)計與制作》是信息技術(shù)專業(yè)以及與信息技術(shù)有關(guān)的專業(yè)的基礎(chǔ)課。本課是集于理論與實(shí)踐一體的綜合應(yīng)用課程。通過學(xué)習(xí)本課程學(xué)生初步掌握制作網(wǎng)頁和建立網(wǎng)站的技術(shù)。

二、課程的基本要求：

了解網(wǎng)頁制作和網(wǎng)站建設(shè)所需的基本知識，理解HTML語言和CSS樣式個屬性以及JavaScript語言的基本知識，掌握網(wǎng)頁制作和網(wǎng)站建設(shè)所需的基本技能。根據(jù)任務(wù)需求能夠建立客戶端的的靜態(tài)網(wǎng)頁和網(wǎng)站。

三、選修課程要求：

先修《計算機(jī)應(yīng)用基礎(chǔ)》、《Internet》、《flash》和《photoshop》等課程。

四、課程教學(xué)內(nèi)容要點(diǎn)：

第一章 網(wǎng)頁基本常識

1.WWW網(wǎng)站以及相關(guān)知識 2.網(wǎng)頁基本元素 3.HTML語言簡介

要求：了解www網(wǎng)站的相關(guān)知識；掌握HTML語言以及相關(guān)技術(shù)；

第二章 網(wǎng)站設(shè)計及其工具

1.網(wǎng)站與網(wǎng)頁

2.規(guī)劃網(wǎng)站設(shè)計流程 3.設(shè)計工具選擇

4.遠(yuǎn)程站點(diǎn)的管理——FTP上傳下載軟件的使用

要求：制作工具Frontpage的介紹；與dreamwear工具區(qū)別與聯(lián)系了解web站點(diǎn)的申請過程；掌握FTP上傳下載軟件的使用；

第三章 網(wǎng)站制作

1.建立網(wǎng)站

2.主頁設(shè)計與制作] 3.表格制作

4.創(chuàng)建表單和框架頁面 5.發(fā)布網(wǎng)站及其維護(hù)

要求：了解網(wǎng)站導(dǎo)航以及網(wǎng)頁中超級鏈接的作用；掌握不同鏈接源(包括圖片熱點(diǎn))鏈接各種文件的方法；掌握web站點(diǎn)的申請過程；建立本地站點(diǎn)的必要性、原理和原則掌握如何規(guī)劃站點(diǎn)；掌握創(chuàng)建Web站點(diǎn)的基本方法與步驟，并能夠管理站點(diǎn)

第四章 讓網(wǎng)頁美起來

1.Web上的圖形 2.網(wǎng)頁中色彩選擇

3.使用photoshop設(shè)計圖形 4.使用Flash創(chuàng)建動畫等

要求： 了解網(wǎng)頁藝術(shù)設(shè)計的必要性和原則；掌握網(wǎng)頁布局、圖片和動畫的設(shè)計方法和原則，掌握綜合應(yīng)用photoshop設(shè)計圖形使用Flash創(chuàng)建動畫等

第五章 網(wǎng)頁編程 1.網(wǎng)頁編程基礎(chǔ)

2.VBScript語言編程 3.JavaScript語言編程 4.網(wǎng)頁編程實(shí)例

要求：了解JavaScript語言基礎(chǔ)知識，VBScript語言知識

第六章 網(wǎng)頁技術(shù)進(jìn)階

1.動態(tài)網(wǎng)頁編程（DHTML）2.用CSS來控制元素

3.虛擬現(xiàn)實(shí)網(wǎng)頁編程VRML 要求：掌握使用CSS樣式美化超級鏈接的方法；理解標(biāo)記a以及各個屬性；理解CSS選擇器中四個狀態(tài)；

第七章 設(shè)計個人主頁

1.個人主頁制作的一般步驟 2.個人主頁設(shè)計舉例

要求：綜合所學(xué)知識，制作精美，合理，科學(xué)個人網(wǎng)站。并具有實(shí)際意義。可制作一個公司網(wǎng)站作為提高性實(shí)例

五、課時分配：

總學(xué)時：72學(xué)時課堂講解＋54學(xué)時上機(jī)操作 ［教學(xué)章節(jié)學(xué)時分配］

第一章 網(wǎng)頁基本常識

第二章 網(wǎng)站設(shè)計及其工具

第三章 網(wǎng)站制作第四章 讓網(wǎng)頁美起來第五章 網(wǎng)頁編程第六章 網(wǎng)頁技術(shù)進(jìn)階第七章 設(shè)計個人主頁

六、大綱說明：

1、教學(xué)設(shè)計思想

本課程是一門實(shí)踐與理論相結(jié)合的課程，應(yīng)采用案例教學(xué)法，應(yīng)該充分利用互聯(lián)網(wǎng)上現(xiàn)成的、實(shí)際的網(wǎng)站。

2、考試方式和成績評定 本課程是考試課。采用期末上機(jī)考試與平時上機(jī)實(shí)驗(yàn)成績結(jié)合的考核方式。期末占總評60%，平時成績占總評40%。

3、作業(yè)要求

作業(yè)要以實(shí)踐性作業(yè)為主，理論性作業(yè)為輔；以綜合性大作業(yè)為主，小作業(yè)為輔。要體現(xiàn)因材施教，作業(yè)應(yīng)該有一定的選擇余地，有難有易