信息发布与网页设计-Dreamweaver_12_行为教材教学课件.pptVIP

欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 * * 信息发布与网页设计 DREAMWEAVER 第十二章 行为 曹健 信息学院 《信息发布与网页设计》课题组 * 返回 第12章 行为 12.1 什么是行为 行为是WEB页上的内容对浏览者的动作作出的响应，从而引发的新的页面效果。 行为的2个基本要素： 事件 Event 动作 Action 第12章 行为 事件 Event 动作 Action 触发 预设定1个动作，再选择触发的事件。 12.2 行为的基本操作 12.2.1 行为面板的操作 打开“行为”面板的方法，“窗口”→“行为” 左边两个按钮的功能： 显示已设置事件/显示全部事件 +按钮：添加行为 - 按钮：删除行为 添加某一行为后，显示 行为左边下拉菜单中，可选择触发该动作的事件。 事件 动作 12.2.2 添加行为 添加行为的方法： 选定合适的对象, 如body 在“窗口”、“行为”浮动面板中，单击“+”，添加行为 “-”，删除行为 选择1个希望执行的动作 为层添加“行为”时，不可选择层！（可选body ） 12.2.3 修改行为 方法： 选定1个对象,通过浮动面板，可修改、删除、调整动作的顺序等； 双击此“动作”，可编辑、修改各参数。 12.3 DW中包含的事件 onAbort: 在浏览器中断正载入的图象时产生 onClick: 在指定网页元素上单击时产生 onDblClick: 指定网页元素上双击时产生 onError: 装载网页发生错误时产生 onFocus: 指定网页元素被浏览者交互时产生 onKeyDown: 按下任意键瞬间 onKeyUp: 松开任意键 onLoad: 在图象或网页下载完成时 12.4 自带行为动作 12.4.3 弹出信息 选择“body”标记 单击“行为面板” → “+” → “弹出信息”；在对话框中设定信息内容 欢迎浏览此页 12.4 自带行为动作 12.4.4 打开浏览器窗口 设定 新打开浏览器窗口的大小 选择对象 单击“行为”面板的“+” → “打开浏览器窗口”； 2. 设定窗口大小的参数 12.4 自带行为动作 12.4.5 拖动层 在网页中插入1个层；在层中插入图片；单击状态栏上body标签; 单击“行为”面板的“+” → “拖动层”；在对话框中设定“拖动层”的参数： 左、上，分别设置层顶点相对于浏览器窗口的距离； 靠近距离，表示可自动吸附的距离。 12.4 自带行为动作 12.4.6 控制Shockwave或Flash 插入2个按纽（不要表单域），重命名为： “播放”、“停止”； 2. “插入”→“媒体”→“FLASH”或“ Shockwave”， 在属性面板中,用单字节符号对其命名（如A）； 3. 选择“播放”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“播放”，单击“确定” ； 12.4 自带行为动作 选择“后退”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“后退”；单击“确定”； 选择“停止”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“停止”，单击“确定”。 12.4 自带行为动作 12.4.7 播放声音 在网页中加入背景音乐，打开网页时自动播放。 选择状态栏body,单击“行为”面板的“+”→“播放声音”；对话框中设定声音文件。 在代码视图中插入bgsound 标签,在属性中设定声音文件。 12.4 自带行为动作 12.4.8 改变属性 改变网页元素或 对象的属性 插入3个表单按纽(不用添加到表单中)，重命名为：“变为兰色”、“变为红色”、“变为绿色” 单击“常用”面板“布局”→“描绘层”，在网页上描绘1个层，设置背景颜色为：黑色 选定“变为兰色”按钮，“+” “改变属性”，在对话框中：“对象类型” 选择 “DIV”，命名对象隐含为：Div “Layer1”，“选择”下拉列表中：style.backgroundColor 在“新的值”文本框中添人“blue”； 依次设定其它两个按钮。 12.4 自带行为动作 12.4.9 显示隐藏层 通过交互式的（鼠标的移动），改变层的显示和隐藏。 选择“对象”， 添加“行为” 选择“显示/隐藏层” 12.4 自带行为动作 12.4.10 显示弹出菜单 创建有2个窗口的框架集网页，1个用于导航，1个用于目标窗口，显示被连接的内容。 输入导航文字，在属性面板中URL处输入