5章节 设计复杂网页.pptVIP

第5章 设计复杂网页 ;5.1 应用Dreamweaver内部行为 行为是指Web页面上的对象可以对用户的一些动作做出反应，并进而引发的页面效果。组成行为的基本要素有两个：事件(Event)和动作(Action)，也就是说事件和动作共同构成了行为。 本节讲述利用Dreamweaver提供的一些工具和面板，实现许多常见的动态交互式效果，如弹出窗口、显示和隐藏层、播放多媒体文件、下拉菜单效果，以及拖拽层的效果等复杂的动态网页。;;【行为】面板上各按钮的作用如下： 按钮：单击该按钮，只显示已经设置的事件。 按钮：单击该按钮，显示所有可设置的事件。 按钮：单击该按钮，打开下拉菜单，其中包含可以附加到当前所选对象的多个动作。当在其中选择某个动作时，将出现一个对话框，用户可以在其中指定该动作的参数。如果所有动作都以灰色显示，则表示没有该所选对象可以生成的事件。 按钮：单击该按钮，删除选定的行为。 按钮：这两个按钮用来将特定事件的所选动作在行为列表中向上或向下移动。给定事件的动作是以特定的顺序执行的。可以为特定的事件更改动作的顺序。对于不能在列表中上下移动的动作将禁用箭头按钮。 ; Dreamweaver提供了许多常用的事件能够触发的动作。下面介绍【行为】面板动作弹出菜单能够和动作相链接的事件。 onAbort：该事件在浏览者中断浏览器正在载入图像的操作时产生。 onBlur：该事件在指定元素不再被浏览者交互时产生。 onChange：该事件在浏览者改变网页中的某个值时产生。 onClick：该事件在浏览者在指定的元素上单击时产生。 onDblClick：该事件在浏览者在指定的元素上双击时产生。 onError：该事件在浏览器在网页或图像载入产生错位时产生。 ;onFocus：该事件在指定元素被浏览者交互时产生。 onKeyDown：该事件在按下任意键的同时产生。 onKeyPress：该事件在按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两个事件集合在一起 onKeyUp：该事件在按下的键松开时产生。 onLoad：该事件在一幅图像或网页载入完成时产生。 onMouseDown：该事件在浏览者按下鼠标时产生。 onMouseMove：该事件在浏览者将鼠标在指定元素上移动时产生。 onMouseOut：该事件在鼠标从指定元素上移开时产生。 onMouseOver：该事件在鼠标第一次移动到指定元素时产生。 onMouseUp：该事件在鼠标弹起时产生。 ; onMove：该事件在窗体或框架移动时产生。 onReadyStateChange：该事件在指定元素的状态改变时产生。 onReset：该事件在表单内容被重新设置为默认值时产生。 onResize：该事件在浏览者调整浏览器或框架大小时产生。 onScroll:该事件在浏览者使用滚动条向上或向下滚动时产生。 onSelect：该事件在浏览者选择文本框中的文本时产生。 onSubmit：该事件在浏览者提交表格时产生。 onUnload：该事件在浏览者离开网页时产生 ; 2.修改行为 打开【行为】面板后，用户可以根据需要对行为进行删除、改变动作参数以及调整动作的顺序等修改。 要删除一个行为，先将其选中，然后单击删除按钮即可。 要改变一个动作的参数，可双击此行为，在弹出的对话框中修改参数项，修改完毕后单击【确定】按钮即可。 要更改动作之间的顺序，可选定需要改变顺序的行为，然后单击面板上的向上或向下方向按钮即可。;5.1.2 交换图像 交换图像动作是通过改变IMG(图像)标签的SRC属性，将该图像变换为另外一幅图像。该动作可以制作变换的按钮效果。 5.1.3弹出信息 弹出信息动作的功能是：当用户与附加了该动作的对象（例如图片、文本等）进行交互（例如单击、鼠标移过等）时，显示指定信息。 ;5.1.4打开浏览器窗口 打开浏览器窗口动作的功能是在新的浏览器窗口打开指定的网页。用户可以自定义新窗口的大小、属性及名称等。 5.1.5拖动层 拖动层行为之所以具有很大的吸引力，在于它可以让浏览者自己控制和改变一些页面元素的位置，例如常见的一些可以拖动的图片，以及一些拼图游戏等。使用【拖动层】可以指定层的移动范围、移动方向（水平或垂直）、层的目标位置、是否自动对齐或到达指定位置后是否触发另一个行为。 ;5.1.6控制Flash 控制shockwave或Flash动作的功能是控制shockwave或Flash影片的播放和停止等。 5.1.7播放声音 使用播放声音动作可以为网页制作背景音乐。打开页面时，将自动循环播放音乐。 5.1.8显示隐藏图层 通过应用【显示－