商业广告设计.pptVIP

网页设计与制作 清华大学出版社 张晓蕾主编 主 讲：邓强 教学群：259723113 邮 箱 第8章 网页元素—表单与框架 掌握各种表单对象的创建及使用方法 能够使用CSS对表单进行美化 理解框架与框架集的概念 能够灵活运用框架知识创建包含框架的页面 8.1 表单 表单主要负责数据采集，收集用户信息并存储在服务器上，使网页实现交互功能。 表单中包含文本字段、密码字段、单选按钮、复选框、弹出菜单、可单击的按钮和其它表单对象。当访问者在浏览器中的表单内输入信息并单击提交按钮时，这些信息会被发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理，以此进行响应。 8.1 表单 8.1.1 表单域 表单域定义了一个表单的开始和结束。在包含表单的页面中，每个表单都包括表单域和若干个表单对象，所有表单对象都要放在表单域中才会生效。 8.1 表单 表单属性 表单ID：输入表单唯一名称，默认form1。 动作：输入路径或者点击文件夹图标指定处理表单数据的页面或脚本。 方法：指定表单数据传输到服务器的方法。 GET：指将表单值添加给URL，并想服务器发送GET请求，不能发送长表单（Request.QueryString）。 POST：指将表单数据嵌入到HTTP请求中（Request.Form）。 默认：指的是使用浏览器的默认设置将表单数据发送到服务器。 目标：下拉选择，用来显示返回的数据 8.1 表单 对于“文本字段”表单对象来说是最为常见的表单对象之一，常应用于注册、登录框和密码输入框等的文本输入。 8.1.2 文本字段 8.1 表单 “文本域”文本框：用于为文本字段表单对象设置名称，命名尽量使用英文名,对应代码name “字符宽度”文本框：用于设置文本域中最多可显示的字符数，对应代码size “最多字符数”文本框：用于设置单行文本域中最多输入的字符数，对应代码maxlength “初始值”文本框：用于设置在首次加载的时候表单域中显示的值，对应代码value “类”文本框：选择将CSS规则应用到表格上 “禁用”：设置当前文本域是否被禁用 “只读” ：设置当前文本域只能读取，不能输入和修改 8.1 表单 复选框提供了一个实现多个选项同时选择的方法，当网页设计者希望用户可以选择一个或多个选项时，就应使用复选框。 8.1.3 复选框与复选框组 8.1 表单 “名称”文本框：用于为单选按钮或复选框设置名称，对应代码name属性，注意：对于同一组单选按钮或复选框应使用同一名称 “选定值”文本框：用于设置被选定项发送给服务器的值，对应代码value “初始状态”选项：用于设置在浏览器加载表单时，该选项是否默认选中，对应代码checked,单选按钮只能有一项默认选中 8.1 表单 表单内按钮主要用于向服务器提交数据或者对表单内对象值进行重置。 “按钮名称” ：用于为按钮设置名称，对应代码name属性 “值”：设置按钮 上显示的文字，对应value “动作”选项：用 于设置按钮的类型： 提交表单(type=“submit”) 重置表单（type=“reset”) 无（type=“button”) 8.1 表单 表单中的菜单对象能够显示多个选项，以便用户通过滚动条在多个选项中进行选择，而跳转菜单属于下拉菜单的一种，不同的是，当选择菜单中的某个选项时，可以跳转到其他链接页面上，从而实现导航的目的。 8.1.4 菜单与跳转菜单 8.1 表单 在CSS中没有特别用于表单的专有属性，使用CSS对表单进行控制其实就是对表单域中的元素进行美化。这里以美化提交信息页面为例，向读者介绍CSS是如何控制表单的。 8.1.5 借助CSS美化表单 8.2 框架 框架是组织复杂页面的一种方法。使用框架可以将浏览器显示窗口分割成几个显示不同的窗口，浏览时，各窗口间没有影响。框架主要是将一些不需要经常更新元素放置在一个框架内作为单独的网页文档，而其他需要经常更新的元素放在主框架内。 8.2 框架 1．框架 框架（Frame）是浏览器窗口中的一个区域，包含在框架集中，它是框架集的一部分，每个框架中放置一个网页内容，组合起来就是浏览者看到的框架式网页。 2．框架集 框架集（Frameset）实际是一个网页文件，用于定义文档中框架的布局和属性，包括框架的数目、框架的大小和位置以及在每个框架中显示的页面的URL。 3．框架与框架集的关系 当使用框架制作网页时，框架集文档就是生成框架本身的文档，框架集本身不包含要显示的内容，只向浏览器提供如何显示一组框架，以及框架中应显示那些文档。 8.2.1 框架的基本概念 8.2 框架 某个页面被创建为两个框架，那么它实际包含三个文件