15、网页设计实用技巧与方法

网页设计实用技巧与方法

一、表格操作与布局设计

（一）减少表格单元格、行和列

在处理表格时，有些操作可以移除表格的单元格，但不会删除其中的文本或图形。若要删除一行或一列，可先选中要删除的行或列，然后选择“表格”➪“删除单元格”，这样所有高亮显示的单元格都会被移除。

合并单元格是删除单元格的一种无损替代方法。使用此选项时，合并单元格中的所有文本或图形都会被放置在新单元格中。合并单元格的操作是先高亮显示要合并的单元格，然后选择“表格”➪“合并单元格”，或者点击“表格”工具栏上的“合并单元格”图标，也可以使用“表格”工具栏中的表格橡皮擦来合并单元格。

（二）使用表格进行布局设计

利用表格能够实现一些用普通 HTML 格式控件难以或无法创建的设计效果。尤其重要的是，表格可以让你在网页上创建列布局。许多硬拷贝布局设计师建议使用列布局来排版文本，以提高可读性。通过巧妙运用列布局，你可以让网页呈现出类似杂志的外观。

（三）页面模板

掌握表格操作后，你可以探索一些使用表格进行页面布局的模板。在“任务窗格”中，点击标题下拉菜单并选择“布局表格和单元格”，你会看到可用于页面的布局选项。

（四）三列布局教程

以下是创建一个结合文本、图形和侧边栏的三列布局网页的步骤：
1. 新建一个空白页面：选择“文件”➪“新建”，然后选择“空白页”模板。
2. 将此页面保存为“Table3.htm”，标题设为“3 - 列表格”。
3. 为页面输入一个标题。
4. 使用“插入表格”工具创建一个三列四行的表格。
5. 选中第一列的所有单元