计算机基础（第二版) 教学课件 作者 978 7 302 29123 7 kj7第7章 网页制作软件介绍.pptVIP

行为 为了增加网页与用户的互动效果，可以为网页元素添加行为，用行为可以创建网页动态效果，实现用户与页面的交互。 行为是由事件和动作组成的。例如当鼠标移动到网页中某一幅图片时，触发onMouseOut 和onMouseOver事件，如果图片发生了变化，就会导致发生了一个动作。 与行为相关的三个重要概念是：对象、事件和动作。 （1）对象是应用行为的主体，大部分网页元素都可以成为对象，比如文字、图片等，甚至整个页面也可以成为对象。但有一些行为只对某种具体的网页元素起作用。 （2）事件是由用户的操作动作或程序状态的变化所触发的。例如鼠标的单击、移动、图像的装载状态变化等都是事件。 （3）动作是由事件触发的，其实质是由浏览器事件触发的脚本程序的运行。动作通常是一段JavaScript代码，在Dreamweaver8.0中可以用行为往页面中添加JavaScript代码，不必自己编写。 （4）将事件和动作结合起来就是行为，行为必须应用到网页对象才能产生效果，例如文本链接、图像或按钮等。Dreamweaver8.0中提供了许多行为动作，可以方便地实现简单的互动效果。 第*页 时间轴 时间轴是一条贯穿时间的轴，可以显示层与图像随时间而变化的属性，通过在不同的时间改变层的位置、大小、可见性和叠放次序来创建动画。 时间轴是由一个个帧组成的。 在关键帧中插入对象，或通过改变两个关键帧中对象的状态来控制对象的运动以及变化。 时间轴的设定是通过时间轴面板来进行的。 打开时间轴面板的方法是选择“窗口”|“时间轴”菜单命令，调出如图7-4-31所示的“时间轴”面板。 第*页 图7-4-31“时间轴”面板 八、框架和表单 框架可以用来划分网页，使不同的文件可以载入到不同的页面定义区域中。 表单是网页设计者与浏览者之间沟通的桥梁，其应用非常广泛。 第*页 框架 框架是网页设计不可缺少的工具，含有框架的网页一般称为框架网页。 应用框架，整个页面被分割成多个独立的区域，每个区域称为一个框架窗口，可以在每一个框架窗口中单独显示一个HTML页面。 框架包括框架集和独立的框架，在框架集中定义了所包含的框架的数目、尺寸，链接到每个框架的页面等属性。 框架集HTML页面并不在浏览器中显示，它只是存放上述信息。 一个包含三个框架的网页实际上是由四个独立的HTML页面组成：框架集文件和三个在框架中显示内容的文件。 当使用框架集设计网页时，必须对这四个页面都进行保存。 第*页 创建框架 在Dreamweaver8.0中有两种创建框架集的方法。 ①可以从预定义的框架集中选择。选择预定义的框架集是系统默认、已经创建好的框架集和框架直接应用于网页，这是迅速创建基于框架的布局的最简单方法，选择“文件”|“新建”命令，打开“新建文档”对话框，在“类别”列表中选择“框架集”，如图7-4-32所示。 ②可以自己设计框架集。选择“文件”|“新建”命令，新建一个HTML基本页，再选择“修改”|“框架页”命令。 第*页 图7-4-32“新建文档”对话框 设置框架属性 选择“窗口”|“框架”菜单命令，打开“框架”面板。 在框架面板中选择要改变的框架，使用窗口下方的框架的属性面板来改变框架的设置。 框架的属性面板如图7-4-33所示。 第*页 图7-4-33设置框架属性 设置框架集属性 选中要设置属性的框架集。 在窗口底部的属性面板中会显示出当前框架集的主要属性，如图7-4-34所示。 第*页 图7-4-34设置框架集属性 表单 网站利用表单的交互功能可以进行用户的注册、客户订单、投票等信息的收集工作。 有了表单，网站不仅仅是“信息提供者”，同时也是“信息收集者”。 在Dreamweaver8.0中，选择“插入”工具栏组中的“表单”，就会打开表单工具栏，如图7-4-35所示。 第*页 图7-4-35表单工具栏 创建表单 将光标定位在要插入表单的位置，单击“表单”按钮 ，创建了表单。选中表单后，可以在表单的属性面板中设置表单属性，如图7-4-36所示。 ①“表单名称”文本框：设置表单的名称。表单的名称可用于JavaScript等页面脚本语言，以完成表单控制、用户输入验证等功能。 ②“动作”文本框：设置处理表单信息的服务器端程序/资源。可以设置为服务器端程序的路径名称，也可以直接设置成某一个网页文件。 ③“目标”列表框：设定表单的目标窗口。该属性与超链接的相应属性设置方法相同。 ④“方法”列表框：设置表单数据提交的方法，有三个不同的选项：GET、POST和默认，通常默认使用GET方法。 ⑤“MIME类型”列表框：设置对提交给服务器进行处理的数据使用MIME编码类型。 第*页 图7-4-36 表单属性面板 添加表单对象 在表单中可以插入的对象有文本字段、隐藏域、文本区域、复选框、单选按钮、