Dreamweaver教案第6章 表格模式.ppt

第6章 Dreamweaver中提供了3种表格模式，分别为标准、扩展和布局。 标准：工作中最常用到的一种模式，在标准模式下显示的表格等内容，最接近在浏览器中的实际显示状态。上一章建立的表格模式就是标准模式。 扩展：加粗显示表格的边框，便于对表格进行选择、移动等操作，在该显示模式下显示的表格，与在浏览器中显示的表格不一致，如需查看表格的视觉效果，可以在标准模式下进行。 布局：可以使用布局表格和布局单元格来创建表格的工作模式，在该模式下可以更方便、快捷地创建网页的布局。这是本章重点讲解的内容。 3种表格模式可以互相切换。单击“插入”面板的“布局”标签下的“标准”和“扩展”按钮可以进行这两种模式的切换。布局模式，需要执行“查看/表格模式/布局模式”命令来完成切换。 本节内容仅作了解。 （1）单击“编辑/首选参数”，打开 “首选参数”对话框。 （2）单击“首选参数”对话框左侧分类栏中的“布局模式”，根据需求进行设置即可。 （3）设置完成后，单击“确定”按钮，完成设置。 布局模式中的各项参数含义如下： 自动插入间隔符：当建立的表格设置为自动伸展时，是否自动插入间隔图像。 站点的间隔图像：指定使用间隔图像的目标站点，单击该栏会弹出一个菜单，显示当前Dreamweaver中包含的所有站点。 图像文件：为站点设置间隔图像。单击“创建”按钮创建一个新的间隔图像文件，或单击“浏览”按钮指定该站点中现有的图像为间隔图像文件。 单元格外框：设置布局单元格外框的颜色。 表格外框：设置布局表格外框的颜色。 表格背景：设置布局表格中没有布局单元格的区域的颜色。 执行“查看/表格模式/布局模式”命令，切换到布局模式。在布局模式下布局表格和布局单元格处于激活状态。可以在添加内容前使用布局表格和布局单元格对页面进行布局。布局表格和布局单元格是最重要的网页布局工具，它比直接使用表格布局更方便、灵活。 本节仅作了解。 执行“查看/表格模式/布局模式”命令，或按“Alt+F6”快捷键，切换到布局模式。首次切换到布局界面时，会弹出 “从布局模式开始”对话框。在该对话框中拥有一些简单的提示信息，勾选“不要再显示此消息”的复选框，单击“确定”按钮进入布局界面。 在布局模式下可以使用布局表格和布局单元格建立网页布局。 布局表格：可以在页面的空白处和布局表格内部建立布局表格。可以同时使用多个独立的 布局表格建立复杂的页面布局，也可在布局表格中建立嵌套的布局表格。在布局模式下无法向布局表格中添加内容。布局表格可以看成是标准模式下的表格外边框。 布局单元格：可以在布局页面空白处和布局表格内部建立布局单元格。当向页面空白处添加布局单元格时，会自动为新建单元格添加一个布局表格。在布局模式下可以向布局单元格中添加 内容。布局单元格可以看成是标准模式下表格中的单元格。 当从布局模式切换到标准模式时，可以像处理普通表格一样处理布局表格和布局单元格。下面以实例说明布局表格和布局单元格的使用。 单击“插入”面板中的“布局表格”按钮，在视图中拖动即可建立布局表格。 单击“布局”标签中的“绘制布局单元格”按钮，在视图界面中拖动，即可创建的布局单元格。 调整布局可以先选中目标表格或单元格，然后在属性面板中输入相关属性值。也可以使用鼠标拖动完成布局的调整。 在布局界面下，使用布局表格和布局单元格构建的布局，只能向布局单元格中添加内容。可以将表格想象成楼房中钢筋混凝土构建的框架，而单元格是框架中的一间间房屋，人们可以向房屋中添加装饰，而无法向框架中添加。 如果需要向布局表格中添加内容，可以将视图切换至标准模式或扩展模式下，向其中添加内容的方法和向表格中添加的方法相同，这里不再赘述。 在布局模式下添加内容的方法如下： 在布局表格中需要添加内容的位置建立布局单元格，然后单击单元格内部，向其中输入文字或插入图片等内容。 通过本章的学习，应当了解扩展模式的作用，了解标准模式是工作中最常用到的一种工作模式。重点掌握在布局模式下，使用布局表格和布局单元格建立网页布局的方法。 问答题 （1）如何切换到布局模式？ （2）简述扩展表格模式的作用。 （3）简述布局表格和布局单元格的作用。 上机练习 在布局模式下，使用布局表格和布局单元格建立一个网页布局。