交互式网页设计.ppt

该【交互式网页设计 】是由【lyd13607】上传分享，文档一共【18】页，该文档可以免费在线阅读，需要了解更多关于【交互式网页设计 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。第4章交互式网页设计
制作:杜丽君
://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///
目录




://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///
·
表单是用于实现浏览者与网站之间信息交互的一种网页对象。在Internet中使用表单可以帮助服务器从用户那里收集信息与反馈
通常一个表单中包含多个对象,例如用于输入文本的文本域、用于发送命令的按钮等
一个完整的表单包含两个部分:一个是在网页中进行描述的表单对象;另一个是应用程序,它可以是服务器端的,也可以是客户端的,用于对客户信息进行分析处理。
://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///






(1)选择“插入”|“表单”中的相关命令来插入表单对象。
(2)选择“插入”|“表单”子工具栏,在其中选择要插入对象的相应按钮,如图4-1所示。

在网页中添加表单对象,首先必须创建表单。
方法:
选择“插入”|“表单”|“表单”命令,
选择“插入”工具栏中的“表单”类别,然后单击“表单”按钮。
://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///

选中表单,在“属性”面板上可以设置表单的各项属性。
://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///



://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///

行为是事件与动作的彼此结合。
(Object)
对象是产生行为的主体,很多网页元素都可以成为对象,如图片、文字、多媒体文件等
(Event)
事件是触发动态效果的原因,它可以被附加到各种页面元素上,也可以被附加到HTML标记中。
(Action)
行为通过动作来完成动态效果,如图片翻转、打开浏览器、播放声音都是动作。动作通常是一段JavaScript代码,在Dreamweaver中不必自己编写。
://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///

将事件和动作组合起来就构成了行为,例如,将onClick行为事件与一段JavaScript代码相关联,单击时就可以执行相应的JavaScript代码(动作)。一个事件可以同多个动作相关联,即发生事件时可以执行多个动作。为了实现需要的效果,还可以指定和修改动作发生的顺序。

1.“行为”面板
在Dreamweaver中,对行为的添加和控制主要通过“行为”面板来实现,“行为”面板如图所示。
://-://://
://://://
://://://://://://
://://://
://://://
://://-://-
-://-://-:///
://://://
-://://://:///