1 2
•
⏹⏹⏹⏹
⏹
➢
⏹◆
◆
作业：
课堂作业：1.叙述3种模式的概念及切换方法。
2.说出表格和布局表格的作用
3.叙述“表格扩展模式”的作用
4.什么是间隔图像？
书面作业：课后习题。
小结：通过与学生熟悉的word中表格的操作对照讲解，本章的讲解显得较轻松；让学生上台操作，提高了学生的学习积极性和主动性，教学效果较好。
第5章使用框架布局网页
教学目标与要求了解框架网页的概念；熟练创建、保存框架网页，并设置框架和框架集的属性；框架中超级的创建和目标属性设置
教学重点熟练创建保存框架网页，并设置框架和框架集的属性；框架中超级的创建和目标属性设置
教学难点框架网页的概念和保存；框架中超级的创建和目标属性设置
教学方法多媒体演示为主，适当举例，人体媒体结合式教学，课堂讲授，师生互动，提问式教学。
教学课时2学时
第5章框架网页教学提示
5.1框架和框架集的概念、结构和应用
1.基本概念
●框架网页、框架集、框架
●框架和框架集的关系
2．框架网页的结构
3.认识框架面板：
4.框架网页的应用：通常用于导航。
5.框架网页的优缺点
5.2 创建和保存框架与框架集
5.2.1 使用预设的框架集通过看看和分析知名使用框架的布局效果，引入框架和框架集的概念
1.创建新的空预设框架的具体操作步骤。
修改框架名称必须以字母开头，可以包含数字、下划线（_）；但不允许是javascript中的保留字（如top或navigator）、连字符（-）、句点、空格和；而且区分大小写。
2.创建预设的框架集并在某一框架中显示现有文档
5.2.2 创建和编辑框架
1.创建框架
2.删除框架
3.建立嵌套的框架集
4.保存框架和框架集
5.3设置框架及框架集的属性
1.选择框架：通过“框架”面板来选择框架和子框架。
2.设置框架属性
⏹框架的背景颜色可以在页面属性中进行设置
⏹在框架的属性面板中进行设置框架的的名称、源文件、、边距、
滚动、边框和能否调整大小等。
3.设置框架集属性：边框、边框大小和边框颜色。
5.4设置框架集中的超级
5.4.1在框架网页中建立超
5.4.2框架网页中设置超级的目标打开方式
1.相对目标：_blank 、_top 、_parent、_self
2.绝对目标：mainframe、Leftframe、Rightframe、Topframe。
5.6课堂实例――制作一个框架网页举例演示框架的创建和保存操作
打开框架面板，查看并总结框架和框架集的属性设置及其含义
演示框架中的超级效果
举例演示框架网页的设计与制作
实用标准
第8章交互（行为、图AP元素和时间轴的综合运用，以及javascript）
教学目标与要求1.熟练地应用行为，能够随心所欲地制作出具交互功能的网
页；
2.掌握时间轴的概念和基本用法；
3.通过对行为的学习应用，增加网页设计的特殊效果，提高
学生对学习网页制作的兴趣，培养大家的动手操作能力。
4.了解java脚本的基本用法
教学重点1.行为的概念和创建，2.使用DW置的行为3.AP元素、行为和时间轴的综合运用
教学难点1.使用DW置的行为；2.高级行为的应用；3.AP元素、行为和时间轴的综合运用
教学方法多媒体演示为主，适当举例，人体媒体结合式教学，课堂讲
授，师生互动，提问式教学；任务驱动、引导教学、理论与
操作紧密结合。
教学课时4课时
第8章交互（行为、图AP元素和时间轴的综合运用，以
及js）
教学提示
问题：大家已经会在网页中的特殊效果如：弹出消息、检查表单、设置导航文本、鼠标的花瓣、棉花糖、下雪了、礼花绽放等，这样的动态网页是如何制作的呢？使用行为就可以实现。
8.1.1初步认识行为
1、DW行为的引出
2、行为的概念
3、与行为相关的三个重要部分：对象、事件和动作。
4、认识行为面板
8.1.2行为的创建、修改和更新
创建行为的三个步骤
修改行为抛出问题，导入新课
举出几个典型的带有行为的网页显示行为的应用，进而引出行为的作用和相关概念（25分钟）
举例讲解行为的创建步骤。
更新行为
8.1.3使用DW置的行为
dw8.0自带的行为主要有:
1.弹出消息2、“播放声音”实例
3、跳转菜单和跳转菜单开始
4、打开浏览器窗口
5、交换图象与恢复交换图象
6、控制shockshave或flash
7、设置导航栏图像8、设置文本
9、显示弹出菜单（下拉菜单）10、显示和隐藏AP元素
11、拖动AP元素12、滚动的AP元素
8.1.4高级行为的应用
1、插入滚动字幕
示例：文本自动向上循环滚动，鼠标放到上面还会暂停
2、下载安装扩展插件
3、下载网页特效，适当修改相关代码，再把代码放到代码视图的具体位置。
举例：花瓣、棉花糖。
8.2AP元素、行为和时间轴的综合运用
1.时间轴面板
2、时间轴和图AP元素的综合运用
（1）滚动字幕（2）网页浮动动画
（3）设置文字的阴影效果（4）幻灯片效果
（5）控制图像播放动画（6）制作滚动的折叠菜单
（7）具有预览功能的电子相册效果
8.3在网页中应用javascript
1.认识代码片段面板
2.应用代码片段
3.应用举例（10分钟）
演示常用的DW置行为的操作步骤和要领，部分调整在机房讲解；（30分钟）
本部分为选讲容。
举例讲解高级行为的应用；重点讲解4种扩展插件的安装和应用效果。
（30分钟）
举典型实例演示AP元素和行为综合应用效果（40分钟）引入特效代码，举例讲解js在Dw中的应用。
（20分钟）
作业：课后习题１、２、３题
第13章综合实例——制作“宝贝爱”
教学目标与要求
1.学会编辑设置和管理站点
2.理解站点面板的设置使用
3.能打开、编辑、删除、上传站点。
教学重点创建和管理站点与站点文件
教学难点编辑、设置和管理站点
教学方法任务驱动、引导教学，学生自学为主，教师讲授为辅，简单
演示
教学课时1课时
第13章综合实例——制作“宝贝爱”教学提示13.1 规划
13.1.1 命名
一般情况下，公司直接以公司名作为名即可，个人可依自己爱好
命名。
名应该能反映出的性质。
本章要制作的是一个专营婴幼用
品的公司，名为公司名“宝贝爱”。
13.1.2 划分栏目并确定结构
如果想要使建站的过程更顺利，就必须事先规划好的栏目和结构，这样在后面的制作中才能做到有章可循。
经过对容的分析，将该划分为以下6个栏目：首页、公司简介、我们的产品、我们的服务、我们的动向和联系我们。
13.1.3 确定风格
一般情况下，要根据公司的性质或标志来确定风格。
本章要制作
一个专营婴幼用品的公司，所以选用了代表沉静、理智、诚实的
蓝色和代表生命、活力、青春的绿色作为主色调；又以浅灰色作
为点缀，不仅突出了重点，又能产生强烈的视觉效果。
整个看起
以“宝贝
爱”为例，
演示整个
的制作过
程。
来特色鲜明，生机勃勃。
13.1.4 设置本地站点目录并定义站点
在编辑网页之前，首先要定义一个站点。
站点的定义我们在前面已讲了不止一次，这里只简单地介绍一下定义过程。
14.1.5 收集和整理素材
网页设计素材的收集是相当重要的。
通常情况下，素材的来源主要有下面几种。
●客户提供的素材：主要是与产品或企业相关的图像和文字，比
如产品外观图像等，本例中主要指“我们的产品”中用到的图
片。
●网上收集的素材：主要是一些辅助性的图像，这些图像的装饰
性较强，比如背景图像等。
●独自创作的素材：主要是整个页面中视觉面积最大、最有说服
力的图像，比如广告图像、标题图片等。
13.2 制作
13.2.1制作库项目：考虑把信息制作成库项目
13.2.2制作网页模板
1．新建模板文档
2．设置模板容
3．创建可编辑区域
4．在模板中定义CSS样式表
14.2.4制作首页
在制作好网页模版后，下面在其基础上制作的首页。
13.2.4 制作一级子页
一级子页主要包括我们的产品、我们的服务和我们的动向的下级
页面，这里以我们的产品的下级页面为例，来讲解一级子页的制
作方法。
13.2.5 制作二级子页
13.2.6 设置超
超是的灵魂，有了超，才能在中的各个页面之间来回跳转。
接下
最后用15
分钟时间
总结创建
的详细步
骤。