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

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