网页设计与制作 第2版 教学配套课件 王晓红 等 第9章页面布局与风格.pdfVIP

第9章 页面布局与风格 本章知识点和技能点：  利用表格、框架、AP元素进行页面布局  CSS样式的创建与应用  模板的创建与应用 Page 　 1 第9章 页面布局与风格 页面布局定位 页面布局定位 页面风格 本章要点和概念 Page 　 2 9.1 页面布局定位 页面布局定位  网页布局定位，就是指将各种网页元素按需要放在合适的位置。目 前，比较常用的网页布局定位技术有：  CSS+DIV布局：是目前流行的网页版面布局方式，与表格方式相比， 由于节约了许多代码，从而降低了网络数据量。  表格布局：利用表格既可以处理不同对象，又可以不用担心不同对象 之间的影响，而且表格在定位图片和文本上比CSS更加方便。但是过 多地使用表格，会影响页面的下载速度。  框架布局：虽然框架存在兼容性的问题，但从布局上考虑，框架结构 是一种比较好的布局方法，可以将不同对象放置到不同页面加以处 理。 Page 　 3 9.1 页面布局定位 页面布局定位 在Dreamweaver中主要采用以下布局定位技术： AP元素 表格 框架 Page 　4 9.1 页面布局定位 页面布局定位 AP元素  AP元素的使用给网页带来从平面向多层平面的发展，丰富了网页的层次 感。Dreamweaver中的AP元素相当于一个容器，它可以包含所有在HTML 文件中出现的元素。  AP元素可以放置在页面的任何位置，利用AP元素可以方便而又精确地定 位页面元素。  利用AP元素可以实现页面元素的重叠，AP元素还与Dreamweaver的许多 高级特性紧密相关，如使用行为可以对AP元素进行操作与控制。 Page 　 5 9.1 页面布局定位 页面布局定位 AP元素 Page 　 6 9.1 页面布局定位 页面布局定位 表格  表格是一种能够有效地描述信息的组织方式，它不仅可以有序地排列 数据，而且能够精确定位文本、图像及其他网页元素。  表格的作用： 利用表格进行页面布局 利用表格进行数据的规则排列 利用表格增加网页的层次 Page 　 7 9.1 页面布局定位 页面布局定位 表格 采用表格定位时，通常需要用多层表格进行。  插入表格：第一层表格通常是用来定义网页的最大尺寸。  单元格的合并：非连续单元格不能合并。  插入对象 Page 　 8 9.1 页面布局定位 页面布局定位 表格  将以.txt纯文本格式的排列的数据（文字、数值等）自动变成为表 格，是简化制作的好方法。  对这个.txt纯文本的要求是：数据一定要按照某一规律编排。比如 数据之间采用Tab键（制表符），“ ，”逗号，“-”减号等