任务2：表单制作和脚本熟悉.pptxVIP

表单制作和特效脚本表单示例主要内容表单简介创建表单 添加表单对象 美化表单 表单简介 表单是Internet 用户和服务器之间进行信息交流的一种重要工具。表单的作用就是收集用户的信息，然后提交给服务器进行处理，从而实现站点与用户的交互，如调查表、订单、站点注册单、搜索引擎等。表单有两个部分组成：一是面向客户端各种对象部分，一是服务器端的处理程序部分。　当访问者将信息输入Web站点表单单击提交按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序对这些信息进行处理。服务器通过将请求信息发送回用户，或基于该单内容执行一些操作来时进行响应。通常，通过通用网关接口（GGI）脚本、Java Server Page (JSP) 或 Active Server Page （ASP）来处理信息。如果不使用服务器端脚本或应用程序来处理表单数据，就无法收集这些数据。创建表单 建立表单 设置表单属性 建立表单 在Dreamweaver 8中，表单是用来输入数据或与网站进行交互的工具。可以将整个网页创建成一个表单网页，也可以在网页的部分区域中添加表单，其创建方法都相同。 设置表单属性 将插入点定位到插入的表单中，打开属性面板可以对其属性进行设置。添加表单对象 认识表单对象 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组列表/菜单 跳转菜单 图像域 文件域按钮 标签 字段集 插入表单对象插入文本字段 插入隐藏域 插入文本区域 插入复选框 插入单选按钮 插入单选按钮组 插入列表/菜单 插入图像域 插入文件域 插入按钮 文本字段 文本字段是最常见的表单对象之一，可以输入字母、数字、文本等类型的内容。文本可以是单行或多行显示，也可以以密码的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到这些文本，一般用作密码等项目。 插入文本字段 根据文本字段的行数和显示方式可分为单行文本字段、多行文本字段和密码3种。 插入隐藏域 隐藏域在浏览器上不显示。 文本区域 文本区域用来输入大段文本，与文本字段使用方式相同，也可以以密码的方式显示。 单选按钮 在一组选项中只能选择一个选项，如在性别单选按钮组中选中了“男”单选按钮，再选中“女”单选按钮时， “男”单选按钮就会被撤消。插入单选按钮 插入单选按钮组 插入单选按钮组方式可一次性插入多个单选按钮。 复选框和单选按钮复选框 复选框的标记是在选项前有符号 ，其允许同时选择多个选项。 插入复选框 列表/菜单 “列表”指在一个下拉列表框中显示一些选项，可以从其中选择多个。“菜单”指在一个菜单中显示一些选项值，用户只能从中选择单个选项。 插入列表/菜单 列表/菜单插入文件域 文件域与单行文本字段外型相似，只是在文本框右侧增加了一个“浏览”按钮，用于引用本地电脑上的文件作为表单内容。 按钮 在单击时执行操作。通常这些操作包括提交或重置表单并可以为按钮添加自定义的名称或标签。 插入图像域 图像域用来将图像作为按钮。 按钮与图像域插入文件域 文件域与单行文本字段外型相似，只是在文本框右侧增加了一个“浏览”按钮，用于引用本地电脑上的文件作为表单内容。 插入按钮 表单按钮在表单中用于控制表单的操作。 设置标签 美化表单 在Internet上的表单都很美观，所以在制作好表单之后，还需要对表单进行美化操作。 任务2：表单任务，制作一个论坛的注册页面。在练习过程中将用到创建表单、设置表单属性、添加表单对象和设置表单对象的属性等知识点。设置表单左边文本提示栏背景为浅蓝色、中间框为黄色背景。 例5 建立一个简单的表单。 HTMLHEAD TITLE一个简单的表单 /TITLE /HEAD BODYCENTER FORMH3在表单中设置一个文本框和两个命令按钮/H3 请输入姓名：INPUT TYPE=text NAME=text1 SIZE=15 BRBR INPUT TYPE=button NAME=button1 VALUE=确定nbsp; nbsp;nbsp; INPUT TYPE=button NAME=button２ VALUE=取消BR /FORM /CENTER/BODY /HTML例5.htm例例5.htm5网页脚本语言初步认识 1. 脚本的概念 脚本(Script）实际上就是一段程序，用来完成某些特殊的功能(主要是让它完成HTML不能做的事) 脚本语言用于编制网页脚本(Script)程序，它通过使用变量、表达式、函数、各种控制语句等，扩展了HTML的功能。在HTML文档中插入脚本程序，可使静态的HTML网页成为动态交互式网页。通常脚本语言的语法规则比较简单，没有一般编程语言那样严格和复杂，因此学习起来比较容易。 两种脚本：服务器端脚本和客户端脚本 客户端脚