关河冷落-cherished

《Dreamweaver CS5网页设计教程》
配套教学教案
第1讲
课时内容

Dreamweaver CS5
网页制作基础

授课时间

150分钟
课时

4
 了解规划网站的一般流程。
教学目标

 掌握Dreamweaver CS5的工作界面。
 熟悉站点的创建与管理操作。
教学重点

 Dreamweaver CS5的工作界面组成。
 创建站点和管理站点的操作。
教学难点

如何正确规划网站内容。
1、 教学思路：（1）介绍Dreamweaver CS5的界 面和网页制作的流程；（2）演示创建
“千履千寻公司”站点的具体步骤，让学员了解如何创建站点；（ 3）演示管理“千
履千寻公司”站点的操作，让学员熟悉站点的基本操作；（4）安排上机实训。
（1）结合相关案例讲解，实例结束后进行总结和疑难提问；（2）对于重
教学设计

2、 教学手段：
点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以再找一些已建立和制作完成的站点进行
演示，便于学员理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5的工作界面，以 及站点的创建和管理，在实例制作过程
中也涉及了站点中文件和文件夹的创建和管理操作。
讨论问题：1、为什么要首先建立站点？
2、一个网站最基本的功能有哪些？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
1.1
规划“千履千寻公司”

1.1.1
确定网站风格和布局

1.1.2
网站需求分析

1.1.3
规划站点内容

1.2

Dreamweaver CS5
的工作界面

1.2.1
界面概述

1.2.2
标题栏

1.2.3
菜单栏

1.2.4
文档工具栏

1.2.5
插入栏

1.2.6
浮动面板组

1.2.7
状态栏

1.2.8
“属性”面板

1.3
创建“千履千寻公司”站点

1.3.1
站点规划

1.3.2
创建本地站点

1.4
管理“千履千寻公司”站点

1.4.1
打开站点

1.4.2
编辑站点

1.4.3
删除站点

1.4.4
复制站点

1.4.5
管理站点文件和文件夹

1.5
实训——创建“快乐旅游”站点

1.5.1
实训目标

1.5.2
专业背景

1.5.3
操作思路

1.6
疑难解析

1.7
习题

拓展知识


课堂案例1——创建站点 课堂案例2——管理站点 上机实训——创建“快乐旅游”站点

小结

1、 掌握如何确定网站风格和布局、分析网站需求。
2、 掌握如何规划网站内容、认识Dreamweaver CS5的工作界面、创建与管理站点等。
3、 本章内容虽然尚未涉及到网页设计和制作，但却是网页设计制作的基础。学员应认
真理解和掌握，为后面 制作网页打下基础。
想一想：
站点的作用是什么？站点有何意义？举例日常浏览网页时遇到的站点，并分析其
分为几大板块？
练一练：
（1）查看Dreamweaver CS5中“表单”插入栏包含的内容。 （2）在浮动面板组中将“资源”、“行为”和“组件”3个面板排列到同一个面板中
（首先需要利 用“窗口”菜单显示出这些面板）。
（3）创建名为“wodewangzhan”的站点，将位置设 置在D盘的“OK”文件夹中，
然后通过编辑站点的方法将其重命名为“mynet”，最后删除站点并 取消操作。
（4）规划并构思一个美食站点，创建一个导航草图，其中必须包含“菜谱”和“食
材”两大板块，要求整个站点结构能满足一般的浏览和查询美食资源的要求。
（5）在上一题的基础上，启动Dreamweaver CS5，创建该美食站点并在其中添加
相应的文件夹和文件。
思考及作
业

第2讲
课时内容

输入与格式化文本

授课时间

120分钟
课时

3
 掌握文本段落的输入与换行分段的操作。
 掌握设置文本格式的方法。
教学目标

 熟悉项目列表的设置和水平线的创建方法。
 了解添加滚动字幕的方法。
教学重点

 文本的输入、字体格式的设置、段落的设置等操作。
 插入特殊文本对象、创建列表、设置水平线和添加滚动字幕等操作。
教学难点

如何设计文字版式，使页面舒适美观。
1、 教学思路：（1）演示“公司简介”网页的具体 制作步骤，让学员学习如何在
Dreamweaver中输入文本并设置相应的格式；（2）演示“企业 文化”网页的具体
制作步骤，让学员了解如何在网页中插入其他对象；（3）安排上机实训。
（1）实例讲解过程穿插输入和设置的相关基础知识，实例结束后进行
教学设计

