Dreamweaver布局模式、模板与资源列表_图文.ppt

第十课 布局模式、模板与资源列表 课前导读 基础知识 重点知识 基础知识 资源列表的使用。 重点知识 “布局”模式中用布局 表格布局页面的方法，模 板的创建及其使用方法。 课堂讲解 “布局”模式 模板和库 使用资源列表 “布局”模式 切换到“布局”模式 退出“布局”模式 认识“布局视图” 认识“布局视图” 在布局表格中添加具体内容 调整布局表格和布局单元格 设置布局表格和单元格属性 切换到“布局”模式 在绘制布局表格或布局单元格之前，必须从“标准”模式切换到“布局”模式。要从“标准”模式（设计视图）切换到“布局”模式，可执行如下操作。 （1）执行如下操作之一： 选择[查看]?[表格模式]?[布局模式]菜单命令； 在“插入栏”的“布局”选项卡中单击 按钮。 （2）首次执行以上操作之一后，会打开“从布局模式开始”对话框，如图10-1所示，在该对话框中给出在“布局模式”下创建表格的方法的提示。 （3）单击 按钮即可切换到布局模式。 切换到“布局”模式后，在“文档”窗口的顶部会出现标有“布局模式”的蓝色长条。如果当前页上存在表格，这些表格则会显示为布局表格，如图10-2所示。 图10-1 退出“布局”模式 在“布局”模式中创建完布局表格后，如果要向表格中添加内容或对表格进行编辑，最好切换回“标准”模式。退出“布局”模式可执行如下操作之一： 在“文档”窗口的顶部，单击标有“布局模式”的长条中的“退出”命令； 选择[查看]?[表格模式]?[标准模式]菜单命令； 在“插入栏”的“布局”选项卡中单击 按钮。 认识“布局视图” 页面上显示的布局表格外框为绿色，而布局单元格外框为蓝色。当鼠标光标移动到表格单元格上时，Dreamweaver会高亮显示该单元格（单元格边框线变为红色），如图10-2所示。 认识“布局视图” 在“布局”模式下，可以在一个布局表格中使用多个布局单元格对页面进行布局，也可以使用多个单独的布局表格进行更复杂的布局，还可以通过将一个新的布局表格放置在现有的布局表格中进行布局表格嵌套。 绘制布局表格 绘制布局表格的具体操作如下。 （1）切换到“布局”模式。 （2）在“插入”栏的“布局”选项卡中单击“绘制布局表格”按钮 。 （3）将鼠标光标放置在页面上，此时鼠标光标变为加号（+）。 （4）将鼠标移到要创建表格的左上角位置并按住鼠标不放拖动到要创建表格的右下角后释放鼠标。 若要绘制多个布局表格，只需在绘制布局表格时按【Ctrl】键拖动便可以连续绘制出多个布局表格。 页面上显示的布局表格外框为绿色。若要更改外框颜色，具体操作如下。 （1）选择[编辑]?[首选参数]菜单命令，打开“首选参数”对话框。 （2）从左侧的“分类”列表中选择“布局模式”选项。 （3）在右侧的各项参数中按需要进行设置，如图10-3所示。 图10-3 该对话框中各项参数的含义如下。 自动插入间隔符：指定Dreamweaver是否应该在将列设置为自动伸展时自动插入间隔符。 站点的间隔图像：为的站点设置间隔图像文件。从下拉列表中选择一个站点，然后单击 按钮创建一个新的间隔图像文件，或 单击按钮定位该站点中现有的间隔图像文件。 单元格外框：设置布局单元格外框的颜色。 表格外框：设置布局表格外框的颜色。 表格背景：设置布局表格中没有布局单元格的区域的颜色（4）设置完成后单击 按钮保存设置即可。 绘制布局单元格 绘制布局单元格的具体操作如下。 （1）切换到“布局”模式。 （2）在“插入”栏的“布局”选项卡中单击“绘制布局单元格”按钮 。 （3）将鼠标光标放置在页面上，此时鼠标光标变为加号 （+）。 （4）将鼠标移到要创建布局单元格的左上角位置并按住 鼠标不放拖动到要创建布局单元格的右下角后释放鼠标。若 要绘制多个布局单元格，只需在绘制布局单元格时按【Ctrl】 键拖动即可。 如果在靠近布局表格边缘的位置绘制单元格，则单元格的边缘会自动与包含它的布局表格的边缘对齐。若要临时禁用靠齐，在绘制单元格时按住【Alt】键即可。 绘制嵌套布局表格 可以将一个布局表格绘制在另一个布局表格中，即创建嵌套表格。对外部表格所进行的更改不会影响嵌套表格中的单元格。例如，当更改外部表格中行或列的大小时，内部表格中单元格的大小不发生变化。可以插入多级嵌套表格。嵌套布局表格的大小不能超过包含它的表格。 绘制嵌套布局表格的具体操作如下。