1 / 26
文档名称:

Dreamweaver中行为及其应用--网页设计课件.ppt

格式:ppt   页数:26
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Dreamweaver中行为及其应用--网页设计课件.ppt

上传人:qujim2013 2013/9/5 文件大小:0 KB

下载得到文件列表

Dreamweaver中行为及其应用--网页设计课件.ppt

文档介绍

文档介绍:教学目标
(1)了解行为的三要素;
(2)掌握创建行为的三个步骤;
(3)熟练运用dreamweaver中常见行为的设定
下一页
上一页
教学重点
(1)弹出式菜单的设计;
(2)层的控制;
下一页
上一页
教学难点
设置文本动作的使用
下一页
上一页
教学方法
1、项目工程互动式教学法
2、“讲、学、练”相结合
下一页
上一页
下一页
上一页
一、关于Dreamweaver行为
行为有三个最重要的构成部分,分别为对象(Object)、事件(Event)和动作(Action)。对象是产生行为的主体。网页中很多的元素都可以成为对象,如网页中插入的图像、一段文字、一个多媒体文件等。对象也是基于成对出现的HTML标签的,在创建时要首先选中对象的标签。事件是触发动态效果的条件。
下一页
上一页
在创建行为时,这三者的顺序为:
1、选择对象
2、添加动作
3、调整事件
下一页
上一页
二、Dreamweaver主要内置动作
下一页
上一页
1、“交换图像”和“恢复交换图像”
步骤如下:
(1)选中对象
网页上应该有正常状态的图像,如图所示,选中图像,打开行为面板。选中图像,实际上也就是选中了图像的<img>标签。
(2)添加动作
(3)设定事件
下一页
上一页
2、弹出信息
3、打开浏览器窗口
4、控制Shockwave或Flash
5、播放声音
6、改变属性
下一页
上一页
7、显示-隐藏层
具体的操作步骤如下:
(1)在页面上添加两个层,分别为layer1和layer2,在layer1中插入一个事先准备好的图片,在layer2中添加文字,如图: