《网页设计》——表格布局的使用.ppt

网页设计4.1插入表格
4.2输入表格内容
4.3嵌套表格
4.4设置表格属性
4.5实践技能训练----------表格制作实例表格是网页中常用的信息展示方式，是页面布局极为有用的设计工具。大部分网站中的主页是用表格来布局的。表格可以控制文本和图形在页面上出现的位置。在设计页面时，往往要利用表格来定位页面元素，通过设置表格和单元格的属性，可实现对页面元素的准确定位，合理地利用表格来布局页面，有利于协调页面结构的平衡。创建好表格后，可以在表格中输入文字、插入图像、修改表格属性、嵌套表格等。在Dreamweaver中插入表格的方法如下：
1、将光标定位到要插入表格的位置。
2、执行“插入”→“表格”命令或单击“常用”面板上的表格按钮或单击“布局”面板上的表格按钮，打开“表格”对话框。
3、在“行数”文本框中输入表格的行数；在“列数”文本框中输入表格的列数；在“表格宽度”文本框中输入表格在网页中的宽度(可用像素和百分数表示)；在“边框粗细”框中输入表格边框的宽度，值为0时，表格线将隐藏起来；在“页眉”中指定表格标题的位置，一般选择“无”。
4、单击【确定】按钮，即可在光标位置插入一个表格。在表格中可以插入文字，也可以插入图片等对象。在表格中直接输入文本时，当输入文本的长度超过单元格宽度时，单元格会自动扩展增宽。
使用方向键，可在不同的单元格之间进行切换。按TAB键可移到下一个单元格，按Shift+Tab键可将光标移到前一个单元格。在最后一个单元格中按Tab键，会自动添行。
也可以选择“文件”→“导入”→“表格式数据”菜单命令或选择“插入”→“表格对象”→“导入表格式数据”菜单命令将在另一个应用程序（如MicrosoftExcel）中创建并以分隔文本的格式（其中的项以制表符、逗号、冒号、分号或其他分隔符隔开）保存的表格式数据导入到Dreamweaver中并设置为表格的格式。嵌套表格是将新表格插入到当前表格的某一单元格中。可以像对任何其他表格一样对嵌套表格进行格式设置；但是，其宽度由它所在单元格的宽度决定。
在表格单元格中嵌套表格的基本做法如下：
⑴单击现有表格中的一个单元格。
⑵执行“插入”→“表格”菜单命令。
⑶在“插入表格”对话框中进行设置，插入嵌套表格前的表格.

需要注意的是，表格不宜嵌套太多，最多三层；使用的嵌套越多，页面的浏览速度越慢。

表格属性设置主要有三个方面：
1．设置表格属性
2．设置单元格属性
3．查看和设置表格或表格元素的属性
在属性设置时要注意其优先顺序：单元格属性设置优先于行属性设置，行属性设置优先于表格整体属性设置。