[高等教育]第三章 网页的排版和布局一.pptVIP

第三章 网页的排版和布局（一）使用表格布局网页 3.1 页面布局概述 同报纸、杂志一样，网站也分为很多不同的网页，比如主页、栏目首页、内容网页等，不同的网页也需要不同的版面布局。 网页布局：给将要出现在网页中的所有元素定位。 网站中的网页组成的是一个树型结构。 网页所处的层次越高，网页中的内容就越丰富，网页的布局就越复杂。 3.1 页面布局概述 3.1 页面布局概述 例如：可以把网站标志放在左上角的位置，把导航栏放置在网站标志的右边或下方，版权声明和联系信息通常出现在网页的底部居中位置等。 网页的具体布局还与网页内容、网页风格、网页大小等因素有关。 在Dreamweaver可以使用表格、布局表格和布局单元格、框架、层等方法来实现网页布局。 3.2 表格的应用 表格：由行、列、单元格构成。table/table，由多个tr、th或td元素组成； 行：水平空间；tr/tr,一般包含多个th或td元素 列：垂直空间； 单元格：行和列相交获得的空间。分为th、td两类。 ----th/th：表头单元，包含头部信息； ----td/td：标准单元 ，包含数据，td 元素中的文本一般正常字体且左对齐 ----更复杂的 HTML 表格也可能包括 caption、thead、tfoot 以及 tbody 元素。 3.2.1 三种表格视图模式 视图模式：标准模式、扩展模式