2、 教学手段：
总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以再找一些文字类网页进行展示，与学
员互动， 讨论文字添加了何种格式，便于学员理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中文本的输入和格式的设置，以及其他对象的 添加操作，
在实例制作过程中还涉及了滚动字幕的设置操作。
讨论问题：1、设置网页文字的字体时应注意些什么？
2、网页的制作一般将就图文结合，在什么情况下需要使用纯文字的网页？
内容大纲：具体可结合本章的PPT课件进行配合讲解。

2.1
制作“公司简介”页面

2.1.1
输入文本

2.1.2
设置文本字体格式

2.1.3
设置段落格式

2.2
制作“企业文化”页面

2.2.1
插入特殊文本对象

2.2.2
创建列表

2.2.3
设置水平线

2.2.4
添加滚动字幕

2.3
实训——制作“快乐旅游”网站首页

2.3.1
实训目标

2.3.2
专业背景

2.3.3
操作思路

2.4
疑难解析

2.5
习题

拓展知识

课堂案例1——“公司简介”页面 课堂案例2——“企业文化”页面 上机实训——制作“快乐旅游”网站首页
小结

1、 掌握输入和编辑文本的操作。
2、 掌握水平线的插入以及滚动字幕的创建等操作。
3、 本章是网页制作的基础内容，只有熟练掌握文本的各种设置方法后，才能创建出多
姿多彩的网页效果。
想一想：
为什么在制作网页时常使用默认的字体？在使用一些特殊字体的文字时，为何需要将其制作为图片？
练一练：
（1）打开提供的“”网页，通过分段、换行和插入连续空格等操
作输入网页中的文本内容。
（2）利用CSS格式为各段文本设置不同的格式。
思考及作
业


（3）在第一段文本后插入水平线。
（4）在倒数第二段文本后分段，输入“最近更新：”文 本并设置格式，然后插入日
期，要求保存时自动更新。
（5）将更新日期的上一段文本设置为滚动字幕，滚动方式为“scroll”，速度为“15”。

第3讲
课时内容

插入图像和多媒体
对象

授课时间

90分钟
课时

2
 掌握在网页中插入与编辑图像的各种操作。
 熟悉美化与优化图像的方法。
教学目标

 掌握插入多媒体插件、SWF动画和FLV视频的方法。
 了解添加网页背景音乐的方法。
教学重点

 图像的插入、编辑、美化与优化等操作。
 多媒体插件的使用。
教学难点

如何在网页中设计图像与多媒体。
1、 教学思路：（1）演示“关于我们”页面的具体步骤，让学员了解如何在网页中使
用图片；（2）演示“ 新品展台”网页的具体步骤，让学员了解如何添加多媒体插
件，如何在网页中使用多媒体；（3）安排上 机实训。
（1）实例讲解过程穿插使用其他多媒体的基础知识，实例结束后进行
教学设计

2、 教学手段：
总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以在网上找一些现成的网站进行展示，
吸引学员 注意，便于学员理解，拓宽学员思维。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中图像和多媒体的应用，在实例制作过程中也涉及了添
加背景音乐的操作。
讨论问题：1、为什么需要在网页中添加图像？
2、在设置鼠标经过图像时应注意些什么？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
3.1
制作“关于我们”页面

3.1.1
插入与编辑图像

3.1.2
美化与优化图像

3.1.3
创建鼠标经过图像

3.2
制作“新品展台”网页

3.2.1
添加多媒体插件

3.2.2
添加背景音乐

3.2.3
插入
SWF
动画

3.2.4
插入
FLV
视频

3.3
实训——制作“旅游导航”网页

3.3.1
实训目标

3.3.2
专业背景

3.3.3
操作思路

3.4
疑难解析

3.5
习题

拓展知识

课堂案例1——“关于我们”页面 课堂案例2——“新品展台”网页 上机实训——“旅游导航”网页

小结

