案例表单各控件应用分析汇编.ppt

天津滨海职业学院信息工程系孙荣侠 表单设计 项目5 表单设计 任务1 表单应用 案例分析： 任务2 幂文本的输入 小结：本项目主要介绍了dw8中表单及其各个控件的设计与应用，通过学习，让学生理解表单及其各控件的设置与意义，并掌握表单及其各个控件的标签代码 实验：完成实验9、实验10 小型网站制作要求 网页要求5-7页 主题小，明确，颜色搭配合理 图文并茂，不能为图片的堆砌，也不能为文字的描述 主页命名为index.htm 合理应用前面学习的知识，体现尽可能多的知识点 教学重点：熟练掌握表单设计应用，包括表单个控件的应用与设计。 教学难点：理解表单的功能与设计过程，并能对各控件设置其属性，理解各控件的意义，掌握表单标签代码form及各控件代码的应用。 教学目标： 专业能力：熟练掌握表单及其各控件的应用及其设置方法。 社会能力：独立思考、紧跟课堂教学培养服从意识。 方法能力：通过解析代码培养自学分析能力 教学内容： 1、在dw8中打开页面2、表单各控件应用分析3、表单的功能，注意表单设计制作方法form放在控件外 主要步骤： 1、插入form，红色虚线标志 2、光标定位在表单内，即红色虚线内 3、插入8行2列表格 4、设置表格各单元格属性：背景颜色、边框颜色等 5、插入控件并设置各控件属性 相关知识点： 表单概述 表单是用来收集来自用户的信息，是网站站的管理者与浏览者之间沟通的桥梁。收集用户的反馈意见，做出科学的、合理的决策，是一个网站成功的重要因素。表单有两个重要的组成部分：一是描述表单的HTML源代码；还有就是用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本，如CGI、ASP等。通过表单收集到的用户反馈信息，通常是一些用分隔符（如逗号、分号等）分隔的文字资料。这些资料可以导入到数据库或电子表格中进行统计、分析，成为具有重要参考价值的信息。 创建表单 创建表单通常用两种方法：使用“插入”中的“表单”的菜单命令创建表单；使用“插入面板”中的“表单”按钮创建表单。 使用菜单命令插入表单 使用菜单命令插入表单的步骤如下： （1）在文档窗口中选定插入点，将光标置于该位置。 （2）使用“插入”中的“表单”菜单命令插入表单，如右图所示。 （3）此时在文档窗口中将有红色边框线所定义的插入表单区域，如下图所示。 注意：如果没有看到所创建的表单边框，单击“查看”中“可视化助理”→“不可见元素”命令将边框线显示出来。 （4）选中所创建的表单，打开“属性检查器”如图所示，在里面设置表单的属性： “表单名称”文本框：给表命名，这样方便用脚本语言对其进行控制。 “动作”文本框：指定处理表单信息的服务器端应用程序。单击文件夹目标，找到应用程序，或直接输入应用程序路径。 “方法”文本框：定义处理表单数据的方法，具体内容见步骤（5）。 （5）在“属性检查器”中，选择以下表单数据处理方法之一。 “默认”下拉表：使用浏览器默认的方法（一般为GET） “GET”下拉表：把表单值添加给URL，并向服务器发送GET请求。因为URL被限定在8192个字符之内，所以不要对长表单使用GET方法。 “POST”下拉表：在消息正文中发送表单值，并向服务器发送POST请求。 使用对象面板创建表单 使用对象面板创建表单的步骤是： （1）在文档窗口中选定插入点，将光标置于此位置。 （2）单击“插入面板”中的“表单”标签，单击表单按钮，如图所示。 (3)其他设置同使用菜单命令插入表单。 向表单中插入对象 Dreamweaver 8表单包含标准对象，如文本域、按钮、图像域、复选框、单选钮、列表/菜单、文件域及隐藏域等。 1 插入表单对象的通用方法 （1）光标置于表单边界内部插入点，选择“插入”中的“表单对象”中选择一个对象，例如“文件域”，如右图所示。 （2）光标置于表单边界内部插入点，单击“插入栏”中的“表单”标签上的表单对象 按钮，例如“文件字段”按钮如图所示。 （3）按住“插入栏”中的“表单”标签上的表单对象按钮拖入插入点，释放按钮。例 如“文件字段”按钮到位置后释放按钮。如图所示。 以上几种方法得到的效果如图所示。 除了表单按钮外，在标签“表单”中其他从左到右依次为文本字段、隐藏域、文本区域、复选框、单选按钮、单选组、列表/菜单、跳转、图像域、文件字段和按钮，其中一些常用功能分别是： 隐藏域：允许设计者存储应用程序在处理表单时所需要的信息。 文本字段和文本区域：接受任何类型的文本、字母和数字。文本字段为单行、密码保护，文本区域为多行。 复选框：在一组选项中选择多项。 单选按钮：在一组选项中一次只能选择一项。 列表/菜单：从提供一组选项中选择一项或多项。