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

1、網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)大綱課程編號(hào)：14411400 課程總學(xué)時(shí)：48 周學(xué)時(shí)數(shù):學(xué)分：3課程類型:專業(yè)必修課開課（系）院：教育學(xué)院執(zhí)筆人：朱玲 審核人：劉梅、課程簡(jiǎn)介網(wǎng)頁(yè)設(shè)計(jì)與制作是一門綜合性、應(yīng)用性很強(qiáng)的課程，是教育技術(shù)學(xué)專業(yè)的一門專業(yè)必修課程。通過學(xué)習(xí)本課程，能利用Dreamweaver 8來(lái)開發(fā)出有實(shí)用價(jià)值的網(wǎng)站來(lái)。熟練掌握Dreamweaver 8的基本界面環(huán)境和HTM語(yǔ)法，了解當(dāng)前常用數(shù)據(jù)庫(kù)的基礎(chǔ)知 識(shí)，能利用數(shù)據(jù)庫(kù)來(lái)為網(wǎng)站服務(wù)。本課程以Dreamweaver8中文版網(wǎng)頁(yè)制作基礎(chǔ)作為教材，該教材采用項(xiàng)目教學(xué)法。項(xiàng)目教學(xué)法”是通過實(shí)施一個(gè)完整的項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)，其目的是在課堂教學(xué)中把

2、理論與實(shí)踐教學(xué)有機(jī)地結(jié)合起來(lái)，充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的綜 合能力。這也充分體現(xiàn)了我校的培養(yǎng)應(yīng)用型人才的路線。、教學(xué)目的與要求1教學(xué)目的Dreamweaver 8提供的強(qiáng)大的功能制作出精美的本課程開設(shè)的主要目的，是為了適應(yīng) web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁(yè)制作打下基礎(chǔ)。通過本課 程的學(xué)習(xí)，使學(xué)生了解如何規(guī)劃并建立站點(diǎn)，掌握制作網(wǎng)頁(yè)的基礎(chǔ)知識(shí)，能熟練利用 網(wǎng)站。2教學(xué)要求在本課程的學(xué)習(xí)中，要求學(xué)生能夠熟練使用Dreamweaver 8操作環(huán)境，掌握HTMLi勺語(yǔ)法規(guī)則，并能夠利用 Dreamweaver 8的強(qiáng)大 功能制做出精美的網(wǎng)頁(yè)，同時(shí)能獨(dú)立創(chuàng)

3、建并管理網(wǎng)站。三、教學(xué)內(nèi)容及學(xué)時(shí)安排第一章 Dreamweaver 8 概論教學(xué)目的與要求1. 認(rèn)識(shí) Dreamweaver 82. 了解Dreamweaver 8的用途及新增功能3.熟悉Dreamweaver 8的工作界面4.熟悉Dreamweaver 8的一些簡(jiǎn)單的設(shè)置 重點(diǎn)與難點(diǎn)1. Dreamweaver 8的工作界面2. 自定義工作環(huán)境3. 選擇視圖方式 教學(xué)時(shí)數(shù)3學(xué)時(shí) 教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、什么是 Dreamweaver 、新增功能 、Dreamweaver 8 的工作界面（一）選擇工作界面 （二）界面組成四、自定義工作環(huán)境（一）顯示/隱藏面板和工具欄

4、（二）更改“插入”工具欄的外觀 （三）自由組合面板 （四）調(diào)整文檔窗口大小五、選擇視圖方式（一）代碼視圖 （二）設(shè)計(jì)視圖（三）代碼和設(shè)計(jì)視圖實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：熟悉Dreamweaver8操作環(huán)境實(shí)驗(yàn)課時(shí)：2學(xué)時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 如何使一個(gè)控制面板成為一個(gè)獨(dú)立的面板?2. 如何將文檔窗口調(diào)整為640X 480像素大小?第二章 網(wǎng)頁(yè)與網(wǎng)站的基本知識(shí)教學(xué)目的與要求1. 了解網(wǎng)頁(yè)的設(shè)計(jì)與布局原則2. 明確網(wǎng)站的策劃與創(chuàng)建原則3. 知道網(wǎng)站的開發(fā)流程 重點(diǎn)與難點(diǎn)1. 網(wǎng)頁(yè)的設(shè)計(jì)與布局原則2. 網(wǎng)站的策劃與創(chuàng)建原則3. 網(wǎng)站的開發(fā)流程教學(xué)時(shí)數(shù)3學(xué)時(shí)教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合