1、 掌握在网页中插入和编辑图像的操作。
2、 掌握设置鼠标经过图像、插入多媒体插件 、插入页面背景音乐、插入SWF动画和
插入FLV视频等操作。
3、 本章内容同样是网页制作的基础，只有掌握了这些对象的插入与使用方法，才能制
作出内容丰富的网页。
想一想：
图像的使用在网页中通常起什么作用？怎样才能快速在网页中添加多媒体文件？
练一练：
（1）打开“”网页，将提供的“”、“”和“”
图像插入到网页中，设置边框为“1”。 < br>（2）在“我的动态”图像下插入“”图像，设置对齐方式为“左对齐”，缩
小图像尺寸，增加水 平边距，然后适当降低图像品质。
（3）分别在“最新留言”图像和“动感相册”图像下插入多媒体插 件和SWF动画，
其中插件的尺寸为“538×45”。
思考及作
业

第4讲
课时内容

布局网页版面

授课时间

150分钟
课时

4
 掌握在网页中插入与编辑表格的方法。
教学目标

 熟悉使用AP Div布局网页的方法。
 了解框架和框架集在网页中的应用。
教学重点

 使用表格布局网页、使用AP Div布局网页、使用框架布局网页。
 表格、AP Div和框架的使用。
教学难点

如何在制作网页的过程综合使用3种网页布局方式。
1、 教学 思路：（1）演示“产品展示”网页布局的具体步骤，让学员理解表格的作用
与设置；（2）演示“千履 千寻”网页布局的具体步骤，让学员理解AP Div的概念
和使用方法；（3）演示“公司公告”网页 布局的具体步骤，让学员理解框架和框
架集的概念和属性的设置；（4）安排上机实训。
教学设计

2、 教学手段：（1）实例讲解过程穿插与网页布局相关的基础知识，实 例结束后进行
总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以再找一些包含各种布局的网页进行展
示，便于学员理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中使用表格、AP Div和框架布局的操作，在实例制作过
程中也接触了在表格和AP Div中插入内容的操作。
讨论问题：1、除了介绍的3种布局方式，还有其他什么布局方式？
2、不同的布局方式常用在哪种类型的网页中？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
4.1
使用表格布局“产品展示”网页

4.1.1
创建表格

4.1.2
调整表格结构

4.1.3
设置表格和单元格属性

4.1.4
在表格中插入内容

4.2
利用
AP Div
制作千履千寻网站首页

4.2.1
创建
AP Div
4.2.2
选择
AP Div
4.2.3
设置
AP Div
尺寸

4.2.4
移动
AP Div
4.2.5
对齐
AP Div
4.2.6
更改
AP Div
堆叠顺序

4.2.7
在
AP Div
插入各种元素

4.3
使用框架制作“公司公告”网页

4.3.1
创建框架集与框架

4.3.2
保存框架集与框架

4.3.3
删除框架

4.3.4
设置框架集与框架属性

4.3.5
制作框架网页

4.4
实训——制作“景点介绍”网页

4.4.1
实训目标

4.4.2
专业背景

4.4.3
操作思路

4.5
疑难解析

4.6
习题

拓展知识


课堂案例1——使用表格布局“产品展示”网页 课堂案例2——利用AP Div制作首页



课堂案例3——使用框架制作“公司公告”网页 上机实训——制作“景点介绍”网页

小结

1、 掌握网页布局的几种方式。
2、 掌握创建表格、设置表格、在表格中插入内容、创建AP Div、设置AP Div、创建
框架与框架集、编辑框架与框架集等操作。
3、 本章内容是学习网页制作的重 点和核心内容之一，对于掌控整个网页版面和设计风
格有至关重要的作用，读者应认真学习和掌握，并达 到灵活运用和举一反三的程度。
想一想：
随着网络的发展，程序语言也在发展，网页布局的 方式方法也在改变，如今常用
的网页布局方式有哪些？常用的与设计网页相关的编程语言有哪些？
练一练：
（1）创建“”网页，在其中输入并设置“我的心情客栈”文本，并绘制4
个AP Div对象，在其中插入提供的4张图片。
（2）创建“”网页，插入13×2表格，合并最后一行单 元格，并在其
中插入1×4嵌套表格，设置表格背景颜色并在各单元格中输入文本。
（3）创 建“上方固定”框架网页，在上方的框架中指定“”网页，在下
方的框架中指定“”网页，适当调整后保 存并预览效果。
思考及作
业

第5讲
在网页中创建超链
3
授课时间

120分钟
课时

