《DreamWeaverCS5案例教程》教學(xué)大綱

《DreamWeaverCS5案例教程》教學(xué)大綱

一、說明

1、課程的性質(zhì)和內(nèi)容

《DreamWeaverCS5案例教程》課程是計(jì)算機(jī)應(yīng)用技術(shù)、電子商務(wù)等專業(yè)的一門核心課程，也是其他計(jì)算機(jī)專業(yè)的普及型課程。內(nèi)容主要涵蓋了文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標(biāo)記及屬性，全面介紹WEB站點(diǎn)設(shè)計(jì)的基本操作技術(shù)和使用技巧。

2、課程的任務(wù)和要求

通過本課程的學(xué)習(xí)，要求學(xué)生掌握靜態(tài)網(wǎng)頁(yè)的制作方法、熟悉站點(diǎn)的上傳和維護(hù)并能夠獨(dú)立解決網(wǎng)頁(yè)編輯中遇到的一般問題，能熟練運(yùn)用Dreamweaver進(jìn)行網(wǎng)站的導(dǎo)入、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能；能熟練掌握表格、表單、框架、CSS樣式、行為和事件、模板和庫(kù)及動(dòng)態(tài)網(wǎng)頁(yè)的制作等知識(shí)點(diǎn)，能實(shí)現(xiàn)網(wǎng)頁(yè)的交互和特殊效果；能維護(hù)、管理和設(shè)計(jì)WEB應(yīng)用程序；能獨(dú)立設(shè)計(jì)小型WEB站點(diǎn)。

3、教學(xué)中應(yīng)注意的問題

《Dreamweaver CS5案例教程》課程采用課堂講授、多媒體教學(xué)、案例教學(xué)、上機(jī)實(shí)訓(xùn)等多種教學(xué)組織方法和手段。1、理論課教學(xué)采用多媒體課件等先進(jìn)教學(xué)手段進(jìn)行。充分利用計(jì)算機(jī)實(shí)驗(yàn)室，進(jìn)行各項(xiàng)實(shí)驗(yàn)和各種操作技能訓(xùn)練，從而加深對(duì)理論知識(shí)的理解和記憶。通過學(xué)生親自操作、反復(fù)訓(xùn)練，熟練掌握各種網(wǎng)頁(yè)制作工具的使用方法和網(wǎng)頁(yè)使用技巧，達(dá)到理論與實(shí)踐相結(jié)合的目的。2、《Dreamweaver CS5案例教程》精品課程網(wǎng)站是日常教學(xué)的支撐平臺(tái)，教學(xué)資源和在線學(xué)習(xí)都被整合到該網(wǎng)站中，通過網(wǎng)絡(luò)答疑，促進(jìn)教學(xué)相長(zhǎng)。授課教師提供一些網(wǎng)頁(yè)設(shè)計(jì)與制作方面的學(xué)習(xí)類網(wǎng)站和論壇供學(xué)生自主學(xué)習(xí)，通過這些專業(yè)網(wǎng)站，使學(xué)生獲取相關(guān)知識(shí)和信息，全面了解網(wǎng)頁(yè)制作的新技術(shù)、現(xiàn)狀及發(fā)展前景，提高學(xué)生學(xué)習(xí)興趣。

二、學(xué)時(shí)分配

 

