当前位置：文档之家 › DW第八讲 行为

DW第八讲 行为

  • 格式：ppt
  • 大小：33.00 KB
  • 文档页数：7
DW第八讲 行为

合集下载

《dw教学》第八讲----行为

《dw教学》第八讲----行为


编辑ppt
11
Swap Image和 Swap Image Restore：Swap Image，可以制作轮替图；Swap Image Restore 用于将在Swap Image动作中设置的后一张图片， 恢复为设置的前一张图片。
有关Timeline的动作
Validate Form：检验指定文本框中的内容，以确 认用户输入了正确的数据类型，即验证表单。
Preload Images：可以在浏览器缓存中载入不会 立即出现在页面上的图像，而不使下载时间过长
Set Nav Bar Image：可以将图像转换成导航条图 像或改变在导航条中的图像显示，也可用来更新 、编辑导航栏图像。
Set Text：
Show-Hide Layer：可以显示、隐藏或恢复一个 或多个层默认的可见性
Layer：选择要操作的层
Movement（移动）：选择层被拖动时的移动方式
Constrained（受限制）
Unconstrained（不受限制）
Drop Target（拖动目标）区域：可设置层被移动到的位置
Get Current Position（获取当前位置）
Snap if With in（在……范围内则靠齐）
Jump Menu Go，可以给插入的跳转菜单加上一 个Go按钮。
Open Browser Window：调用此命令，可以让用 户在触发该行为时打开一个新的浏览器窗口，在 新窗口中可以载入指定URL地址上的网页。
Play Sound：可以为网页添加音乐
编辑ppt
10
Popup Message：用以制作弹出对话框。
加快一个运动的层的运动速度，应当如何操作？ 时间线动画在浏览器中是如何被播放的？哪些行
第8章 使用行为创建特效网页

第8章 使用行为创建特效网页


8.7.1设置状态栏文本

【设置状态栏文本】动作在浏览器窗口底部左侧 的状态栏中显示消息。可以使用此动作在状态栏 中说明链接的目标而不是显示与之关联的URL。
8.7.2设置容器中的文本

使用【设置容器中的文本】 动作可以将指定的内容替 换网页上现有AP元素中的 内容和格式设置。
8.7.3 设置框架文本
第8章 使用行为创建特效网页
教学内容：行为可以说是DreamweaverCS6中最 有特色的功能，它可以让用户不用编写一行 JavaScript代码即可实现多种动态页面效果。
• •
教学重点 了解行为概述 掌握Dreamweaver CS6内置行为的使用
8.1 行为的概述

有许多优秀的网页，它们不只包含文本和 图像，还有许多其他交互式的效果，例如 当鼠标移动到某个图像或按钮上，特定位 置便会显示出相关信息，又或者一个网页 打开的同时等。
8.3.1 利用JavaScript实现打印功能

下面制作调用JavaScript打 印当前页面，制作时先定 义一个打印当前页函数 printPage()，然后在<body> 中添加代码 OnLoad="printPage()"，当 打开网页时调用打印当前 页函数printPage()。利用 JavaScript函数实现打印功 能。


8.6.2 交换图像
交换图像就是当鼠标指针经过图像时，原图像会 变成另外一幅图像。一个交换图像其实是由两幅 图像组成的：原始图像（当页面显示时候的图像） 和交换图像（当鼠标指针经过原始图像时显示的 图像）。
8.7 设置文本

【设置文本】行为中包含了4项针对不同类型的动 作，分别为【设置状态栏文本】、【设置文本域 文字】、【设置框架文本】和 【设置容器中文 本】。
网页设计与制作(Dreamweaver)《行为：事件+动作》

网页设计与制作(Dreamweaver)《行为：事件+动作》

事件可以被附加到各种页面元素上，也可以被附加到HTML标签中。一个事件总是针对页面元素或 标签而言的。例如，将鼠标指针移到图片上、把鼠标指针放在图片之外和单击鼠标左键是与鼠标有 关的3个最常见的事件(onMouseOver、onMouseOut、onClick)。不同浏览器支持的事件类型和 数量是不一样的，通常高版本的浏览器支持更多的事件。
行为：事件+动作
认识行为
动作是指最终需完成的动态效果，如交换图像、弹出信息、打开浏览器窗口、 播放声音等都是动作。动作通常是一段JavaScript代码。在Dreamweaver 中使用内置行为时，系统会自动向页面中添加JavaScript代码，用户不必自 己编写。
行为：事件+动作
行为面板与菜单
行为：事件+动作
行为的基本操作
对行为的基本操作包括：添加行为、删除行为和编辑行为等。 1．添加行为 在编辑行为之前，先要为页面中的对象添加行为。可以将行为添加到整个文档、链接、图像、表单对象或者任何其他的 HTML元素中。单击“行为”面板中的“添加行为”按钮，在弹出的行为列表中选中一种行为，将打开对应的设置对话框， 然后进行详细的设置并确认。在“行为”面板中，单击添加的行为事件设置列，可为该行为选择一个合适的事件类型。 2．删除行为 选中文档窗口中的目标对象，“行为”面板中将罗列出该对象上被定义的所有行为，选中需要删除的行为，单击“删除事件” 按钮，即可将其删除。
行为：事件+动作
行为类型
弹出消息
方法：应用“弹出消息”行为的方法：选择一个事件对象（链接、图象、导航按钮或整 个文档“Body”）并打开“行为”面板。单击加号（+）按钮并从“动作”弹出菜单 中选择“弹出消息”。
选择一弹出信息设置对话框，在“消息”域中输入 要显示的信息，如“欢迎光临”等。单击“确定” 按钮，关闭设置对话框。
在网页中使用行为

在网页中使用行为


六、拖动层
1．打开一个网页，插入一个层，命名为layer1，在层插入图像。 2．选择窗口下方的<body>标签。 3．在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“拖动层”。 4．打开“拖动层”对话框， 如图所示。
5．在“基本”选项中，选择要拖动的层，其他使用默认设置。 6．单击“确定”按钮，退出“拖动层”对话框。 7．在行为面板设置事件为“OnLoad”。 8．保存并在浏览器中测试行为。
$ [知识目标]
1. 了解Dreamweaver8中的行为； 2. 掌握Dreamweaver8内置行为的添加方法； 3. 掌握行为的设置流程，及应用方法。
8 [能力目标]
1. 掌握行为面板的使用； 2. 熟练内置行为的添加与应用操作。
第一节 认识行为 第二节 使用Dreamwerver8内置的行为 本章小结
七、 检查浏览器
1．打开一个网页，选择窗口下方的<body>标签。 2．在行为面板上，单击“+”按钮，打开下拉菜单，从中选择“检查浏 览器”。 3．打开“检查浏览器”对话框，如图所示。
4．对话框各项设置如下： “Netscape Navigator”：用于设置Netscape Navigator浏览器 的版本及打开的网页。 “Internet Explorer“：用于设置Internet Explorer浏览器的版本 及打开的网页。 “其他浏览器”：设置对于其他浏览器的选项设置，。 “URL”：用于设置要跳转的地址，单击“浏览”按钮可以选择跳 转的文件。 “替代URL”：用于设置替代的URL，也可以单击“浏览”按钮选 择文件。 5．设置完成后，单击“确定”退出对话框。 6．在行为面板设置事件为“OnLoad”。 7．保存并在浏览器中测试行为。