接

 了解超链接的组成和种类。
 掌握文本超链接、图像超链接、外部超链接和图像热点超链接的创建方法。
教学目标

 熟悉锚点超链接、电子邮件超链接、文件超链接和空链接的创建方法。
 了解脚本链接的插入方法。
课时内容

教学重点

 文本超链接、图像超链接、外部超链接、图像热点超链接的创建。
 锚点超链接、电子邮件超链接、文件超链接、空链接及脚本链接的创建。
教学难点

如何在设置网页时为不同的元素添加合适的链接。
1、 教学思路：（1）演示“公司地图” 网页的具体步骤，让学员理解文本超链接、图
像超链接、外部超链接和图像热点超链接的作用；（2）演 示“给我们留言”网页
的具体步骤，让学员理解锚点超链接、电子邮件超链接、文件超链接、空链接和< br>脚本链接的作用；（3）安排上机实训。
教学设计

2、 教学手段：（1） 实例讲解过程穿插设置链接属性的相关基础知识，实例结束后进
行总结和疑难提问；（2）对于重点操作 可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可在网络中搜索一些门 户网站，为学员展
示其中的链接，与学员一起分析链接方式，让学员深入了解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5各种超链接的使用，在实例制作过程中也接触了文件下
载链接和空链接的使用。
讨论问题：1、在网页中经常用到的链接类型有哪些？
2、超链接还有哪些特殊用途？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
5.1
制作“公司地图”网页

5.1.1
认识超链接

5.1.2
创建文本超链接

5.1.3
创建图像超链接

5.1.4
创建外部超链接

5.1.5
创建图像热点超链接

5.2
制作“给我们留言”网页

5.2.1
创建锚点超链接

5.2.2
创建电子邮件超链接

5.2.3
创建文件超链接

5.2.4
创建空链接

5.2.5
插入脚本链接

5.3
实训——制作“精品线路”网页

5.3.1
实训目标

5.3.2
专业背景

5.3.3
操作思路

5.4
疑难解析

5.5
习题

拓展知识




课堂案例1——“公司地图”网页 课堂案例2——“给我们留言”网页 上机实训——“精品线路”网页
小结

1、 掌握文本超链接、图像超链接、外部超链接、图像热点超链接、锚点超链接、电子
邮件超 链接、文件超链接、空链接和脚本链接的创建操作。
2、 本章内容是制作网页的基础，读者应认真学习和掌握，并灵活运用到各种网页上。
想一想：
还有没有其他链接方式？怎样可快速提高链接操作的效率？
练一练：
（1）打开“”网页，将上方的“心情客栈”文本链接到
“”网页。
（2）利用热点 工具将“进入主页>>ENTER”和日志（圆形）分别连接到
“”和“”网页。
（3）利用电子邮件链接将“邮件传情”文本链接到“myworldsina.”。
（4） 分别利用各种脚本链接和空链接，实现“设为主页”、“收藏我吧”和“关闭
窗口”文本对应的互动功能 ，其中网址为“.”，收藏名称为“我的世界”。
思考及作
业

第6讲
课时内容

CSS
与盒子模型

授课时间

120分钟
课时

3
 了解CSS和盒子模型的概念和作用。
教学目标

 掌握CSS样式的创建、设置、编辑和删除等方法。
 熟悉使用CSS+Div布局网页的方法。
教学重点

 CSS属性的认识、样式的设置，盒子模型的使用。
 利用CSS+Div布局网页。
教学难点

如何结合CSS与Div制作网页。
1、 教学思路：（1）演 示“热销精品”网页的具体步骤，让学员理解什么是CSS，并
能使用CSS制作网页；（2）演示“消 费者保障”网页的具体步骤，让学员认识盒
子模型，并会利用CSS+Div制作网页；（3）安排上机 实训。
（1）实例讲解过程穿插相关CSS属性设置的基础知识，实例结束后进
教学设计

2、 教学手段：
行总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以再找设置好CSS的网页设计作品或使
用了盒 子模型的网页进行展示，便于学员理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5CSS的使用与设置，以及盒子模型的优势和 使用，在实
例制作过程中也对CSS属性窗口中不同的属性参数进行了讲解。
讨论问题：1、为什么要使用CSS设置网页中的内容的属性？
2、Div标签是什么，常见的Div标签有哪些？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
6.1
制作“热销精品”网页