5、主要內(nèi)容、網(wǎng)頁(yè)設(shè)計(jì)和布局原則網(wǎng)頁(yè)主題網(wǎng)頁(yè)主題時(shí)應(yīng)該遵循以下原則: 網(wǎng)頁(yè)命名和標(biāo)志 網(wǎng)頁(yè)的色彩（四）網(wǎng)頁(yè)的文字（五）網(wǎng)頁(yè)中的表格（六）網(wǎng)頁(yè)版面和布局、策劃與創(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.簡(jiǎn)述網(wǎng)站開發(fā)需要經(jīng)過的幾個(gè)主要階段。2. 簡(jiǎn)述制作網(wǎng)頁(yè)需要注意的問題。第三章HTML語(yǔ)言控制教學(xué)目的與要求1.掌握HTM語(yǔ)言及其基本語(yǔ)法2.如何制定及清理多余的HTML弋碼3. 掌握在各種環(huán)境中編輯 HTML弋碼的方法重點(diǎn)與難點(diǎn)1. HTM啲基本語(yǔ)法2.

6、使用代碼檢查器3.設(shè)置HTML弋碼參數(shù)4.清理多余的HTML弋碼5.編輯HTML弋碼教學(xué)時(shí)數(shù)3學(xué)時(shí)教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合主要內(nèi)容、什么是HTML、HTML的基本語(yǔ)法三、認(rèn)識(shí)“代碼檢查器”面板）“代碼檢查器”面板的功能（二）332 設(shè)置“代碼檢查器”面板四、設(shè)置HTML弋碼參數(shù)（一）設(shè)置代碼顏色 （二）設(shè)置代碼格式 （三）設(shè)置代碼改寫參數(shù)五、清理HTML弋碼六、編輯HTML弋碼（一）在代碼視圖中編輯 HTML（二）在設(shè)計(jì)視圖中編輯 HTML（三）在外部代碼編輯器中編輯 HTML 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié) 課堂訓(xùn)練、作業(yè)思考題1.如何清除多余的HTML弋碼和多余的word代碼?第四章設(shè)置文

7、本和網(wǎng)頁(yè)屬性教學(xué)目的與要求1. 了解文檔的新建、保存和打開2. 掌握怎樣輸入文本、查找和替換、檢查拼寫、設(shè)置文本和段落3. 掌握使用水平分隔線和設(shè)置網(wǎng)頁(yè)屬性等重點(diǎn)與難點(diǎn)1.文檔的基本操作2.輸入文本4.拼寫檢查5.格式化文本3.查找與替換6.使用水平分隔線7.設(shè)置網(wǎng)頁(yè)屬性 教學(xué)時(shí)數(shù)3學(xué)時(shí) 教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、文檔的基本操作（一）啟動(dòng)Dreamweaver 8主工作界面（二）新建文檔 “新建文檔”對(duì)話框（三）保存新文檔（四）打開文檔、輸入文本（一）文本換行（二）插入特殊字符（三）導(dǎo)入Word文檔三、查找與替換“查找和替換”對(duì)話框 四、拼寫檢查“檢查拼寫”對(duì)話框（四）

8、添加注釋五、格式化文本（一）文本屬性欄（二）設(shè)置文本格式（三）設(shè)置段落格式六、使用水平分隔線（一 ）461添加水平分隔線（二）462修改屬性（三）463設(shè)置顏色七、設(shè)置網(wǎng)頁(yè)屬性（一 ）4.7.1 使用“頁(yè)面屬性”對(duì)話框（二）4.7.2使用網(wǎng)頁(yè)配色方案 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第 4、5、9、12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 如何使啟動(dòng)程序不顯示起始頁(yè)?2. 簡(jiǎn)述創(chuàng)建一個(gè)空白文檔的過程。第五章使用網(wǎng)頁(yè)圖像教學(xué)目的與要求1. 了解網(wǎng)頁(yè)圖像的基本概念2. 掌握如何插入圖像、如何編輯圖像3. 掌握如何創(chuàng)建圖像映射即熱點(diǎn) 重點(diǎn)與難點(diǎn)1. 網(wǎng)頁(yè)圖像的格式2. 插入圖像3.

