DreamweaverCS4案例教程第7章.pptVIP

第7章 网页布局 使用表格布局网页 上机实践——用表格布局主页 使用框架布局网页 上机实践——用框架布局页面 7.1 使用表格布局网页 案例1 创建表格 确定插入点后，在“插入”栏的“常用”类别中单击“表格”图标 ，打开“表格”对话框，可以在“表格”对话框中设置表格的行数、列数、宽度、边框、边数以及间距。 案例2 改变表格或单元格的宽度与高度 使用属性面板可以非常方便地改变表格和单元格的宽度与高度，也可取消宽度与高度的设置。 案例3 拆分与合并单元格 1．拆分单元格 所谓拆分单元格，就是将一个单元格拆分为几行或几列。 2．合并单元格 所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。 现场解答1：如何插入、删除行与列 如果希望在某个单元格上方插入行，或者在其左侧插入列，可首先右击该单元格，然后从弹出的快捷菜单中选择“插入行”或“插入列” 。 如果希望删除行或列，可在弹出的快捷菜单中选择“删除行”或“删除列”。　 现场解答2： 为单元格设置背景颜色 要为单元格设置背景颜色，应首先将光标置于要设置背景颜色的单元格中，然后在属性面板中单击“背景颜色”按钮，在弹出的调色板中选择想要填充的颜色。 案例4 表格的高级操作 表格的高级操作主要包括对表格的整行内容进行移动、排序表格内容和导入/导出表格数据等。 2．排序表格内容 表格作为一种常见的数据处理形式，免不了要对其中的数据进行排序。 3．导入或导出表格内容 在Dreamweaver中，可以将表格的内容导入或导出。在页面中添加表格时，如果预先有表格数据存储在记事本或Word等文档中，可以直接将数据导入。 案例5 制作嵌套表格 所谓嵌套表格，就是在一个大表格的某个单元格里插入一个新表格的情况。 案例6 制作精美的圆角表格 在做网页时为了美化页面，常常要把表格制作成圆角表格，这样可以使整个页面看起来更加柔和、美观。 7.2 上机实践——用表格布局主页 接下来我们以下面的实例来讲解利用表格布局网页的方法（具体操作见视频７-２）。 7.3 使用框架布局网页 现场解答1：什么是框架和框架集 案例1 创建框架集 2．加载预定义框架集 现场解答2：框架和框架集的基本操作有哪些 2．选择框架和框架集 现场解答3：如何设置框架和框架集的属性 2．设置框架集属性 现场解答4：如何保存框架和框架集 2．保存框架集 3．保存框架集中的所有文档 7.4 上机实践——用框架布局页面 * * 表格是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行，垂直的多个单元格称为列。 行 列 通过拖动表格的边框，也可轻易改变表格的宽度与高度。 1.移动表格整行内容 选中行并剪切 将光标置于要移动位置的下一行任意单元格中 粘贴 选中表格 选择“命令”“排序表格”菜单，打开“排序表格”对话框 排序后的表格 导入的表格数据 源数据 选择“文件”“导入”“表格式数据”菜单，打开“导入表格式数据”对话框 下面通过制作一个简单的页面局部布局，详细分析如何合理使用嵌套表格（具体操作见视频7-1） 。 框架可以将一个浏览器窗口划分为多个区域，且每个区域都可以显示不同的HTML文档。使用框架的最常见情况就是，一个框架显示包含导航控件的文档，而另一个框架显示含有内容的文档。一般大型的论坛会用到框架页。 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。 框架集是HTML文件，它定义一组框架的布局和属性。包括框架的数目、大小和位置，以及在每个框架中初始显示的页面URL。 1．直接创建预定义框架集 创建的框架集 选择框架集类型 “新建文档”对话框 在页面中加载框架集就像插入表格一样。 如果预定义框架集不能满足需要，还可以在它的基础上进行分割. 选择预定义框架集 加载的框架集 对框架及框架集的基本操作包括选择、删除等操作。 1．认识“框架”面板 利用“框架”面板可以对框架和框架集进行操作，选择“窗口”“框架”菜单，可以打开“框架”面板。 在文档窗口中选择框架的方法为，按住【Alt】键，然后在要选择的框架内单击即可，被选中的框架边线为虚线。 被选中的框架 如要选择框架集，则单击该框架集上的任意框架即可，选中的框架集所有边框都呈虚线显示。 利用“框架”面板选择框架时，直接在面板中单击即可。选择框架集时，在面板中单击框架集的边框即可。 利用“属性”面板可以设置框架和框架集的属性，包括框架名称、框架源文件、框架边框等。 1．设置框架属性 命名选取的框架 框架源文件的保存地址 选择是否显示框架的边框 设置框架滚动条的属性 设置是否能改变框架大小 设置框架边框的颜色 设置框架内容距上下左右边框的距离 该面板中各参数的含义同选中框架时