6.1.1
认识
CSS
样式

6.1.2

CSS
样式的各种属性设置

6.1.3
创建与应用
CSS
样式

6.1.4
编辑
CSS
样式

6.1.5
删除
CSS
样式

6.2
制作“消费者保障”网页

6.2.1
认识盒子模型

6.2.2
盒子模型的优势

6.2.3
利用
CSS+Div
布局网页

6.3
实训——制作“驴友攻略”网页

6.3.1
实训目标

6.3.2
专业背景

6.3.3
操作思路

6.4
疑难解析

6.5
习题

拓展知识

课堂案例1——“热销精品”网页 课堂案例2——“消费者保障”网页 上机实训——“驴友攻略”网页
小结

1、 掌握CSS样式以及Div标签的操作。
2、 掌握CSS样式的新建、应用、编辑和 修改，盒子模型的结构和优势，Div标签的插
入以及对应CSS样式规则的设置等知识。
3、 本章内容与当前网页制作的主流方式紧密相关，读者应认真学习和掌握，为实际工
作中制 作网页打下坚实的基础。
思考及作
业

想一想：
网页中常见的C SS样式有哪些？你能例举出见到过的盒子模型么？盒子模型一般
应用在什么地方？


练一练：
（1）打开提供的“”网页，插入4×2表格，合并第一行和第二行单< br>元格，合并第一列的第三行和第四行单元格，然后在该单元格中插入4×1的嵌套表格。
（2）依次在表格和嵌套表格的各单元格中输入文本。
（3）通过创建多个类CSS样式为输入的文本应用相应的样式规则。
（4）通过创建复合内 容CSS样式为嵌套表格中的超链接文本（空链接）设置访问
前后和鼠标指针指向时等文本状态的样式。

第7讲
课时内容

模板和库的应用

授课时间

90分钟
课时

2
 了解“资源”面板的使用方法。
 掌握模板的创建、应用和编辑操作。
教学目标

 熟悉模板的删除和更新等管理方法。
 熟悉库文件的创建、应用、编辑和更新操作。
教学重点

 模板的创建、编辑、应用与管理操作。
 库文件的创建、应用、编辑、更新和分离等操作。
教学难点

如何应用模板中的相关内容并更改。
1、 教学思路：（1）演示“客户交流”网页的具体步 骤，让学员认识并了解模板，并
学会如何利用模板创建网页；（2）演示“产品介绍”网页的具体步骤， 让学员认
识“资源”面板，并了解库文件的使用；（3）安排上机实训。
（1）实例讲解过程穿插相关基础操作的知识，实例结束后进行总结和
教学设计

2、 教学手段：
疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以再从模板创建不同的网页，并往其中
添加库文 件，加深学员印象，巩固所学知识。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中模板和“资源”面板中库文件的使用和操作 ，在实例
制作过程中讲解了模板中不同类型的可编辑区域的设置。
讨论问题：1、使用模板创建网页有什么好处？
2、应如何有效地管理“资源”面板中的库文件？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
7.1
制作“客户交流”网页

7.1.1
创建模板

7.1.2
编辑模板

7.1.3
应用与管理模板

7.2
制作“产品介绍”网页

7.2.1
认识“资源”面板

7.2.2
创建库文件

7.2.3
应用库文件

7.2.4
编辑库文件

7.2.5
更新库文件

7.2.6
分离库文件

7.3
实训——制作“旅游相册”网页

7.3.1
实训目标

7.3.2
专业背景

7.3.3
操作思路

7.4
疑难解析

7.5
习题

拓展知识

课堂案例1——“客户交流”网页 课堂案例2——“产品介绍”网页 上机实训——“旅游相册”网页
小结

1、 掌握从模板创建网页，以及模板的编辑、应用、更新、删除和脱离等操作。
2、 掌握“资源”面板的使用、库文件的创建、应用、编辑、更新和分离等操作。
3、 对于本章的内容，读者应尽量掌握，以便在实际工作中灵活运用，提高网站的制作
效率。
想一想：
使用模板创建网页的益处和不益之处是什么？如何通过更改库文件，从而快速更
改网页文件？