9、 編輯圖像4. 創(chuàng)建圖像映射 教學(xué)時(shí)數(shù)3學(xué)時(shí) 教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、網(wǎng)頁(yè)圖像簡(jiǎn)述（二）矢量圖像（三）常見網(wǎng)頁(yè)圖像格式（一）位圖圖像、插入圖像（一）插入普通圖像（二）插入鼠標(biāo)經(jīng)過時(shí)變化的圖像（三）插入網(wǎng)頁(yè)背景圖像三、編輯圖像（一 ）531調(diào)整圖像大?。ǘ?32剪掉圖像的多余部分（三）533調(diào)整圖像的亮度和對(duì)比度（四）5.3.4銳化圖像（五）5.3.5圖像的排列方式（六）5.3.6設(shè)置圖像間距（七）5.3.7用文字代替圖像（八）5.3.8使用圖像編輯器四、創(chuàng)建圖像映射（一 ）541什么是圖像映射圖（二）542圖像映射面板（三）5.4.3定義和編輯熱點(diǎn)（四）544為熱點(diǎn)

10、建立鏈接 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié) 實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第 4、5、9、12章） 實(shí)驗(yàn)課時(shí)：2學(xué)時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 如何在網(wǎng)頁(yè)中用文字代替圖像?2. 如何為熱點(diǎn)建立鏈接?第六章創(chuàng)建和使用表格教學(xué)目的與要求1. 掌握表格的創(chuàng)建和使用、表格的編輯和修改2. 掌握表格的套用樣式和嵌套3. 掌握如何使用表格進(jìn)行頁(yè)面布局 重點(diǎn)與難點(diǎn)1.創(chuàng)建表格2.編輯表格3. 套用表格4. 表格的嵌套5. 使用表格進(jìn)行頁(yè)面布局 教學(xué)時(shí)數(shù)3學(xué)時(shí) 教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容一、創(chuàng)建表格（一）插入表格并添加內(nèi)容（二）導(dǎo)入表格數(shù)據(jù)文件、編輯表格（一）添加/刪除行列（二）調(diào)整表格大?。ㄈ┱{(diào)整行高和列

11、寬（四）合并/拆分單元格（五）設(shè)置單元格的寬度和高度（六）設(shè)置表格的邊框顏色（七）設(shè)置表格的背景 三、套用表格樣式 四、表格的嵌套 五、使用表格進(jìn)行頁(yè)面布局（一）布局模式（二）繪制布局單元格和布局表格（三）將內(nèi)容添加到布局單元格中（四）使用間隔圖像（五）更改布局表格和布局單元格的屬性實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁(yè)布局（第6、7、8章）實(shí)驗(yàn)課時(shí)：2課時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 簡(jiǎn)述合并和拆分單元格的幾種方法。2. 怎樣在布局表格中使用間隔圖像?第七章創(chuàng)建和使用框架教學(xué)目的與要求1. 理解框架和框架集的概念2. 掌握如何創(chuàng)建、選擇框架和框架集3. 掌握如何設(shè)置框架和框架集的屬性及編輯框架頁(yè)面 重

12、點(diǎn)與難點(diǎn)1.創(chuàng)建框架與框架集2.選擇框架與框架集的方法3. 設(shè)置框架與框架集的屬性4. 編輯框架頁(yè)面 教學(xué)時(shí)數(shù) 3學(xué)時(shí) 教學(xué)方法與手段 講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、什么是框架與框架集、創(chuàng)建框架與框架集（一）使用預(yù)定義創(chuàng)建框架集（二）自己設(shè)計(jì)框架集（三）刪除框架（四）創(chuàng)建嵌套框架集 三、選擇框架與框架集（一）在文檔窗口中選擇（二）在“框架”面板中選擇 四、設(shè)置框架與框架集屬性（一）設(shè)置框架屬性（二）設(shè)置框架集屬性五、編輯框架頁(yè)面（一 ）7.5.1設(shè)置框架中文檔的背景顏色（二）7.5.2使用鏈接控制框架內(nèi)容（三）7.5.3替換框架文件（四）7.5.4保存框架和框架集文件（五）7.5.5解決

13、瀏覽器無(wú)法顯示框架的問題實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁(yè)布局（第6、7、8章）實(shí)驗(yàn)課時(shí)：2課時(shí)課堂訓(xùn)練、作業(yè)思考題1. 如何刪除框架和框架集?2. 怎樣替換框架文件?第八章創(chuàng)建和使用層教學(xué)目的與要求1. 了解創(chuàng)建層 2.掌握設(shè)計(jì)層屬性、編輯層3. 掌握層和表格的轉(zhuǎn)換重點(diǎn)與難點(diǎn)1.創(chuàng)建層 2.設(shè)置層屬性3. 編輯層4. 層和表格的轉(zhuǎn)換教學(xué)時(shí)數(shù)3學(xué)時(shí)教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、創(chuàng)建層（一）創(chuàng)建平鋪式層（二）創(chuàng)建重疊式層（三）創(chuàng)建嵌入式層、設(shè)置層的屬性（一）設(shè)置層參數(shù)（二）設(shè)置單個(gè)層屬性（三）同時(shí)設(shè)置多個(gè)層的屬性二、編輯層（一）使用“層”面板 通過“層”面板可以管理文檔中的層。（

14、二）使用“層”面板可以防止層重疊、更改層的可見性、將層嵌套或?qū)盈B，以及選擇一個(gè)或多個(gè)層。（三）在層中添加內(nèi)容（四）選擇和移動(dòng)層（五）防止層重疊（六）改變層的堆疊次序（七）顯示/隱藏層（八）創(chuàng)建預(yù)先載入層（九）調(diào)整層的大小 四、層和表格的轉(zhuǎn)換層（一）將層轉(zhuǎn)換成表格（二）將表格轉(zhuǎn)換成層實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁(yè)布局（第6、7、8章）實(shí)驗(yàn)課時(shí)：2課時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 如何創(chuàng)建預(yù)先載入層?2. 簡(jiǎn)述表格與層的轉(zhuǎn)換方法。第九章表單教學(xué)目的與要求1. 了解表單與表單元素的基本概念2. 掌握表單的創(chuàng)建及表單元素的插入和設(shè)置方法3. 掌握檢查表單以驗(yàn)證表單元素正確性 重點(diǎn)與難點(diǎn)1.表單的創(chuàng)建2.

