第7篇 旅游网站表格布局设计免费下载.pptVIP

　　本章将介绍在Dreamweaver CS5中创建和编辑表格以及使用表格布局网页的基本方法。 * Dreamweaver CS5 网页制作基础教程 第7章 旅游网站表格布局设计 学习目标 了解表格的构成和作用。 掌握导入和导出表格的方法。 掌握对数据表格进行排序的方法。 掌握插入和编辑表格的方法。 掌握设置表格和单元格属性的方法。 掌握使用表格进行页面布局的方法。 7.1　设计思路 大家对Word表格、Excel表格并不陌生，在信息化生活中它们更是形影不离。学生经常接触成绩单，职员经常接触工资表，求职者经常制作个人简历，它们几乎都离不开表格。在因特网产生后，表格又一度成为网页布局的主要工具。尽管目前表格不是网页布局的主流工具，但仍然是主要工具之一，在网页布局中占据了一定的份额。本章将以“崂山旅游”网页“gaikuang\index1.htm”为例介绍插入和设置表格以及使用表格布局页面的基本方法。 7.2 认识表格 表格的构成 表格的作用 　表格可以将一定的内容按特定的行、列规则进行排列。表格是由行和列组成的，行和列又是由单元格组成的，所以，单元格是组成表格的最基本单位。单元格与单元格之间的间隔称为单元格间距；单元格内容与单元格边框之间的间隔称为单元格边距（或填充）。表格边框有亮边框和暗边框之分，可以设置粗细、颜色等属性。单元格边框也有亮边框和暗边框之分，可以设置颜色属性，但不可设置粗细属性。 7.2.1 表格的构成 　在网页制作中，表格的作用主要体现在以下3个方面。 (1)组织数据：这是表格最基本的作用，如成绩单、工资表、销售表等。 (2)页面布局：这是表格组织数据作用的延伸，由简单地组织一些数据发展成组织网页元素，进行版面布局。 (3)制作特殊效果：如制作细线边框等，若结合CSS样式会制作出更多的效果。 7.2.2 表格的作用 7.3 数据表格 导入表格数据 导出表格数据 排序表格数据 可以将在Microsoft Excel中创建的表格和以分隔文本的格式（其中的项以制表符、逗号、分号或其他分隔符）保存的表格式数据导入到Dreamweaver CS5中并设置为表格格式。 1、在菜单栏中选择【文件】/【导入】/【Excel文档】命令，打开【导入Excel文档】对话框，根据需要进行设置。 7.3.1 导入表格数据 在菜单栏中选择【文件】/【导入】/【表格式数据】命令，打开【导入表格式数据】对话框，根据需要进行设置。 7.3.2 导出表格数据 在Dreamweaver CS5中，也可以将表格数据从网页文档导出到文本文件中，相邻单元格的内容由分隔符隔开。可以使用Tab键、空白键、逗号、分号、冒号作为分隔符。当导出表格时将导出整个表格，不能选择导出部分表格。如果只需要将表格中的部分数据导出，例如前6行或前6列，则复制包含这些数据的单元格，将这些单元格粘贴到原有表格的外面来创建一个新表格，然后导出这个新表格即可。 在菜单栏中选择【修改】/【表格】/【选择表格】命令来选定要导出的表格。在菜单栏中选择【文件】/【导出】/【表格】命令，打开【导出表格】对话框， 根据需要进行设置。 处理表格时经常需要对表格中的数据进行排序，Dreamweaver CS5提供的表格排序功能很好地解决了这一问题。可以根据表格单个列的内容对表格中的行进行排序，还可以根据两个列的内容执行更加复杂的表格排序。 选中表格，然后在菜单栏中选择【命令】/【排序表格】命令打开【排序表格】对话框，根据需要进行参数设置。 7.3.3 排序表格数据 7.4 创建和编辑表格 插入表格 选择表格 合并和拆分单元格 增加和删除行列 复制粘贴移动操作 在Dreamweaver CS5中插入表格可以使用以下几种方式。 在菜单栏中选择【插入】/【表格】命令。 在【插入】面板的【常用】类别中单击（表格）按钮。 在【插入】面板的【布局】类别中单击（表格）按钮。 7.4.1 插入表格 选择整个表格的方法最常用的，主要有以下几种。 单击表格左上角或单击表格中任何一个单元格的边框线。 将鼠标光标置于表格内，选择【修改】/【表格】/【选择表格】命令，或在鼠标右键快捷菜单中选择【表格】/【选择表格】命令。 将鼠标光标移到表格内，表格上端或下端弹出绿线的标志，单击绿线中的按钮，从弹出的下拉菜单中选择【选择表格】命令。 将鼠标光标移到表格内，单击文档窗口左下角相应的“table”标签。 7.4.2 选择表格 选择表格的行或列有以下几种方法。 当鼠标光标位于欲选择的行首或列顶时，鼠标光标变成黑色箭头形状，这时单击鼠标左键，便可选择行或列。如果按住鼠标左键不放并移动黑色箭头，可以选择连续的行或列。 按住鼠标左键从左至右或从上至下拖曳，将选择相应的行或列。 将鼠标光标移到