练一练：
（1）打开“”网页，保存为模板，并在空白单元格中插入可编辑区域。
（2）根据上一步创建的模板来创建网页，并利用“资源”模板制作库文件，表格
左侧为提供的 “”图像，右侧为输入的文本，并适当设置格式。
思考及作
业


（3）将新建的网页保存为“”，并在可编辑区域中插入3×1表格，并
在每行表格中应用创建的库文件 ，最后保存并预览网页效果。

第8讲
课时内容

表单和行为的应用

授课时间

120分钟
课时

3
 了解表单的作用。
 掌握表单的创建以及在表单中插入文本字段、按钮和复选框等对象的方法。
教学目标

 熟悉在表单中插入文件域、图像域和字段集等对象的方法。
 了解并熟悉行为的组成、作用、添加和编辑等基本操作。
 掌握交换图像行为和效果行为的应用
教学重点

 各种表单元素的添加。
 行为的基础知识和常用行为的使用方法。
教学难点

如何在设计作品过程中灵活应用行为命令。
1、 教学思路：（1）演示“会员注册”网页的 具体步骤，让学员了解表单的作用与添
加操作；（2）演示“品牌展厅”网页的具体步骤，让学员理解行 为的作用，了解
常用行为的使用；（3）安排上机实训。
（1）实例讲解过程穿插表单通用属性的基础知识，实例结束后进行总
教学设计

2、 教学手段：
结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以在网络中搜索相关注册页面等与表单
和行为有 关的网页，与学员互动进行分析，加深学员的理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5表单与行为的添加与使用方法，在实例制作过 程中涉及
了对表单属性的讲解，并介绍了行为的组成与事件的作用。
讨论问题：1、表单除了用在注册类网页中，还可用于什么网页？
2、你知道的行为命令还有哪些？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
8.1
制作“会员注册”网页

8.1.1
表单的基础操作

8.1.2
在表单中添加各种元素

8.2
制作“品牌展厅”网页

8.2.1
关于行为的基础知识

8.2.2
常用行为的使用方法

8.3
实训——制作“驴友交流”网页

8.3.1
实训目标

8.3.2
专业背景

8.3.3
操作思路

8.4
疑难解析

8.5
习题

拓展知识

课堂案例1——“会员注册”网页 课堂案例2——“品牌展厅”网页 上机实训——“驴友交流”网页

小结

1、 了解Dreamweaver中表单和行为的作用。
2、 掌握表单的创建、各种表单元素的添加和管理、行为的添加、编辑和删除等操作。
3、 对于本章的内容，读者可以适当了解并熟悉，尝试能按照书中介绍的知识使用表单
和行为。
思考及作
业

想一想：
不同类型的网站中行为命令的应用领域不同 ，社交类网站与门户类网站的行为命
令有何不同？常用的表单有哪些？

练一练：
（1）打开“”网页，在空白单元格中创建表单，然后在创建的表单
区域依次创建“大名：”文 本字段、“暗号：”密码字段和“进入”按钮。
（2）选择网页右上方的“<<亲亲吾爱>>”文本， 为其添加“弹出信息”行为，信
息内容可自行设置，事件需要更改为“onClick”。
（3）保存并预览网页。尝试单击“<<亲亲吾爱>>”文本区域，查看弹出的对话框
内容。

第9讲
课时内容

制作
ASP
动态网页

授课时间

150分钟
课时

4
 了解动态网页的基础、开发流程和Web服务器。
 熟悉IIS的安装与配置和Access数据库的使用。
教学目标

 掌握动态站点的创建与配置，以及数据源的创建。
 掌握记录集的创建、记录的插入等操作。
教学重点

 动态站点的安装与配置，数据源的创建。
 记录集和数据表的使用。
教学难点

如何使用Access创建数据表，IIS的安装与配置。
1、 教学思路：（1）演示动态 网页的配置和数据表的创建，为之后记录集的操作打下
基础；（2）演示“登录数据管理”网页的具体步 骤，让学员了解记录集的作用，
以及如何使用记录集；（3）演示“加入购物车”网页的具体步骤，让学 员了解记
录表单向导的使用；（4）安排上机实训。
（1）实例讲解过程穿插动态网页的基础和记录集的综合使用等知识，
教学设计