15、插入與設(shè)置文本域和文本區(qū)域3.插入與設(shè)置復(fù)選框、單選按鈕和單選按鈕組4.插入與設(shè)置列表框和彈出菜單5.插入與設(shè)置跳轉(zhuǎn)菜單6.插入與設(shè)置文件域7.插入與設(shè)置表單按鈕8.檢查表單教學(xué)時(shí)數(shù) 3學(xué)時(shí) 教學(xué)方法與手段 講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、表單與表單元素（一）表單（二）表單元素、表單（一）創(chuàng)建表單（二）設(shè)置表單屬性 三、文本域和文本區(qū)域（一）插入文本域（二）設(shè)置文本域的屬性（三）插入文本區(qū)域 四、復(fù)選框、單選按鈕和單選按鈕組（一）插入單選按鈕與復(fù)選框（二）設(shè)置單選按鈕與復(fù)選框的屬性 五、列表框和彈出菜單（一）插入列表框與彈出菜單（二）設(shè)置列表/菜單屬性（三）跳轉(zhuǎn)菜單（四）文件域（五）表單按

16、鈕（六）標(biāo)準(zhǔn)表單按鈕（七）圖片式按鈕（八）檢查表單實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目1:插入網(wǎng)頁(yè)對(duì)象（第4、5、9、12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí)實(shí)驗(yàn)項(xiàng)目2:表單對(duì)象實(shí)驗(yàn)課時(shí)：2課時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 文本域與文本區(qū)域有何區(qū)別?2. 如何插入跳轉(zhuǎn)菜單?第十章添加超級(jí)鏈接和導(dǎo)航工具條教學(xué)目的與要求1.掌握在Dreamweaver 8中創(chuàng)建超級(jí)鏈接的基本方法;2. 了解超級(jí)鏈接的種類：包括內(nèi)部、外部超級(jí)鏈接、為E-mail和下載文件添加超級(jí)鏈接、使用錨點(diǎn)和導(dǎo)航條工具等內(nèi)容。重點(diǎn)與難點(diǎn)1、內(nèi)部超級(jí)鏈接的使用方法;2、外部超級(jí)鏈接的使用方法;3、為圖片添加超級(jí)鏈接;4、為E-mail創(chuàng)建超級(jí)鏈接;5、設(shè)置下載