模塊	名稱	總課時(shí)	講授	演示	實(shí)驗(yàn)	仿真
第一章 1-1 1-2	揭開Dreamweaver CS5的面紗 Dreamweaver CS5簡(jiǎn)介 Dreamweaver CS5的工作界面	2	1	1
第二章 2-1 2-2 2-3	為我們的網(wǎng)站安家（構(gòu)建站點(diǎn)） 創(chuàng)建本地站點(diǎn) 構(gòu)建站點(diǎn)結(jié)構(gòu) 管理本地站點(diǎn)	4	1	1	2
第三章 3-1 3-2	制作第一個(gè)文本頁(yè)面 設(shè)置頁(yè)面頭內(nèi)容 網(wǎng)頁(yè)中的文本與文檔	6	2	2	2
第四章 4-1 4-2	圖像和多媒體 購(gòu)房中心網(wǎng)頁(yè) 圣誕裝飾網(wǎng)	4	1	1	2
第五章 5-1 5-2 5-3	超鏈接 創(chuàng)業(yè)在線網(wǎng)頁(yè) 戀之語(yǔ)素材模板網(wǎng)頁(yè) 網(wǎng)購(gòu)鮮花網(wǎng)頁(yè)	6	2	2	2
第六章 6-1 6-2 6-3 6-4	表格 表格的基本操作 表格的數(shù)據(jù)處理 利用表格對(duì)頁(yè)面進(jìn)行布局 上機(jī)練習(xí)	8	2	2	4
第七章 7-1 7-2 7-3	表格的基本操作 表格的數(shù)據(jù)處理 利用表格對(duì)頁(yè)面進(jìn)行布局 上機(jī)練習(xí)	6	2	2	2
第八章 8-1 8-2 8-3 8-4	頁(yè)面設(shè)計(jì)的高級(jí)技巧—CSS樣式表 CSS樣式表基礎(chǔ) 在頁(yè)面中使用CSS樣式表 將CSS樣式表應(yīng)用于整個(gè)網(wǎng)站 綜合案例	8	2	2	4
第九章 9-1 9-2 9-3 9-4	框架 創(chuàng)建框架和框架集 修改框架頁(yè)面 制作IFrame浮動(dòng)框架 上機(jī)練習(xí)	8	2	2	4
第十章 10-1 10-2 10-3 10-4	網(wǎng)頁(yè)高級(jí)布局—使用AP Div 網(wǎng)頁(yè)布局的步驟和基本原則 AP Div基礎(chǔ) 使用Spry Div構(gòu)件 綜合案例：制作個(gè)人博客頁(yè)面	8	2	2	4
第十一章   11-1   11-2 11-3 11-4	在頁(yè)面中添加動(dòng)態(tài)效果—行為的運(yùn)用 行為的概念及dreamweaver cs5中的行為面板 對(duì)象、動(dòng)作、行為的區(qū)別及聯(lián)系 常見行為的使用技巧 上機(jī)練習(xí)	6	2	2	2
第十二章 12-1 12-2 12-3 12-4 12-5	模板和庫(kù) 使用模板 管理模板 創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目 管理庫(kù)項(xiàng)目 上機(jī)練習(xí)	4	1	1	2
第十三章 13-1 13-2	站點(diǎn)發(fā)布與推廣 網(wǎng)站測(cè)試 上傳發(fā)布網(wǎng)站	2		1	1
第十四章 14-1 14-2 14-3 14-4	ASP動(dòng)態(tài)網(wǎng)站的制作 動(dòng)態(tài)網(wǎng)站的配置 數(shù)據(jù)庫(kù)連接 記錄集的顯示、添加、修改與刪除 上機(jī)練習(xí)	6	2	2	2
考試、機(jī)動(dòng)	理論考核	2
合計(jì)		80

三、課程內(nèi)容及要求

第一章 揭開Dreamweaver CS5的面紗

教學(xué)要求：

• ?初識(shí)Dreamweaver CS5軟件
• ?熟悉Dreamweaver CS5的窗口界面

教學(xué)內(nèi)容：

1-1 Dreamweaver CS5簡(jiǎn)介

1-2  Dreamweaver CS5的工作界面

 

第二章 為我們的網(wǎng)站安家（構(gòu)建站點(diǎn)）

教學(xué)要求：

• 理解什么是站點(diǎn)
• 學(xué)習(xí)創(chuàng)建本地站點(diǎn)的方法
• 學(xué)習(xí)如何構(gòu)建站點(diǎn)結(jié)構(gòu)
• 學(xué)習(xí)對(duì)本地站點(diǎn)進(jìn)行管理

教學(xué)內(nèi)容：

2-1 創(chuàng)建本地站點(diǎn)

2-2 構(gòu)建站點(diǎn)結(jié)構(gòu)

2-3 管理本地站點(diǎn)

 

第三章 制作第一個(gè)文本頁(yè)面

教學(xué)要求：

• 掌握設(shè)置頁(yè)面頭內(nèi)容的方法
• 掌握頁(yè)面中文本的輸入和編輯方法
• 掌握設(shè)置有序列表和無(wú)序列表的方法
• 掌握插入日期和特殊字符的方法

教學(xué)內(nèi)容：

3-1 設(shè)置頁(yè)面頭內(nèi)容

3-2 網(wǎng)頁(yè)中的文本與文檔

 

第四章 圖像和多媒體

教學(xué)要求：

• 熟練掌握插入和編輯圖像的方法
• 掌握調(diào)整圖文混排效果的方法
• 熟練掌握插入多媒體的方法

教學(xué)內(nèi)容：

4-1 購(gòu)房中心網(wǎng)頁(yè)

4-2 圣誕裝飾網(wǎng)

 

第五章 超鏈接

教學(xué)要求：

• 了解超鏈接的概念
• 熟練掌握創(chuàng)建文本超鏈接的方法
• 熟練掌握?qǐng)D像超鏈接的創(chuàng)建方法
• 掌握熱點(diǎn)鏈接的方法
• 了解創(chuàng)建命名錨記超鏈接的方法

教學(xué)內(nèi)容：

5-1 創(chuàng)業(yè)在線網(wǎng)頁(yè)

5-2 戀之語(yǔ)素材模板網(wǎng)頁(yè)

5-3 網(wǎng)購(gòu)鮮花網(wǎng)頁(yè)

 

第六章 表格

教學(xué)要求：

• 學(xué)會(huì)添加表格、設(shè)置表格屬性。
• 掌握設(shè)置表格中行和列屬性的方法。
• 掌握拆分單元格，合并單元格的方法。

 

