使用表单和行为[模块七].pptVIP

操作一 添加交换图像行为 （10）返回“交换图像”对话框，取消选中“鼠标滑开时恢复图像”复选框，单击“确定”按钮，如图所示。 （11）此时“行为”面板中将出现添加的交换图像行为信息，单击“onMouseOver”所在栏，如图所示。 设置鼠标指针动作 完成行为的添加 操作一 添加交换图像行为 （12）此时该栏将变为下拉列表框的形式，单击出现的下拉按钮，如图所示。 （13）在弹出的下拉列表中选择“onClick”选项，如图所示。 单击下拉按钮 选择事件 操作一 添加交换图像行为 （14）按照相同的方法为其余缩略图设置动作为“onClick”的交换图像行为，交换的图像依次为“2.jpg”、“3.jpg”和“4.jpg”，如图所示。 为其他缩略图添加交换图像行为 操作二 添加容器文本行为 （1）选择第1张缩略图，单击“行为”面板中的“添加行为”按钮，在弹出的下拉菜单中选择【设置文本】→【设置容器的文本】菜单命令，如图所示。 （2）打开“设置容器的文本”对话框，在“容器”下拉列表框中选择“td’text’”选项，如图所示。 选择行为 选择容器 操作二 添加容器文本行为 （3）在“新建 HTML”文本框中输入交换图像时一并显示的文本内容，完成后单击“确定”按钮，如图所示。 （4）此时“行为”面板中将显示添加的行为，如图所示。 设置内容 成功添加行为 操作二 添加容器文本行为 （4）用相同方法为其余缩略图添加容器文本行为，如图所示。 （5）保存设置的网页，按“F12”键预览效果，此时单击左侧第3幅缩略图时，右侧将显示相应的大图以及对应的文本，如图所示。 为其他缩略图添加行为 预览效果 学习与探究 编辑和删除行为 编辑行为：编辑行为分为编辑事件和编辑动作两种情况，在“行为”面板中单击已有行为选项的左侧部分，然后单击下拉按钮，在弹出的下拉列表中即可选择需要的事件；而在已有行为选项的右侧部分单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，即可在打开的对话框中对行为进行重新编辑。 删除行为：在“行为”面板中选择需删除的行为选项，单击“删除行为”按钮 或在已有行为选项的右侧部分单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令均可删除所选行为。 学习与探究 常见行为举例 “弹出信息”行为：“弹出信息”行为是Dreamweaver CS3中较为简单的行为之一，其功能是当设定的网页事件发生时，将触发“弹出提示信息对话框”的动作。使用该行为的方法为：在“行为”面板中单击“添加行为”按钮 ，在弹出的下拉菜单中选择“弹出信息”命令，并在打开的对话框中进行设置即可。 “拖动AP元素”行为：“拖动AP元素”行为的控制功能非常丰富，可以实现在规定范围内拖动AP元素；在AP元素移动到靠近目标位置一定范围内时自动实现靠齐停靠；以及用户自定义拖动行为的鼠标操作有效区域等功能，常用于网络空间或博客的自定义设置功能。使用该行为的方法为：在“行为”面板中单击“添加行为”按钮 ，在弹出的下拉菜单中选择“拖动AP元素”命令，然后在打开的对话框中指定拖动的AP对象，并设置其他参数即可。 效果类行为：效果类行为包括“增大/收缩”效果行为、“滑动”效果行为、“显示/渐隐”效果行为等，这里行为的特点是丰富页面的视觉呈现效果。它们的使用方法都很简单，只需在“行为”面板中单击“添加行为”按钮 ，在弹出的下拉菜单中选择相应的效果行为命令，并在打开的对话框中指定对象并进行其他参数设置即可。 实训一 制作“用户登录”网页 实训目标 进行“用户登录”页面表单的创建，最终效果如图所示。其中将主要涉及到插入表单、表格、文本区域和图像域等表单对象操作。 “用户登录”网页的最终效果 实训一 制作“用户登录”网页 实训分析 （1）新建空白网页，并在其中创建宽度为“400”，行数和列数均为“1”的表格，然后利用属性检查器将表格的背景设置为光盘中提供的“bg.jpg”图像文件。 （2）在插入的表格中插入表单，并对表单的动作和方法属性进行设置。 （3）在表单中插入4行3列的表格，并对表格进行适当调整。 （4）在第2行第2列单元格中插入名称为“用户名：”的文本区域表单对象，在第3行第2列单元格中插入名称为“密码：”、最多字符数为“6”、类型为“密码”的文本区域表单对象，在第4行第2列单元格中插入图像域，图像文件为光盘中提供的“bl.png”图像，最后保存网页并预览效果。 制作“用户登录”网页的操作思路 实训二 制作“脑筋急转弯”网页 实训目标 利用行为制作具有交互功能的“脑筋急转弯”网页，以实现将鼠标指针移至“答案”按钮上时按钮发生变化，单击按钮即可弹出相应的答案信息对话框的效果，最终效果如图所示。 “脑筋急转弯”网页的最终效果 实训