计算机技术应用13网页.pptVIP

华东师范大学计算中心 5.5 制作表单 表单及表单元素主要用于开发动态网页 用户在表单中输入数据，并提交给Web服务器 Web服务器处理整批输入的数据，然后动态地生成一个新网页作为响应发送给浏览器显示 1. 表单及表单元素 2. 创建表单 1. 表单及表单元素 表单元素放置于表单中，供用户输入信息或选择选项 表单用于提交给服务器端处理 其中不仅可以放置表单元素，也可以放置其它网页对象 表单HTML标记 form id=“… name=“… method=post action= /form 每个表单中一定要有【提交】按钮 常用的表单元素 文本域、隐藏域、单选按钮、复选框、列表/菜单、图像域、文件域、按钮和标签等 【插入】工具栏选择【表单工具栏】，显示如下 文本字段、文本区域 文本字段为单行文本 文本区域为多行文本 密码域 专门用来输入密码 输入的密码用特殊字符替代 单击【文本字段】或【文本区域】按钮，弹出【输入标签辅助功能属性】对话框 设置针对该表单元素的描述文字及其属性 文本字段、文本区域 样式：以何种方式显示描述文字 位置：指定描述文字的位置 访问键：指定在浏览器中快速定位到表单控件的快捷键（Alt+字母） Tab键索引：指定该表单对象的 Tab 键顺序（数字） 文本字段、文本区域 通过【属性检查器】可以转换文本字段、文本区域和密码域 可以指定字符宽度、最多字符数（文本字段和密码域）、行数（文本区域）、换行方式（文本区域）、初始内容等 隐藏域、复选框 隐藏域 隐藏域内容不在浏览器中显示 使用隐藏域存储不希望在浏览器中显示出来的信息 单击【隐藏域】按钮，添加隐藏域 复选框 使用复选框，可以在一组选项中选择多个选项 单击【复选框】按钮，弹出【输入标签辅助功能属性】对话框，设置针对该表单元素的描述文字及其属性 通过【属性检查器】设置是否选中 单选按钮（组） 单选按钮 具有相同名称的单选按钮之间互相排斥，即只能选中一个单选按钮 单击【复选框】按钮，弹出【输入标签辅助功能属性】对话框，设置针对该表单元素的描述文字及其属性 可以通过【属性检查器】设置是否选中 列表/菜单、跳转菜单 使用列表/菜单实现列表或下拉菜单 单击【列表/菜单】按钮，弹出【输入标签辅助功能属性】对话框，设置针对该表单元素的描述文字及其属性 通过【属性检查器】设置：列表和菜单的转换、高度、是否多选、输入列表值（ 【列表值】按钮）等 列表/菜单、跳转菜单 跳转菜单借助“列表/菜单”实现，选中后即可打开相应网站 单击【跳转菜单】按钮，弹出【插入跳转菜单】对话框，其中设置网站名称与网站URL 【属性检查器】中设置内容类似“列表/菜单” 处 图像域、文件域 图像域 使用图像域，可以在表单中插入一幅图像 单击【图像域】按钮，指定图像，确定后弹出【输入标签辅助功能属性】对话框，设置针对该表单元素的描述文字及其属性 文件域 使用文件域，可以实现用户上传文件功能 单击【列表/菜单】按钮，弹出【输入标签辅助功能属性】对话框，设置针对该表单元素的描述文字及其属性 按钮、标签 按钮 提交按钮：用于提交整个表单 重设按钮：用于重设这个表单中的所有元素 无动作按钮：一般与javascript等脚本语言结合，执行脚本程序完成指定功能，如检查输入是否正确等 标签 用以在文档中给表单加上标签文字 2. 创建表单 在【插入】工具栏选择【表单】，单击【插入表单】按钮 直接插入表单元素，也会自动创建表单，并将该表单元素置于其中 选中表单，在【属性检查器】中设置属性 设置表单属性 在【动作】框中指定处理该表单的动态网页或脚本的路径 在【方法】下拉列表中，选择将表单数据传输到服务器的方法 默认 POST：在 HTTP 请求中嵌入表单数据 GET：将值追加到请求该页的URL中 在【目标】下拉列表中指定一个窗口，在该窗口中显示调用程序所返回的数据 目标选项：_blank、_parent、_self、_top，也可以直接输入指定目标窗口名 在【MIME类型】下拉列表中指定表单的ENCTYPE属性 类型选项包括multipart/form-data、application/x-www-form-urlencoded 创建表单 完成表单属性设置后，根据设计需要向表单中添加表单元素和页面内容（包括各种表单元素及其它页面元素 ） 5.6 制作具有动态特效的网页 1. 层和时间轴动画 2. Dreamweaver的Behaviors（行为）概述 1. 层和时间轴动画 在Dreamweaver中，使用时间轴（也被称为时间线），可以非常方便地制作网页中的浮动图标动画，不需要手动编写脚本代码 时间轴根据时间的推移移动层的位置，以此来实现动画效果 时间轴只能移动层，如果希望能使图像、文本或