Dreamweaver 8中文版实用教程教学课件颜辉第4章_表格和表单.ppt

第4章 表格和表单,教学目的,了解Dreamweaver 8中表格的基本特点 掌握表格与表单的基本操作 掌握使用表格与表单创建网页的方法,本章内容,插入表格 单元格操作 表格操作 表格数据操作 使用表格规划页面布局 插入表单 表格和表单应用,插入表格,4.1 插入表格,插入表格 改变表格属性 修改表格,,插入表格,,,,,,插入表格,,,,,改变表格属性,1．表格元素,2．改变单元格的大小,改变表格属性,拖动格线改变单元格的大小,3．调整单元格间距,选择表格，在窗口下面出现表格属性面板，在单元格间距中输入新的数值，调整单元格之间的距离4．设置表格的对齐方式,在页面中插入的表格，其默认位置是居左，可以通过表格属性面板更改表格的位置首先选取表格，在窗口下方出现表格属性面板，在对齐选项列表内选择“左对齐”、“居中对齐”、“右对齐”即可改变表格属性,5．使用表格属性面板,改变表格属性,,选择表格,表格属性面板,修改表格,1．增加行和列,调整行数和列数,选取表格，在表格属性面板中重新设置行数和列数如果重新输入的数值大于原来的数值，则增加行或列；如果重新输入的数值小于原来的数值，则删除行或列增加行数,减少行数,修改表格,使用命令,,,插入一行,,,修改表格,,,插入数行,使用命令,修改表格,光标移到最后一行或最后一个单元格上，按下Tab键,,2．删除行和列,修改表格,要删除整行或整列，选择整个行或列后，按下Delete键即可。

删除行或列前必须选定整个行或列，如果没有选定整个行或列，则只能删除单元格中的数据，而删除不了行或列单元格操作,4.2 单元格操作,选择单元格 合并和拆分单元格 使用单元格属性面板,,选择单元格,1．选择一个单元格,单击一个单元格选中,2．选择多个单元格,选择单元格,按住Ctrl键同时选择多个不连续的单元格,用Shift键选择多个连续的单元格,选择单元格,3．选择整行（列）,,,选择单元格,4．选择多行（列）,,,按住Ctrl键同时选择多个不连续的行,用Shift键选择多个连续的行,合并和拆分单元格,1．合并单元格,,,合并和拆分单元格,2．拆分单元格,,,,合并和拆分单元格,3．使用单元格属性面板,,,,,合并所选单元格,拆分所选单元格为行或列,表格操作,4.3 表格操作,在表格中插入内容 设置表格 设置单元格 清除多余列宽和行高,,在表格中插入内容,,,,设置表格,1．设置表格背景图像,,,,,拖住指向本地文件,,,设置表格,2．设置表格背景色,,,设置表格,3．设置表格外框颜色,,,设置单元格,1．设置单元格的背景图像,拖住指向本地文件,,,,,,,设置单元格,2．设置单元格的背景色,,,,设置单元格,3．设置单元格边框颜色,,,,清除多余列宽和行高,1．清除多余列宽,,,,选择目标单元格,清除多余列宽和行高,2．清除多余行高,,,,选择目标单元格,表格数据操作,4.4 表格数据操作,表格数据排序 导入（导出）数据 套用表格样式,,表格数据排序,“命令”→ “排序表格”,,,,导入（导出）数据,1．导入数据,打开Excel 数据表,,,,,导入（导出）数据,“文件”→ “导入”→ “表格式数据”,,,,2．导出数据,导入（导出）数据,“文件”→ “导出”→ “表格”,,套用表格样式,1．直接套用表格样式,,,“命令”→ “格式化表格”,套用表格样式,2．修改并套用表格格式,,“命令”→ “格式化表格”,,,修改表格格式,使用表格规划页面布局,4.5 使用表格规划页面布局,打开版面设计视图 规划页面布局,,打开版面设计视图,“查看”→“表格模式”→“布局模式”命令,单击插入面板布局下的布局模式按钮,,,,,进入版面设计视图,规划页面布局,1．通过单元格规划页面布局,,,调整单元格大小,,,,规划页面布局,,2．通过表格规划页面布局,规划页面布局,,,,,,,,规划页面布局,,插入表单,4.6 插入表单,表单对象 插入表单域 插入文本域 插入文件域 插入单选按钮和复选框 插入按钮,,插入表单,插入列表和下拉菜单 插入其他表单对象,表单对象,插入表单域,1．在页面中插入表单域,,,插入表单域,2．表单域属性设置,单击表单域外区域,单击标签栏中的标签,,,插入文本域,1．在页面中插入文本域,,,插入文本域,2．设置文本域属性,插入文本域，打开文本域属性面板,,,单行文本域属性面板,多行文本域属性面板,插入文件域,1．在页面中插入文件域,,,,插入文件域,2．设置文件域属性,选择插入页面的文件域，打开文件域属性面板,,插入单选按钮和复选框,单选按钮只能是惟一的选择，而复选框一次可以选择多项 。

1．插入单个单选按钮,插入单选按钮和复选框,,,在单选按钮后输入标签,2．插入一组单选按钮,插入单选按钮和复选框,,,,调整单选按钮顺序,3．插入复选框,插入单选按钮和复选框,,,插入复选框,4．设置单选按钮和复选框属性,插入单选按钮和复选框,选择插入页面中的单选按钮和复选框，打开对应的属性面板,,,单选属性面板,复选框属性面板,插入按钮,在Web页面中经常可以看到按钮，使用按钮可以提交数据、重新设置表单域，或者触发动作1．在页面中插入按钮,插入按钮,,,插入按钮,2．设置按钮属性,插入按钮，打开按钮属性面板,,,1．在页面中插入列表或下拉菜单,插入列表和下拉菜单,,,插入列表或下拉菜单,2．设置列表或下拉菜单属性,插入列表和下拉菜单,,,,,插入其他表单对象,表格和表单应用,4.7 表格和表单应用,表格应用实例 制作交互式表单,,表格应用实例,1．创建表格,将光标置于文档中要插入表格的地方，选择命令“插入”→“表格”,,,,表格应用实例,,,,合并单元格作为标题行,录入数据,,表格应用实例,2．使用CSS样式修饰表格,右击“CSS样式”面板，选择“新建”命令,,,,,,,表格应用实例,表格应用实例,3．套用表格格式,选择表格，然后选择命令“命令”→“格式化表格”,,表格应用实例,4．对表格数据进行排序,选择“命令” →“排序表格”,,制作交互式表单,将光标放在页面中要插入表单的地方，插入一个表单标签,单击插入面板上的表格按钮，在表单中插入表格，在这些单元格内插入表单元素,,,,制作交互式表单,,设置文本框属性,,设置密码框属性,,制作交互式表单,,,,,制作交互式表单,,,,,制作交互式表单,,,。