第3章 规划网页布局(姜慧霖).pptVIP

高等学校计算机应用规划教材 第 三 章 学 习 目 标 本 章 重 点 3.1 使用表格 3.1.1 表格简介 3.1.2 表格模式 3.1.3 插入表格 3.2 编辑表格 3.3 使用框架 3.3.1 框架简介 3.3.3 创建框架网页 3.3.4 保存框架网页 3.3.5 创建嵌套框架 3.4 设置框架 3.5 使用模板和库 * 《网页设计与制作基础教程》 规划网页布局 在完成本地站点的创建后，用户可以开始规划站点中各类网页的页面布局效果。表格与框架是最常用的网页布局工具，其中表格在网页中不仅可以排列数据，还可以对页面中的图像、文本、动画等元素进行准确定位，使网页页面效果显得整齐而有序；而在网页中使用框架，可以把页面分成几个部分，并使每个部分都是一个独立的HTML页，显示不同的内容。本章将通过实例，重点介绍在规划网页布局时用户应掌握的相关知识。 使用表格规划网页布局 使用框架规划网页布局 在Dreamweaver中创建与使用模板 在Dreamweaver中使用库 网页向访问者提供的信息是多样化的，包括文字、图像、动画和视频等。如何使这些网页元素在网页中的合理位置上显示出来，使网页变得不仅美观而且有条理，是网页设计者在着手设计网页之前必须要考虑的问题。表格的作用就是帮助用户高效、准确地定位各种网页数据，并直观、鲜明地表达设计者的思想。本节将详细介绍在网页中使用表格规划页面布局的具体方法 。 表格简介 表格模式 插入表格 表格是用于在HTML页面上显示表格式数据以及对文本和图形进行布局的工具。表格由一行或多行组成，每行又由一个或多个单元格组成 。 在网页文档中，表格用于整理复杂的数据内容，安排网页文档的整体布局。利用表格来设计网页的布局，可以不受网页形态的限制，并在不同分辨率下维持原有的页面布局。常见的表格布局网页如图3-3所示 。 在Dreamweaver中，表格可以用于制作简单的图表，使用表格来显示数据，可以更加方便地进行查看、修改或分析。表格不仅可以为网页页面进行宏观布局，还能够使页面中的文本、图像等元素更有条理。在网页中插入表格后，还可以在表格中插入嵌套表格 。 用户在网页中成功创建表格后，可以对表格进行编辑操作，例如合并和拆分单元格、添加或删除单元格、设置单元格属性等。下面将介绍编辑表格具体方法 。 选择表格和单元格 编辑表格和单元格 排序表格 导入和导出表格式数据 在网络带宽十分有限的情况下，如何提高网页的下载速度，是网页设计者必须要考虑的问题。如果多个网页拥有相同的导航区，知识内容有所不同，则可以考虑使用框架来设计网页布局。如此，浏览者在查看不同的内容时，便无需每次都下载整个页面，而只是在保持导航部分不变的情况下，下载网页中需要更新的内容即可。框架网页可以极大地提高网页的的下载速度，本节将主要介绍在Dreamweaver中使用框架设计网页布局的方法 。 框架页面通过框架将网页分成多个独立的区域，在每个区域中可以单独显示不同的网页内容，每个区域能够独立翻滚。正式基于框架页面的这种特点，使用框架可以极大丰富网页设计的自由度，在不同的页面部分设置不同的网页属性，尤其是对于页面间的链接，可以使网页的结构变化自如 。 Dreamweaver软件提供了多种常用的框架结构方便对网页进行布局，可以创建框架网页，也可以在普通HTML网页中应用框架。 在浏览器中预览包含框架或框架集的网页文档之前，必须保存框架集文件以及要在框架中显示的所有文档。可以单独保存每个框架集文件和带框架的文档，也可以同时保存框架集文件和框架中出现的所有文档 。 嵌套框架与嵌套表格相似，是在已经存在的框架中插入一个框架。一个框架集文件可以包含多个嵌套框架集。大多数使用框架的网页，实际上都使用了嵌套的框架，并且在Dreamweaver中的多数预定义的框架集也使用嵌套。如果在一组框架里，不同行或不同列中有不同数目的框架，则要求使用嵌套框架。创建嵌套框架的具体方法如下 。 在Dreamweaver中成功创建一个框网页架后，用户还应根据网页设计的需求设置框架和框架集的属性 。 设置框架属性 设置框架集属性