《设计复杂网》ppt课件

《《设计复杂网》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章设计复杂网页5.1应用Dreamweaver内部行为5.2使用CSS样式5.3创建表单5.1应用Dreamweaver内部行为行为是指Web页面上的对象可以对用户的一些动作做出反应，并进而引发的页面效果。组成行为的基本要素有两个：事件(Event)和动作(Action)，也就是说事件和动作共同构成了行为。本节讲述利用Dreamweaver提供的一些工具和面板，实现许多常见的动态交互式效果，如弹出窗口、显示和隐藏层、播放多媒体文件、下拉菜单效果，以及拖拽层的效果等复杂的动态网页。5.1.1添加

2、及修改行为1．添加行为添加行为的操作步骤如下：（1）在网页中选定一个对象，也可以单击文档窗口左下角的标记，选中整个页面。（2）选择【窗口】→【行为】命令，打开【行为】面板。单击面板上的按钮，弹出动作菜单。（3）选择希望执行的动作，例如打开一个浏览器窗口、交换图片、隐藏一个层，或是在状态栏显示一段文字。之后会弹出相应的参数设置对话框。设置参数后，单击【确定】按钮。【行为】面板上各按钮的作用如下：按钮：单击该按钮，只显示已经设置的事件。按钮：单击该按钮，显示所有可设置的事件。按钮：单击该按

3、钮，打开下拉菜单，其中包含可以附加到当前所选对象的多个动作。当在其中选择某个动作时，将出现一个对话框，用户可以在其中指定该动作的参数。如果所有动作都以灰色显示，则表示没有该所选对象可以生成的事件。按钮：单击该按钮，删除选定的行为。按钮：这两个按钮用来将特定事件的所选动作在行为列表中向上或向下移动。给定事件的动作是以特定的顺序执行的。可以为特定的事件更改动作的顺序。对于不能在列表中上下移动的动作将禁用箭头按钮。Dreamweaver提供了许多常用的事件能够触发的动作。下面介绍【行为】面板动作弹出菜单

4、能够和动作相链接的事件。onAbort：该事件在浏览者中断浏览器正在载入图像的操作时产生。onBlur：该事件在指定元素不再被浏览者交互时产生。onChange：该事件在浏览者改变网页中的某个值时产生。onClick：该事件在浏览者在指定的元素上单击时产生。onDblClick：该事件在浏览者在指定的元素上双击时产生。onError：该事件在浏览器在网页或图像载入产生错位时产生。onFocus：该事件在指定元素被浏览者交互时产生。onKeyDown：该事件在按下任意键的同时产生。onKeyPres

5、s：该事件在按下和松开任意键时产生。此事件相当于把onKeyDown和onKeyUp这两个事件集合在一起onKeyUp：该事件在按下的键松开时产生。onLoad：该事件在一幅图像或网页载入完成时产生。onMouseDown：该事件在浏览者按下鼠标时产生。onMouseMove：该事件在浏览者将鼠标在指定元素上移动时产生。onMouseOut：该事件在鼠标从指定元素上移开时产生。onMouseOver：该事件在鼠标第一次移动到指定元素时产生。onMouseUp：该事件在鼠标弹起时产生。onMove：

6、该事件在窗体或框架移动时产生。onReadyStateChange：该事件在指定元素的状态改变时产生。onReset：该事件在表单内容被重新设置为默认值时产生。onResize：该事件在浏览者调整浏览器或框架大小时产生。onScroll:该事件在浏览者使用滚动条向上或向下滚动时产生。onSelect：该事件在浏览者选择文本框中的文本时产生。onSubmit：该事件在浏览者提交表格时产生。onUnload：该事件在浏览者离开网页时产生2.修改行为打开【行为】面板后，用户可以根据需要对行为进行删除、改

7、变动作参数以及调整动作的顺序等修改。要删除一个行为，先将其选中，然后单击删除按钮即可。要改变一个动作的参数，可双击此行为，在弹出的对话框中修改参数项，修改完毕后单击【确定】按钮即可。要更改动作之间的顺序，可选定需要改变顺序的行为，然后单击面板上的向上或向下方向按钮即可。5.1.2交换图像交换图像动作是通过改变IMG(图像)标签的SRC属性，将该图像变换为另外一幅图像。该动作可以制作变换的按钮效果。5.1.3弹出信息弹出信息动作的功能是：当用户与附加了该动作的对象（例如图片、文本等）进行交互（例如单

8、击、鼠标移过等）时，显示指定信息。5.1.4打开浏览器窗口打开浏览器窗口动作的功能是在新的浏览器窗口打开指定的网页。用户可以自定义新窗口的大小、属性及名称等。5.1.5拖动层拖动层行为之所以具有很大的吸引力，在于它可以让浏览者自己控制和改变一些页面元素的位置，例如常见的一些可以拖动的图片，以及一些拼图游戏等。使用【拖动层】可以指定层的移动范围、移动方向（水平或垂直）、层的目标位置、是否自动对齐或到达指定位置后是否触发另一个行为。5.1.6控制Flash控制shockwave或Fla