网页设计与制作第10章网页交互及行为控制
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
创建表单 表单对象
10.1
页面交互
创建表单时需要注意： 一页表单，有且只有一个表单标记，即只有一个虚线框。 所有表单对象都在一个Form的虚线框中。 至少有一个Submit按钮，重填按钮可以没有。
10.2
行为控制
行为（Behavior），就是在网页中进行的一系列动作。 通过这些动作，可以实现用户与网页的交互，也可以执行某个任务。 一般来说，一个行为应该由一个事件(Event)和一个动作（Action） 组成。
10.2
行为控制
动作：
动作通常由一段JavaScript代码组成，利用这段代码可以完成相应的任务，例如 打开浏览器、播放声音和视频等。
在Dreamweaver中，可以使用Dreamweaver内置的行为为页面添加JavaScript代码， 而不用自己书写JavaScript代码。当然，也可以对现有的代码进行修改，使 之更符合自己的需要。
可以在Dreamweaver中直接调用Fireworks、Flash对图片或Flash动画进 行编辑和修改，返回到Dreamweaver中时，页面中的图像或Flash动 画会自动更新。
第10章 网页交互及行为控制
页面交互 行为控制 综合应用和管理 本章要点和概念
10.1
页面交互
上网时经常会遇到要求上网者填写一些信息以实现注册或者登陆， 然后才有权访问该网页。通过表单，客户可以在浏览页面中输入信息， 并向站点服务器提交信息，实现客户与服务器之间的交互。表单可以包 含用于交互的各种对象，如文本域、列表框、单选按钮、复选框等。
弹出浏览器窗口 弹出信息 检查表单 转到URL 效果 改变属性 拖动AP元素 显示-隐藏元素
10.3
综合应用与管理
Drereamweaver和Fireworks能够共享和管理网页文件中的很多内容，如链 接、切片、网页特效等。因此，同时应用Dreamweaver和Fireworks 可以大大提高网页设计和编辑的效率。
10.2
行为控制
事件：
事件则通常由浏览器所定义，它可以被附加到各种页面元素上，也可以 被附加到HTML标记中。通常一个事件总是针对页面元素或标记而言 的。
将事件和动作组合起来，就构成了行为。
10.2
行为控制
在Dreamweaver中，利用行为面版，可以为对象附加JavaScript行为，还 可以修改以前添加的行为参数。行为会按事件的字母顺序显示在行为面板中。 如果对于同一事件引发不同的动作，则这些动作将以其执行顺序显示在行为 面板中。
一般来说，一个行为应该由一个事件(Event)和一个动作（Action）组成。 动作通常由一段JavaScript代码组成，利用这段代码可以完成相应的任 务；事件则通常由浏览器所定义，它可以被附加到各种页面元素上，也 可以被附加到HTML标记中。将事件和动作组合起来，就构成了行为。 每个事件可以指定多个动作，动作将按顺序列表依次发生。
网站相册。是将一些图像以缩略图的形式显示，浏览时用户单击相应 的缩略图，便可在新开窗口中显示此缩略图的源图像。
编辑图像。可以在Dreamweaver中直接启动Fireworks对图像进行编 辑与处理，再返回到Dreamweaver中时，页面中的图像会自动更新。
10.3
综合应用与管理
Dreamweaver与Flash的连用：
在Dreamweaver中可以直接调用Flash对Flash动画进行编辑和处理。因 此，同时应用Dreamweaver和Flash可以大大提高网页设计和编辑的 效率。
10.3
综合应用与管理
站点管理： 站点管理窗口 检查超级链接 站点报告
本章要点和概念
表单是网页与浏览者交互的一种界面。Dreamweaver中的表单包括文本域、 单选按钮、复选框、菜单/列表、按钮等表单对象，注意将表单对象放 置在红色表单虚线内。如果某表单对象出现在红色虚线以外，那么在该 表单对象中填入的信息将不能被发送到Web服务器。
本章要点和概念
Dreamweaver提供行为控制，可以方便地创建页面中的交互行为，实现 丰富的页面效果。既可以将行为附加给整个文件<body>…</body>标 记部分，又可以附加给链接、图像、表单元素或任何其他的HTML元 素。元素可以接受的附加行为取决于浏览器版本。
站点管理的主要内容包括站点内文件及文件夹的管理、网页链接的管理、 文件的上传和下载等。
10.1
页面交互
创建表单时需要注意： 一页表单，有且只有一个表单标记，即只有一个虚线框。 所有表单对象都在一个Form的虚线框中。 至少有一个Submit按钮，重填按钮可以没有。
10.2
行为控制
行为（Behavior），就是在网页中进行的一系列动作。 通过这些动作，可以实现用户与网页的交互，也可以执行某个任务。 一般来说，一个行为应该由一个事件(Event)和一个动作（Action） 组成。
10.2
行为控制
动作：
动作通常由一段JavaScript代码组成，利用这段代码可以完成相应的任务，例如 打开浏览器、播放声音和视频等。
在Dreamweaver中，可以使用Dreamweaver内置的行为为页面添加JavaScript代码， 而不用自己书写JavaScript代码。当然，也可以对现有的代码进行修改，使 之更符合自己的需要。
可以在Dreamweaver中直接调用Fireworks、Flash对图片或Flash动画进 行编辑和修改，返回到Dreamweaver中时，页面中的图像或Flash动 画会自动更新。
第10章 网页交互及行为控制
页面交互 行为控制 综合应用和管理 本章要点和概念
10.1
页面交互
上网时经常会遇到要求上网者填写一些信息以实现注册或者登陆， 然后才有权访问该网页。通过表单，客户可以在浏览页面中输入信息， 并向站点服务器提交信息，实现客户与服务器之间的交互。表单可以包 含用于交互的各种对象，如文本域、列表框、单选按钮、复选框等。
弹出浏览器窗口 弹出信息 检查表单 转到URL 效果 改变属性 拖动AP元素 显示-隐藏元素
10.3
综合应用与管理
Drereamweaver和Fireworks能够共享和管理网页文件中的很多内容，如链 接、切片、网页特效等。因此，同时应用Dreamweaver和Fireworks 可以大大提高网页设计和编辑的效率。
10.2
行为控制
事件：
事件则通常由浏览器所定义，它可以被附加到各种页面元素上，也可以 被附加到HTML标记中。通常一个事件总是针对页面元素或标记而言 的。
将事件和动作组合起来，就构成了行为。
10.2
行为控制
在Dreamweaver中，利用行为面版，可以为对象附加JavaScript行为，还 可以修改以前添加的行为参数。行为会按事件的字母顺序显示在行为面板中。 如果对于同一事件引发不同的动作，则这些动作将以其执行顺序显示在行为 面板中。
一般来说，一个行为应该由一个事件(Event)和一个动作（Action）组成。 动作通常由一段JavaScript代码组成，利用这段代码可以完成相应的任 务；事件则通常由浏览器所定义，它可以被附加到各种页面元素上，也 可以被附加到HTML标记中。将事件和动作组合起来，就构成了行为。 每个事件可以指定多个动作，动作将按顺序列表依次发生。
网站相册。是将一些图像以缩略图的形式显示，浏览时用户单击相应 的缩略图，便可在新开窗口中显示此缩略图的源图像。
编辑图像。可以在Dreamweaver中直接启动Fireworks对图像进行编 辑与处理，再返回到Dreamweaver中时，页面中的图像会自动更新。
10.3
综合应用与管理
Dreamweaver与Flash的连用：
在Dreamweaver中可以直接调用Flash对Flash动画进行编辑和处理。因 此，同时应用Dreamweaver和Flash可以大大提高网页设计和编辑的 效率。
10.3
综合应用与管理
站点管理： 站点管理窗口 检查超级链接 站点报告
本章要点和概念
表单是网页与浏览者交互的一种界面。Dreamweaver中的表单包括文本域、 单选按钮、复选框、菜单/列表、按钮等表单对象，注意将表单对象放 置在红色表单虚线内。如果某表单对象出现在红色虚线以外，那么在该 表单对象中填入的信息将不能被发送到Web服务器。
本章要点和概念
Dreamweaver提供行为控制，可以方便地创建页面中的交互行为，实现 丰富的页面效果。既可以将行为附加给整个文件<body>…</body>标 记部分，又可以附加给链接、图像、表单元素或任何其他的HTML元 素。元素可以接受的附加行为取决于浏览器版本。
站点管理的主要内容包括站点内文件及文件夹的管理、网页链接的管理、 文件的上传和下载等。