28、Web页面布局与模板使用全攻略

Web页面布局与模板使用全攻略

在网页设计领域，有许多工具和技术可用于创建吸引人且功能强大的网页。本文将详细介绍使用布局表格和动态网页模板的方法，以及Adobe Dreamweaver CS5的基本操作，帮助你更好地掌握网页设计技能。

布局表格的使用

在早期的网页设计中，表格是页面设计的主要元素。尽管现在div元素更受网页设计师的青睐，但Expression Web仍然提供布局表格作为页面设计的另一种选择。

插入布局表格

插入布局表格的步骤如下：
1. 选择“Table”➪“Layout Tables”。此时会出现“Layout Tables”面板。
2. 在“Layout Tables”面板中，你可以手动绘制表格和单元格，使用“Insert Layout Table”链接和“New Tables and Cells”部分的绘图工具。当你在所需位置添加单元格时，布局工具会自动添加适当的行和列来定位你的单元格。
3. 如果你更喜欢使用预定义的布局模板，可以从“Table Layout”列表中选择。对于大多数需求，你可以在该列表中找到适合的布局。选择布局选项后，其周围的边框会变亮。确定后，点击它即可插入到当前页面。

插入布局表格后，布局工具会开启显示。当在“Tag Selector”中选择表格时，各个单元格的尺寸会显示在单元格周围的标签中。你可以使用“Layout Tables”面板上的“Show Layout Tool”按钮在普通表格视图和增强布局视图之间切换。同时，使用“Layout Tables”面板可以指定基本的表格属性，包括宽度、高度和对齐方式。选择“Auto-Scale Cells with Tab