CH5 网页表格.ppt

“插入表格”对话框 返 回 “插入表格”对话框 返 回 “选择图像源”对话框 返 回 “排序表格”对话框 返 回 “格式化表格”对话框 返 回 课堂实践 1．操作要求 　（1）打开“课堂实践”网站文件夹“04表格布局”中的网页文档“04.html”。 　（2）利用表格布局网页04.html的页面。 　（3）设置表格属性，“边框”设置为1，“填充”设置为1，“间距”设置为0。 　（4）根据需要对单元格进行拆分或合并。 　 （5）在表格中插入图像和文本，且设置图像或文本的格式。 （6）保存网页文档，且在浏览器中浏览该网页。 说明：所有的素材都存储在文件夹“04表格布局”中的各个子文件夹中。 2．制作要点提示 　　（1）建议先插入一张3行1列的表格，如图7-18所示；然后在B单元格中插入一张1行3列的表格，在C单元格中插入一张2行3列的表格，接着在C5单元格中插入一张3行3列的表格 　　（2）在对应的单元格输入文字或者插入图像，注意为整张表格设置背景图像。 疑难解析 　问题1：Dreamweaver 8提供了一些事先设计好的表格外观样式，如何让网页中的表格套用这些表格外观样式？ 　 答：套用表格外观样式的操作方法是：先在文档编辑窗口中选中表格，然后单击主窗口中的菜单【命令】→【格式化表格】，在弹出的“格式化表格”对话框中左上角的列表框中选择一种表格样式，右边可以预览所选的样式，也可以自行进行参数设置，设置完毕后单击【应用】按钮预览效果，确定设置无误后单击【确定】按钮，即可使设置生效。　　　　 　 问题2：网页中的表格除了用于布局网页外，还可以存储数据，如何对表格中的数据象Excel表一样进行排序操作呢？ 　 答：对表格内的数据进行排序的操作方法是：先在网页中插入一个表格，且在表格中输入大量的数据，然后单击主窗口中的菜单【命令】→【排序表格】，在弹出的“排序表格”对话框进行参数设置，设置完成后，单击【确定】按钮，表格中的数据即会按设置要求进行排序。 E N D 通过本章学习，应该掌握以下内容： 第5章 网页表格的处理 创建表格的方法 编辑表格的方法 表格的排序方法 表格的格式化方法 设置表格属性的方法 用表格设计页面布局的方法 4.1 利用Dreamweaver 处理网页表格 4.1.1 创建表格 1．新建表格 利用Dreamweaver 创建新表格时，首先打开插入“常用”面板，然后可以通过下列四种方式中的任意一种： （1）在插入“常用”面板上，单击插入表格按钮 。 （2）通过主窗口的菜单“插入”|“表格”命令。 （3）使用快捷组合键“Ctrl+Alt+T”。 （4）在插入“常用”面板上，拖动表格 按钮到主窗口的工作区中。 执行完上述任何一种操作，都可以看到如图所示的“插入表格”对话框。 行数：初次指定表格的总行数。 列数：初次指定表格的总列数。 单元格填充：指定单元格的大小，以像素为单位。 单元格间距：指定单元格之间的距离，以像素为单位。 宽度：指定表格的宽度，以百分比或像素为单位（百分比用于根据浏览器窗口的大小来自动调整表格的宽度）。 边框：指定表格边界的宽度，以像素为单位（如果在浏览器窗口中不显示表格的边框，则定义为0）。 2．导入表格数据文件 在Dreamweaver 中，利用插入列表数据命令可以很容易把表格数据加入到网页中。在插入外部数据前，首先要将表格数据文件转换成 .txt（文本文件）格式，并且该文件中的数据要带有分隔符，如逗号、分号、冒号等，但加入到Dreamweaver 中的数据并不会出现分隔符，且会自动生成表格。 要加入外部数据，选择如下的任何一种操作： （1）选择“文件”|“导入”|“表格式数据”命令。 （2）选择“插入”|“表格对象”|“导入表格式数据”命令。 （3）单击插入“常用”面板上的“表格数据”按钮 。 4.1.2 编辑表格 （1）如果要选择整个表格，可进行如下的操作之一： 将光标置于表格中的某个单元格中，选择“修改”|“表格”|“选择表格”命令。 将光标置于表格中的某个单元格中，再按两次组合键“Ctrl+A”。 将光标置于表格中的某个单元格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”|“选择表格”命令。 将光标置于表格的尾部（在表格的同一行，但不在表格之内），向左拖动鼠标。 单击表格的边线。 1．选择表格 （2）选择单个单元格的方法有以下几种： 将光标置于所要选择的单元格中，按一次组合键“Ctrl+A”。 将光标置于所要选择的单元格中，向右拖动鼠标。 将光标置于所要选择的单元格中，选择“编辑”|“全选”命令。 按住Ctrl键，单击所要选