第二章表格与表单的制作讲述.ppt

单选按钮组是一种单项选择类型的表单。其提供一种或多种选项供用户选择，同时限制用户只能选择其中一项选项。 * 复选框是一种允许用户多项选择的表单对象。其与单选按钮最大的区别在于，允许用户选择其中的多个选项。复选框可以让用户在多个复选框中选择多个选项。每个选项都有两个状态。即选中和不选中，而且每个复选框之间不受影响。 * 名称 作用 复选框名称 定义复选框的id和name属性，供脚本调用 选定值 如该项被选定，则传递给脚本代码的值 初始状态 已勾选 定义复选框初始化时处于被选中的状态 未选中 定义复选框初始化时处于未选中的状态 按钮既可以触发提交表单的动作，也可以在用户需要修改表单时将表单恢复到初始状态。 * 隐藏表单在页面中是看不到的，主要用来存储一些重要信息，便于处理表单中的一些特殊功能。 将鼠标放在要插入隐藏表单的位置——单击工具栏中的隐藏表单 设计用户注册页面时，不仅需要使用之前章节介绍的文本字段和按钮等表单组件，还需要使用到项目列表选项，供用户选择项目。同时，还需要使用文本域的组件，获取用户输入的大量文本，用于用户的个人简介。 * 在设计问卷调查页时，除使用了之前介绍过的文本区域、按钮、列表/菜单等表单元素外，还是用了单选按钮组和多选按钮组等，以为用户提供客观性的选项，提高用户填写问卷调查的效率。 * 小结: 通过本章节学习使学生学习表格的设置以及表单的设置。知道表格不仅能够控制网页在IE窗口中的位置，还可以控制网页元素在网页中的显示位置，这样无论IE窗口如何变化，其中的网页都会保持默认的状态。 * 重点难点：本章主要介绍表格的插入以及设置。 教学目标： 1、表格的设置 2、单元格的设置 将文本与图像插入页面后，就形成了最简单的网页。但在浏览网页时可以发现，文本或者图像会随着IE窗口的放大或者缩小发生变化，这使得网页处于不稳定状态。要想改变这种情况，最简单的方法就是使用表格。表格不仅能够控制网页在IE窗口中的位置，还可以控制网页元素在网页中的显示位置，这样无论IE窗口如何变化，其中的网页都会保持默认的状态。 1在菜单栏选择插入记录——表格 2常用——表格 3Ctrl+alt+T 单元格边框与其中内容之间的空白，其默认值为1像素 表格中每个单元格之间的距离，默认值为2像素 * 表格用于在HTML页面上显示表格式数据，是布局文本和图像的强有力工具。通过表格可以将网页元素放置在指定的位置。 在编辑整个表格、行、列或单元格时，首先需要选择指定的对象。可以一次选择整个表格、行或列，也可以选择一个或多个单独的单元格。 * 当选择整个表格后，在表格的右边框、下边框和右下角将会出现3个控制点。通过鼠标拖动这些控制点，可以使表格横向、纵向或者整体放大或者缩小。 * 想要在某行的上面或者下面添加一行，首先将光标置于该行的某个单元格中，单击【插入】面板【布局】选项卡中的【在上面插入行】按钮 或【在下面插入行】按钮 ，即可在该行的上面或下面插入一行。 * 如果想要删除表格中的某行，而不影响其它行中的单元格，可以将光标置于该行的某个单元格中，然后执行【修改】｜【表格】｜【删除行】命令即可。 * 单击表格边框右键点击——编辑标签——浏览器特定——边框颜色 单击表格边框右键—编辑标签——常规——背景颜色 选中你所要合并的单元格——属性——合并单元格或拆分单元格 重点：要在表格中选择不连续单元格。可以按住ctrl键，在表格内单击单元格。 在实际网页设计中，在文档中插入一个几行几列的表格，在第一行插入图片和文字以后，对第一行再进行操作时会发现表格中的宽与高会随着插入大小进行变化，如何让这些元素随着自己意愿排列，就要用到表格的嵌套。 （1）将光标定位到要插入表格的单元格中。 （2）在“插入栏”的“常用”选项卡中单击 按钮，打开“插入表格”对话框。 （3）根据实际需要分别在行数、列数、宽度和边框等项中指定嵌套表格的属性。 （4）设置完成后单击确定按钮即可。 菜单栏中命令——排序表格（按字母顺序，和按数字顺序） 表格数据的导入：在将Excel中的数据导入前，需要先将文本另存为文本格式的文件（文本txt）格式。 菜单栏中文件——导入——表格式数据 文件——导出——表格 （选择定界符：空白键 ） （换行符设置表格适用于哪个操作系统windons） 表格在网页中是用来定位和排版的，有时一个表格无法满足所有的需要，这时就需要运用到嵌套表格。 * 在网络商城购物时，当选择某一商品后，该商品将会