2、 教学手段：
实例结束后进行总结和疑难提问；（2）对于重点操作可以着重演示，并加强 举例
说明。
3、 教学资料及要求：除教材中的实例外，可以再找一些以包含记录集的网页或 购物
网站中的网页进行展示，便于学员理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中动态网页中数据源的创建和记录集的创建与 使用，在
实例制作过程中初步涉及了记录集的分页操作和表单向导的使用。
讨论问题：1、为什么要首先安装与配置IIS？
2、记录集可用在哪些类型的网页中？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
9.1
配置动态网页数据源

9.1.1
动态网页基础

9.1.2
安装与配置
IIS
9.1.3
使用
Access
创建数据表

9.1.4
创建与配置动态站点

9.1.5
创建数据源

9.2
制作“登录数据管理”网页

9.2.1
创建记录集

9.2.2
插入记录

9.2.3
插入重复区域

9.2.4
分页记录集

9.3
制作“加入购物车”网页

9.3.1
配置
IIS
和动态站点

9.3.2
创建数据表并链接数据源

9.3.3
绑定记录集并插入字段

9.3.4
使用插入记录表单向导

9.4
实训——制作“用户注册”网页

9.4.1
实训目标

9.4.2
专业背景

9.4.3
操作思路

9.5
疑难解析

9.6
习题

拓展知识


课堂案例1——“登录数据管理”网页 课堂案例2——“加入购物车”网页 上机实训——“用户注册”网页

小结

1、 掌握ASP动态网页的相关知识。
2、 掌握IIS的创建与配置、数据库的创建、动 态站点的配置、数据源的创建与连接、
记录集的绑定、记录的插入、重复区域的创建以及记录表单的创建 等操作。
3、 对于本章的内容，读者适当理解即可，有兴趣的读者可以进一步查阅其他书籍进行
更深地学习。
想一想：
在购物网站中的各种功能按钮和数据选择的原理是什么？怎样才能灵活使用记录
集和数据表？
练一练：
（1）创建名为“info”的Access数据库并在其中创建“info”表， 字段名称包括
“ID”、“Name”、“Sex”、“Age”和“Email”，其中“ID”字段 和“Age”字段为数字
类型，其余字段为文本类型，并输入各条记录。
（2）配置别名为“ info”、位置为“D:info”的IIS。配置站点名称为“info”，本
地根文件夹为“D: info”，Web URL地址为“localhostinfo”，服务器模型为“ASP
VBScript”，访问类型为 “本地网络”的测试服务器。
（3）创建数据源名为“i nfo”，说明为“用户信息”，数据库为“”的数
据源。打开“”网页文件，绑定“info”记录集 ，排序为“ID、升序”。在第3
行各单元格中依次插入绑定好的记录集中相应的字段，将第3行设置为 重复区域，并
插入记录集分页等内容。
（4）保存并预览网页效果。
思考及作
业

第10讲
课时内容

网站的测试与发布

授课时间

90分钟
课时

2
 掌握兼容性测试、链接的修复以及下载速度检查的方法。
教学目标

 了解主页空间的申请方法与开通方法。
 熟悉远程信息的配置方法。
教学重点

 兼容性测试、链接的检查和修复、下载速度的检测。
 主页空间的申请、站点的发布。
教学难点

如何优化站点并发布。
1、 教学思路：（1）演示测试“千履千寻”站点的具体步骤，让学员了解需要测试的
内容；（2）演示发布 “千履千寻”站点的具体步骤，让学员发布站点前需要进行
的操作；（3）安排上机实训。
2、 教学手段：（1）实例讲解过程穿插讲解测试其他内容的知识和申请主页空间应注
教学设计
< br>意的事项，实例结束后进行总结和疑难提问；（2）对于重点操作可以着重演示，
并加强举例说明 。
3、 教学资料及要求：除教材中的实例外，可列举一些大型网站，介绍其测试和发布
的操 作和流程，便于学员理解。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中站点的测试和发布操作，在实例制作过程中也初步涉
及了申请主页空间的操作。
讨论问题：1、还有何种方法可优化站点？
2、还有哪些网站可申请主页空间？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
10.1
测试“千履千寻公司”站点

10.1.1
兼容性测试

10.1.2
检查并修复链接

10.1.3
检测下载速度

10.2
发布“千履千寻公司”站点

10.2.1
申请主页空间

10.2.2
发布站点

10.3
实训——测试与发布“快乐旅游”

