4.2实例导入:表格排版网页 在网页设计中,表格以简洁明了和高效快捷的方式将网 页设计的各种元素有序地组织在一起,使整个网页井井有 条而不至于杂乱无章 【例41】某生物工程公司网站,在本实例中,主要涉及 以下知识点: 页面采用表格进行整体布局,表格划分为若干个单元格 在单元格内填充网页元素,实现网页的布局; 通过定义网页的背景图片达到美化网页的效果 该页的栏目导航采用“导航条”效果
4.2 实例导入：表格排版网页 在网页设计中，表格以简洁明了和高效快捷的方式将网 页设计的各种元素有序地组织在一起，使整个网页井井有 条而不至于杂乱无章。 【例4.1】某生物工程公司网站，在本实例中，主要涉及 以下知识点： ❖ 页面采用表格进行整体布局，表格划分为若干个单元格， 在单元格内填充网页元素，实现网页的布局； ❖ 通过定义网页的背景图片达到美化网页的效果； ❖ 该页的栏目导航采用 “导航条”效果
4.3使用表格排版 令表格是由一些被线条分开的单元格组成。线条即表格的边 框,被边框分开的区域被称为单元格,数据、文字、图像 等网页元素均可根据需要放置在相应的单元格中。如图所 刁。 ◆在网页中使用表格一般有两种情况:一种是在需要组织数 据显示时用;另一种是在布局网页时用。当表格被用作布 局时,需要对表格的属性进行设置
4.3 使用表格排版 ❖ 表格是由一些被线条分开的单元格组成。线条即表格的边 框，被边框分开的区域被称为单元格，数据、文字、图像 等网页元素均可根据需要放置在相应的单元格中。如图所 示。 ❖ 在网页中使用表格一般有两种情况：一种是在需要组织数 据显示时用；另一种是在布局网页时用。当表格被用作布 局时，需要对表格的属性进行设置
列 单元格边距 单元格 网页元素 边框粗细 单元格间距
4.3.1插入表格和编辑表格 表格在网页中通常存在两种形式:一种是独立的形式存 在,二是以嵌套的形式存在 1、插入独立表格 插入表格一般有两种方法 方法一:单击“插入”栏|“常用”选项|“表格”按 钮; 方法二:选择“插入”菜单「“表格”命令;弹出“表格 对话框
4.3.1 插入表格和编辑表格 表格在网页中通常存在两种形式：一种是独立的形式存 在，二是以嵌套的形式存在。 1、插入独立表格 ❖ 插入表格一般有两种方法 方法一：单击“插入”栏｜“常用”选项｜“表格”按 钮； 方法二：选择“插入”菜单|“表格”命令；弹出“表格” 对话框
4.3.1插入表格和编辑表格 表格 表格大小 行数:国 列数:3 表格宽度:200 pixels 边框粗细:4像素 单元格边距 单元格间距 页眉 无 左 顶部 两者 辅助功能 标题 对齐标题: default 摘要 匚帮助 匚确定匚取消
4.3.1 插入表格和编辑表格