教學(xué)內(nèi)容：

6-1 表格的基本操作

6-2 表格的數(shù)據(jù)處理

6-3 利用表格對(duì)頁(yè)面進(jìn)行布局

6-4 上機(jī)練習(xí)

 

第七章 表格的基本操作

教學(xué)要求：

• 掌握向網(wǎng)頁(yè)中插入文本域、按鈕、復(fù)選框、列表、單選按鈕等操作；
• 能對(duì)表單元素進(jìn)行靈活運(yùn)用；
• 能在網(wǎng)頁(yè)中對(duì)表單元素進(jìn)行布局；
• 能利用表單元素制作較為復(fù)雜的表單頁(yè)面。

教學(xué)內(nèi)容：

7-1 表格的數(shù)據(jù)處理

7-2 利用表格對(duì)頁(yè)面進(jìn)行布局

7-3 上機(jī)練習(xí)

 

第八章 頁(yè)面設(shè)計(jì)的高級(jí)技巧— CSS樣式表

教學(xué)要求：

• 理解CSS樣式表的定義與特點(diǎn)
• 了解CSS樣式表的四種類型
• 掌握利用Dreamweaver CS5設(shè)置網(wǎng)頁(yè)的文字樣式，背景樣式，區(qū)塊樣式，邊框樣式，圖像透明度樣式以及鏈接樣式等等。
• 學(xué)會(huì)將CSS樣式表應(yīng)用于整個(gè)網(wǎng)站

教學(xué)內(nèi)容：

8-1 CSS樣式表基礎(chǔ)

8-2 在頁(yè)面中使用CSS樣式表

8-3 將CSS樣式表應(yīng)用于整個(gè)網(wǎng)站

8-4 綜合案例

 

第九章 框架

教學(xué)要求：

• 了解“框架”控制面板
• 掌握框架和框架集的創(chuàng)建方法
• 掌握IFrame框架的創(chuàng)建方法

教學(xué)內(nèi)容：

9-1創(chuàng)建框架和框架集

9-2修改框架頁(yè)面

9-3制作IFrame浮動(dòng)框架

9-4上機(jī)練習(xí)

 

第十章 網(wǎng)頁(yè)高級(jí)布局—使用AP Div

教學(xué)要求：

• 網(wǎng)頁(yè)布局的步驟和基本原則
• AP Div的基礎(chǔ)知識(shí)
• 使用AP Div布局頁(yè)面
• 利用AP Div溢出屬性布局頁(yè)面
• 使用Spry Div構(gòu)件

教學(xué)內(nèi)容：

10-1 網(wǎng)頁(yè)布局的步驟和基本原則

10-2 AP Div基礎(chǔ)

10-3 使用Spry Div構(gòu)件

10-4 綜合案例：制作個(gè)人博客頁(yè)面

 

第十一章 在頁(yè)面中添加動(dòng)態(tài)效果—行為的運(yùn)用

教學(xué)要求

•  了解行為的三要素
• 掌握創(chuàng)建行為的幾大步驟
• 熟練應(yīng)用dreamweaver5中常見行為設(shè)定

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

11-1 行為的概念及dreamweaver cs5中的行為面板

11-2 對(duì)象、動(dòng)作、行為的區(qū)別及聯(lián)系

11-3 常見行為的使用技巧

11-4 上機(jī)練習(xí)

 

第十二章 模板和庫(kù)

教學(xué)要求

• 了解“資源”控制面板
• 掌握創(chuàng)建和編輯模板的方法
• 掌握創(chuàng)建和更新庫(kù)的方法和技巧

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

12-1 使用模板

12-2 管理模板

12-3 創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目

12-4 管理庫(kù)項(xiàng)目

12-5 上機(jī)練習(xí)

 

 

第十三章 站點(diǎn)發(fā)布與推廣

教學(xué)要求

• 網(wǎng)站測(cè)試
• 上傳發(fā)布網(wǎng)站
• 網(wǎng)站運(yùn)營(yíng)與維護(hù)
• 常見的網(wǎng)站推廣方式

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

13-1網(wǎng)站測(cè)試

13-2 上傳發(fā)布網(wǎng)站

13-3 ASP動(dòng)態(tài)網(wǎng)站的制作

 

第十四章 動(dòng)態(tài)網(wǎng)站的配置

教學(xué)要求

• 理解什么是動(dòng)態(tài)網(wǎng)頁(yè)
• 掌握在Dreamweaver CS5的環(huán)境下創(chuàng)建動(dòng)態(tài)網(wǎng)站的方法
• 掌握和數(shù)據(jù)庫(kù)連接的方法
• 掌握記錄的瀏覽、查看、刪除、添加的方法
• 掌握添加動(dòng)態(tài)圖片的方法

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

14-1 數(shù)據(jù)庫(kù)連接

14-2 記錄集的顯示、添加、修改與刪除

14-3 上機(jī)練習(xí)