10.3.1
实训目标

10.3.2
专业背景

10.3.3
操作思路

10.4
疑难解析

10.5
习题

拓展知识

课堂案例1——测试站点 课堂案例2——发布站点 上机实训——测试与发布“快乐旅游”
小结

1、 掌握网站的测试与发布知识。
2、 掌握网站兼容性测试、链接的检查与修复、下载速度的测试与设置、主页空间的申
请和开 通、远程信息的配置以及站点的发布等操作。
3、 对于本章的内容，读者可以适当理解和掌握，只要能成功发布站点即可。
思考及作
业

想一想：
大型的网站建设需要用到何种主页空间？网页的下载速度最好控制在多少时间
内，为什么？

练一练：
（1）打开“mysite”站点中的各个网页，对其进行兼容性测试。
（2）分别对“mysite”站点的各个网页进行链接检查，包括检查断掉的链接、外
部链接 ，并对整个站点进行孤立文件的链接检查，最后修复检查出的问题。
（3）分别对“mysite”站 点的各个网页的下载速度进行测试，如果超过8秒，尝
试利用“首选参数”对话框对窗口大小和下载速度 进行设置。
（4）重新在“虎翼网”中申请试用的主页空间，并获取其中与远程信息配置相关
的信息，如FTP主机地址、用户名和登录密码等内容。
（5）对“mysite”站点进行远程信息 配置，包括设置访问方式、FTP主机地址、
登录名及密码等信息，并进行测试。
（6）将“mysite”站点的内容全部发布到刚申请的主页空间中。

第11讲
课时内容

制作“水族世界”

授课时间

150分钟
课时

4
 掌握并熟悉在网页中使用表格和嵌套表格的方法。
教学目标

 掌握并熟悉文本、图像、超链接等对象的插入与设置方法。
 掌握并熟悉外部CSS样式文件的创建、设置与链接方法。
教学重点

 制作整个网页的流程。
 网页中布局、添加内容和样式的综合操作。
教学难点

如何流畅地制作整个网站的网页。
1、 教学思路：（1）介绍本章的目标，演示制作站点的 准备工作；（2）演示“水族世
界”站点的具体步骤，让学员了解整个站点的制作流程，以及制作网页的 先后顺
序；（3）安排上机实训。
（1）实例讲解过程穿插相关站点规划与制作的基础知识，实例结束后
教学设计

2、 教学手段：
进行总结和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。
3、 教学资料及要求：除教材中的实例外，可以一些门户网站为例，为学员讲解更多
的创建网站的知识。
教学内容

知识回顾：在前面讲解了Dreamweaver CS5中网站制作的准备工作、思路分析和操作过程，在实例
制作过程中介绍了制作网站的完整流程。
讨论问题：1、创建网站前需要做的市场调研应注意哪些方面？
2、不同类型网站，规划的侧重点不同，例举不同站点的侧重点？
内容大纲：具体可结合本章的PPT课件进行配合讲解。
11.1
实训目标

11.2
准备工作

11.2.1
站点规划

11.2.2
素材收集

11.3
制作思路分析

11.4
操作过程

11.4.1
创建“水族世界”站点

11.4.2
制作网站首页

11.4.3
制作“水族新闻”页面

11.5
实训——制作“北极数码”

11.5.1
实训目标

11.5.2
专业背景

11.5.3
操作思路

11.6
疑难解析

11.7
习题

拓展知识

课堂案例——制作“水族世界” 上机实训——制作“北极数码”



1、 掌握整个网站的制作流程。
2、 掌握规划与管理、表格和嵌套表格的创建、外部CSS样式文件的创建、链接和设置、
AP Div的绘制、超链接的创建、图像热点区域的创建等多种操作。
3、 对于本章的内容，学员应认真学习和掌握，了解如何一气呵成地创建网站。
想一想：
大型的 网站制作需要经历哪些阶段？各个阶段需要注意的问题有哪些？网站的制
作使用的是单一的程序语言还是 复合的程序语言？

练一练：
（1）打开提供的“”网页，在空白单元格中插入嵌 套表格，输入新闻
的标题、内容并插入相关图像，然后复制表格制作另一条新闻内容。
（2）打开提供的“”网页，利用嵌套表格、文本和图像等对象设置网
页内容。
小结

思考及作
业