正在加载图片...
一起,使整个网页井井有条而不至于杂乱无章。 在本实例中,主要涉及以下知识点 ·页面采用表格进行整体布局,表格划分为若干个单元格,在单元格内填充网页元素, 实现网页的布局: ·通过定义网页的背景图片达到美化网页的效果: ·该页的栏目导航采用“导航条”效果。 三、使用表格排版 表格是由一些被线条分开的单元格组成。线条即表格的边框,被边框分开的区域被称为 单元格,数据、文字、图像等网页元素均可根据需要放置在相应的单元格中。 在网页中使用表格一般有两种情况:一种是在需要组织数据显示时用:另一种是在布局 网页时用。当表格被用作布局时,需要对表格的属性进行设置。 1、插入表格和编辑表格 表格在网页中通常存在两种形式:一种是独立的形式存在,二是以嵌套的形式存在。 ·插入独立表格 ·插入嵌套表格 在网页中为了保证各部分内容之间相对独立性,而不会因为编辑其它内容的同时被修改,表 格的嵌套形式在网页中普遍存在。一般,网页有一个大的外层表格,按区域划分为若干单元 格,然后在区域单元格中再插入嵌套表格,这样各区域的排版即规范又灵活。 ·编辑表格 (1)增加行与列 (2)删除行或列 (3)格式化表格 4)排序表格 5)导入与导出表格数据 2、表格及单元格属性设置 ● 表格属性设置 ·单元格属性的设置 3、使用表格排版网页 表格是能将网页元素按设计者要求的方式显示的一种排版技术。通过单元格的拆分、合 并以及在单元格中插入嵌套表格等方法对网页元素进行更细致的控制。 使用表格构造网页布局时应遵循如下原则: ● 要规划好再运行,甚至要进行无数次的实验和重复运行才能制作出好的页面框架。 ●从外向内工作。先建立最大的表格,再在它内部创建嵌套的较小表格。 。在外部使用绝计像素方法,在内部使用相对百分比方法。 4、在布局模式下插入表格和单元格 为了简化使用表格进行页面布局的过程,在Dreamweaver提供了布局模式。在布局模 式下,使用布局表格作为基础结构来设计网页,在布局表格中创建布局单元格,然后插入网 页元素。 在布局模式下,使用表格进行布局具有定位简单、容易调整等优点一起,使整个网页井井有条而不至于杂乱无章。 在本实例中,主要涉及以下知识点: ⚫ 页面采用表格进行整体布局,表格划分为若干个单元格,在单元格内填充网页元素, 实现网页的布局; ⚫ 通过定义网页的背景图片达到美化网页的效果; ⚫ 该页的栏目导航采用 “导航条”效果。 三、使用表格排版 表格是由一些被线条分开的单元格组成。线条即表格的边框,被边框分开的区域被称为 单元格,数据、文字、图像等网页元素均可根据需要放置在相应的单元格中。 在网页中使用表格一般有两种情况:一种是在需要组织数据显示时用;另一种是在布局 网页时用。当表格被用作布局时,需要对表格的属性进行设置。 1、 插入表格和编辑表格 表格在网页中通常存在两种形式:一种是独立的形式存在,二是以嵌套的形式存在。 ⚫ 插入独立表格 ⚫ 插入嵌套表格 在网页中为了保证各部分内容之间相对独立性,而不会因为编辑其它内容的同时被修改,表 格的嵌套形式在网页中普遍存在。一般,网页有一个大的外层表格,按区域划分为若干单元 格,然后在区域单元格中再插入嵌套表格,这样各区域的排版即规范又灵活。 ⚫ 编辑表格 (1) 增加行与列 (2) 删除行或列 (3) 格式化表格 (4) 排序表格 (5) 导入与导出表格数据 2、表格及单元格属性设置 ⚫ 表格属性设置 ⚫ 单元格属性的设置 3、使用表格排版网页 表格是能将网页元素按设计者要求的方式显示的一种排版技术。通过单元格的拆分、合 并以及在单元格中插入嵌套表格等方法对网页元素进行更细致的控制。 使用表格构造网页布局时应遵循如下原则: ⚫ 要规划好再运行,甚至要进行无数次的实验和重复运行才能制作出好的页面框架。 ⚫ 从外向内工作。先建立最大的表格,再在它内部创建嵌套的较小表格。 ⚫ 在外部使用绝计像素方法,在内部使用相对百分比方法。 4、在布局模式下插入表格和单元格 为了简化使用表格进行页面布局的过程,在 Dreamweaver 提供了布局模式。在布局模 式下,使用布局表格作为基础结构来设计网页,在布局表格中创建布局单元格,然后插入网 页元素。 在布局模式下,使用表格进行布局具有定位简单、容易调整等优点
<<向上翻页向下翻页>>
©2008-现在 cucdc.com 高等教育资讯网 版权所有