第7章网页布局(阅读).pptVIP

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