17、文件鏈接；6錨點(diǎn)的創(chuàng)建方法；7、導(dǎo)航條的創(chuàng)建方法;教學(xué)時(shí)數(shù)3學(xué)時(shí) 教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、什么是超級(jí)鏈接（一）超級(jí)鏈接的概念、使用內(nèi)部超級(jí)鏈接（一 ）1021為文字添加超級(jí)鏈接（二）鏈接路徑（二）10.2.2設(shè)置文字超級(jí)鏈接的屬性（三）1023為圖片添加超級(jí)鏈接 三、外部超級(jí)鏈接 四、為E-mail和下載文件添加超級(jí)鏈接（一） 為E-mail添加超級(jí)鏈.（二）為下載文件添加超級(jí)鏈接 五、使用錨點(diǎn)（一）倉(cāng)錨點(diǎn)（二）鏈接錨點(diǎn) 六、使用導(dǎo)航工具條（一）插入導(dǎo)航條（二）修改導(dǎo)航條 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié) 課堂訓(xùn)練、作業(yè)思考題1.簡(jiǎn)述超級(jí)鏈接的分類。2.如何創(chuàng)建錨點(diǎn)?第一章層疊樣式表

18、教學(xué)目的與要求1.掌握CSS的基本語(yǔ)法與功能、“ 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í)數(shù)3學(xué)時(shí)教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合主要內(nèi)容一、層疊樣式表概述（一）什么是css（二）CSS的基本語(yǔ)法、CSS樣式的創(chuàng)建、編輯與導(dǎo)出（一）認(rèn)識(shí)“ CSS樣式”面板（二）認(rèn)識(shí)“相關(guān)CSS面板（三）創(chuàng)建CSS樣式（四）導(dǎo)出樣式以創(chuàng)建CSS樣式表（五）管理CSS樣式（六）鏈接和導(dǎo)出外部樣式表（七）編

19、輯CSS樣式（八）編輯外部樣式表三、應(yīng)用類樣式（二）刪除自定義的CSS樣式 四、設(shè)置CSS樣式屬性（一）應(yīng)用自定義的CSS樣式“類型”選項(xiàng)“背景”選項(xiàng)“區(qū)塊”選項(xiàng)“方框” “邊框” “列表”“定位”“擴(kuò)展”選項(xiàng)五、CSS樣式的優(yōu)先順序?qū)嶒?yàn)實(shí)踐教學(xué)環(huán)節(jié) 課堂訓(xùn)練、作業(yè)思考題1.簡(jiǎn)述CSS樣式的作用。2.簡(jiǎn)述創(chuàng)建CSS樣式的方法。第十二章插入多媒體組件教學(xué)目的與要求1.掌握插入Flash動(dòng)畫、Shockwave電影2.掌握插入Applet程序、ActiveX控件和插件等內(nèi)容重點(diǎn)與難點(diǎn)1.添加Flash動(dòng)畫。2.添加Shockwave電影。3.添加 Java Applet 程序。4.使用Active

