Dreamweaver第12课.pptx

;;本章导读;12.1 创建表单;表单是表单对象的容器，同时也包含如何传送表单数据、向哪一个动态网页提交表单数据等信息。在制作表单页面之前首先要创建表单，表单对象必须添加到表单内才能正常运行。;设置表单属性（如表单名称、表单动作、表单方法等）后，当单击“提交”按钮后，才能将表单内容提交到服务器上。表单属性的设置在“属性”面板中进行，选中表单即可看到表单“属性”面板。;12.2 添加表单对象;在Dreamweaver CS6中选择“表单”插入栏，在其中即可看到所有的表单对象（第一个对象为表单）。;用于在表单中插入一个可以输入一行或多行文本的文本域，文本可以为任何类型的文本、数字与字母的组合，也可以在文本字段的“属性”面板中选中“密码”单选按钮，对文本进行加密，使其以星号显示，避免其他用户查看到信息。;用于进行数据的选择，可允许用户在一组选项中选择多个选项。;用于在表单中插入一组复选框，以快速添加多个复选框选项。当添加复选框组时，将打开“复选框组”对话框，在其中可以事先对所有的复选框选项进行设置，将其添加到表单中。;用于进行数据的选择，但只能选择单一的选项。当表单中包含某一单选按钮组时，选择某一个单选按钮，则会取消该组中其他按钮的选中状态。;用于添加多个（两个或两个以上）单选按钮，其使用方法与复选框组类似。;可插入一个列表或菜单。当插入列表时，用户可从列表框中选择需要的多个选项；当为菜单时，则只能选择某个单一的选项。;用于插入一个文本字段和一个“浏览”按钮，用户可以通过单击该按钮浏览本地计算机中的某个文件，并将其作为表单数据上传到网站中。;Spry验证文本区域与Spry验证文本域类似，都可用于进行输入信息的判断，当Spry验证文本区域中必需输入数据，但用户没有输入任何文本时，可根据其“属性”面板的“提示”文本中的内容进行提示。;Spry验证复选框可在用户选择复选框时，对其进行验证。如设置必需选择至少2个复选框时，若用户只选择了1个，或没有选择，将返回信息，提示不符合最小选择数要求。;用于验证文本输入的有效性，可根据用户输入的信息实时显示??入状态（如无效或有效）。用户可以在Spry验证文本域的“属性”面板中的“类型”下拉列表框中选择需要进行验证的选项，也可以进行自定义设置。;虽然Dreamweaver中提供的表单对象很多，但其操作方法都较为类似，只需将其添加到表单中，再通过其“属性”面板对其进行设置即可。;学电脑从入门到精通;行为是指在某种事件的触发下，通过一定的过程来达到某种目的的方式。如用户在浏览网页时单击（这是触发事件）某超级链接，然后浏览器就打开了一个对话框（这就是要达到的目的，通过执行JavaScript代码来实现这一目的），这就是一个完整的行为。 行为由动作和事件两部分组成，动作控制何时执行（如单击时开始执行等），事件控制执行的内容（如弹出对话框显示提示信息等）。 每个浏览器都提供一组事件，不同的浏览器有不同的事件，但常用的事件大部分的浏览器都支持。;Dreamweaver中内置了许多行为，它们都可在“行为”面板中进行添加与编辑。只要选择【窗口】/【行为】命令或按Shift+F4键就可打开“行为”面板。;在Dreamweaver CS6中添加行为的方法很简单，只要打开“行为”面板，单击“添加行为”按钮，在弹出的下拉菜单中选择需要添加的行为，并在打开的对话框中进行设置。;如果对添加的行为不满意可对其进行修改，其中包括事件的修改和行为本身的修改，修改事件的方法是在“事件”下拉列表框中重新选择所需的事件即可。;如果已不需要某种行为，可将其删除。删除行为的操作很简单，只需在“行为”面板中选中要删除的行为，再单击 “删除行为”按钮或直接按Delete键即可。;12.4 使用Dreamweaver预置的行为;12.5 应用Spry行为效果;“Spry效果”是视觉增强功能，可以将它们应用于使用 JavaScript 的 HTML 页面上的几乎所有元素。在“行为”面板的下拉菜单中选择“效果”命令，在弹出的菜单中可看到包含的Spry效果，分别介绍如下： 显示/渐隐：使元素显示或渐隐。 高亮颜色：更改元素的背景颜色。 遮帘：模拟百叶窗，向上或向下滚动百叶窗来隐藏或显示元素。 滑动：上下移动元素。 增大/收缩：使元素变大或变小。 晃动：模拟从左向右晃动元素。 挤压：使元素从页面的左上角消失。 ;合理应用Spry效果可以使页面达到十分丰富的效果，如更改元素的不透明度、缩放比例和背景颜色等，以达到网页设计者预期的效果。;12.6 提高实例——制作意见调查网页;12.6.1 行业分析;12.6.2 操作思路;12.7 提高练习——制作留言板页面;12.8 知识问答;知识关联：Spry框架