20、X控件。5.使用插件。6. 添加聲音背景和聲音文件。7. 插入日期和時(shí)間。教學(xué)時(shí)數(shù)3學(xué)時(shí)教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合主要內(nèi)容、插入多媒體文件簡(jiǎn)介 、添加Flash動(dòng)畫（一）插入Flash動(dòng)畫（二）設(shè)置Flash動(dòng)畫屬性（三）參數(shù)簡(jiǎn)介三、插入Shockwave電影（一）插入Shockwave電影（二）設(shè)置Shockwave電影屬性四、插入Java Applet程序（一）插入 Java Applet程序（二） 設(shè)置 Java Applet五、設(shè)置ActiveX控件屬性六、設(shè)置 Netscape Navigator（一）插入插件插件（二）設(shè)置插件屬性七、在網(wǎng)頁(yè)中添加聲音（一）聲音文件格式（

21、二）為網(wǎng)頁(yè)加入背景音樂（三）嵌入聲音文件八、插入日期和時(shí)間九、使用計(jì)數(shù)器 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第4、5、9、12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí) 課堂訓(xùn)練、作業(yè)思考題1. 簡(jiǎn)述可以插入的多媒體組件的種類。2. 如何在網(wǎng)頁(yè)中嵌入聲音文件?3.應(yīng)用行為第十三章生成動(dòng)態(tài)特效教學(xué)目的與要求1. 了解行為的含義2.掌握應(yīng)用Dreamweaver 8中內(nèi)置的各種行為、為對(duì)象附加行為及獲取更多的行為重點(diǎn)與難點(diǎn)1.了解行為2.了解Dreamweaver 8的內(nèi)置行為教學(xué)時(shí)數(shù) 3學(xué)時(shí)教學(xué)方法與手段講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、什么是行為、Dreamweaver 8 中的行為（一）認(rèn)識(shí)行為面板（二）

22、內(nèi)置行為三、應(yīng)用行為（一）為對(duì)象附加行為（二）獲得更多的行為四、動(dòng)態(tài)特效實(shí)例（一）改變對(duì)象屬性（二）檢查瀏覽器（三）檢查插件（四）制作彈出窗口（五）制作動(dòng)態(tài)圖片說(shuō)明（六）設(shè)置狀態(tài)欄信息（七）設(shè)置播放聲音 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)實(shí)驗(yàn)項(xiàng)目：制作動(dòng)態(tài)網(wǎng)頁(yè)實(shí)驗(yàn)課時(shí)：3課時(shí) 課堂訓(xùn)練、作業(yè)思考題1.簡(jiǎn)述改變層屬性的方法。2. 簡(jiǎn)述單擊某按鈕時(shí)發(fā)出聲音特效的制作方法。第十四章庫(kù)與模版教學(xué)目的與要求1. 掌握如何創(chuàng)建和設(shè)置庫(kù)項(xiàng)目，為網(wǎng)頁(yè)添加庫(kù)項(xiàng)目和編輯庫(kù)項(xiàng)目2.掌握如何創(chuàng)建、設(shè)置模板的網(wǎng)頁(yè)屬性3. 掌握如何導(dǎo)入導(dǎo)出XML內(nèi)容 重點(diǎn)與難點(diǎn)1.設(shè)置庫(kù)項(xiàng)目參數(shù)2.編輯庫(kù)項(xiàng)目3.利用庫(kù)項(xiàng)目更新網(wǎng)站4.使用模板創(chuàng)建網(wǎng)頁(yè)（二

23、）刪除與重命名庫(kù)項(xiàng)目5.修改模板屬性6.導(dǎo)入導(dǎo)出XML內(nèi)容教學(xué)時(shí)數(shù) 3學(xué)時(shí) 教學(xué)方法與手段 講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、庫(kù)與模版概述、使用庫(kù)項(xiàng)目（一）創(chuàng)建庫(kù)項(xiàng)目（二）將庫(kù)項(xiàng)目添加到網(wǎng)頁(yè)三、編輯庫(kù)項(xiàng)目（一）認(rèn)識(shí)庫(kù)項(xiàng)目屬性面板（三）修改庫(kù)項(xiàng)目四、利用庫(kù)項(xiàng)目更新網(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. 更改了庫(kù)項(xiàng)目或模版后，如何更新網(wǎng)站?第十五章規(guī)劃和設(shè)計(jì)站點(diǎn)教學(xué)目的與要求1.掌握站點(diǎn)的規(guī)劃和

24、設(shè)計(jì)知識(shí)2. 掌握本地和遠(yuǎ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í)數(shù) 3學(xué)時(shí) 教學(xué)方法與手段 講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、關(guān)于站點(diǎn)規(guī)劃和設(shè)計(jì)二、關(guān)于本地與遠(yuǎn)程的幾個(gè)概念（一）本地計(jì)算機(jī)和In ternet服務(wù)器三、創(chuàng)建本地站點(diǎn)四、設(shè)置本地和遠(yuǎn)程文件夾（一）設(shè)置本地文件夾（二）設(shè)置遠(yuǎn)程文件夾（三）為FTP訪問選擇主機(jī)目錄（四）設(shè)置遠(yuǎn)程文件夾時(shí)應(yīng)注意的事項(xiàng)五、管理Web站點(diǎn)（一）導(dǎo)入與導(dǎo)出站點(diǎn)（二）從站點(diǎn)列表中刪除站點(diǎn)（三）獲取和上傳文件（四）同步本地和遠(yuǎn)程站點(diǎn)上的文件（五

25、）遮蓋站點(diǎn)中的文件夾和文件（六）使用設(shè)計(jì)備注 實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié) 課堂訓(xùn)練、作業(yè)思考題1. 簡(jiǎn)述應(yīng)用定義站點(diǎn)高級(jí)選項(xiàng)卡定義站點(diǎn)的過程。第十六章上傳站點(diǎn)教學(xué)目的與要求1. 了解如何申請(qǐng)個(gè)人網(wǎng)站空間2. 知道到哪里去下載免費(fèi)網(wǎng)站空間3. 了解如何將網(wǎng)站上傳到WW服務(wù)器以及如何推廣網(wǎng)站等 重點(diǎn)與難點(diǎn)1.申請(qǐng)網(wǎng)站空間2.上傳站點(diǎn)3. 網(wǎng)站的宣傳和推廣 教學(xué)時(shí)數(shù) 3學(xué)時(shí) 教學(xué)方法與手段 講授法與多媒體教學(xué)相結(jié)合 主要內(nèi)容、申請(qǐng)網(wǎng)站空間（一）選擇網(wǎng)站空間上傳站點(diǎn)（一） 設(shè)置本地服務(wù)器地址（二）申請(qǐng)方法（二）傳送站點(diǎn)三、宣傳和推廣（一）用E-mail形式來(lái)宣傳 （二）在BBS或新聞組中宣傳（三）在搜索引擎網(wǎng)站

26、中宣傳（四）廣告與友情鏈接（五）在Dreamweaver 8中插入關(guān)鍵詞與描述實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)課堂訓(xùn)練、作業(yè)思考題1.簡(jiǎn)述申請(qǐng)個(gè)人免費(fèi)網(wǎng)絡(luò)空間的方法。、教學(xué)方法與手段本課程采用講授法、演示法、實(shí)驗(yàn)法、討論法、探究式等多種教學(xué)方法進(jìn)行教學(xué)，教學(xué)手段采用了傳統(tǒng)教具、多媒體投影以及計(jì) 算機(jī)網(wǎng)絡(luò)等。四、教材與教學(xué)參考書1孫印杰，薛書琴，俞露等編著.新世界Dreamweaver 8中文版應(yīng)用教.電子工業(yè)出版社，2008.2希望圖書創(chuàng)作室編著.Dreamweaver （中文版）8標(biāo)準(zhǔn)教程.兵器工業(yè)出版社，2007.3楊聰，韓小祥，周國(guó)輝主編.Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)案例實(shí)訓(xùn)教程.中國(guó)人民大學(xué)出版社，2009.4五、葛艷玲主編.