第7课：用表格排版网页 珠海市广播电视大学
第7课：用表格排版网页 珠海市广播电视大学
●●● ●● ·表格是网页设计制作时不可缺少的重要元素，它以简洁明 了和高效快捷的方式将数据、文本、图片、表单等元素有 序地显示在页面上，从而设计出版式漂亮的页面。 ·使用表格排版的页面，在不同平台、不同分辨率的浏览器 里都能保持其原有的布局，且在不同的浏览器平台有较好 的兼容性，是网页最常用的排版方式之一
⚫ 表格是网页设计制作时不可缺少的重要元素，它以简洁明 了和高效快捷的方式将数据、文本、图片、表单等元素有 序地显示在页面上，从而设计出版式漂亮的页面。 ⚫ 使用表格排版的页面，在不同平台、不同分辨率的浏览器 里都能保持其原有的布局，且在不同的浏览器平台有较好 的兼容性，是网页最常用的排版方式之一
888 主要内容 8 一、表格的作用 二、表格的基本操作 三、表格的HTML标记 四、处理表格 五、表格的嵌套 六、使用表格排版网页
主要内容 一、表格的作用 二、表格的基本操作 三、表格的HTML标记 四、处理表格 五、表格的嵌套 六、使用表格排版网页
888 表格的作用 ·1.1存放数据 青山区图书馆 藏书列表 书籍名称 所属类别 购进时间 损毁程度 管理员 资质通闲 历史类 1986.4.20 无 王于琦 中国古镇书 旅游类 2006.13 无 张琴 穆斯林的葬礼 文学类 1988.1225 无 刘汤
一、表格的作用 ⚫ 1.1 存放数据
●●● 一、 表格的作用 ·1.2布局页面 足球新间 相关新同 瓦年杯新问 (03-01] 世杯新问 -27 回例站公告酮
一、表格的作用 ⚫ 1.2 布局页面
888. ●●●●● ●0●0 二、表格的基本操作 。2.1插入表格 。步骤： 。单击网页中需要插入表格的地方 。在菜单栏选择“插入记录”->“表格”命令，或者单击“常用”工 具栏里的“表格”按钮，或者运用组合键CTRL+ALT+T ·表格由行、列、单元格三部分组成
二、表格的基本操作 ⚫ 2.1 插入表格 ⚫ 步骤： ⚫ 单击网页中需要插入表格的地方 ⚫ 在菜单栏选择“插入记录”->“表格”命令，或者单击“常用”工 具栏里的“表格”按钮，或者运用组合键CTRL+ALT+T ⚫ 表格由行、列、单元格三部分组成
888 dreamwever(dreamweaver/index.html)-Macromedia Dreamweaver MX =回x 文件E编辑E查看心插入①修改仙文本（知命令(G站点（⑤）窗口（妙帮助山 8 品登标题：士eawever ■吮.®.C{).▣. 表格 583x175,1K/1秒 dreamwever(dreamweaver/index.html)-Macromedia Dreamweaver MX 回x 文件E编辑E)查看插入⑩修改心文本（①命令(站点(S窗口山帮助心 >]酷子标题：女eamwever ■允.0.C>).迴. 单元格 ody>Ktable>tr>标签以选择单元格 5,1K/1秒
888. ●●●●● ●0●0 表格边框 边框和边推之间的 单元格边相 距离就是间距 I 边框和内容之间 的距离就是填充 这就是填充
88 ●●●● 二、表格的基本操作 润 ·2.1插入表格 ·2.1.1表格大小 表格 ☒ 。行数和列数 表格大才 。表格宽度：表格在页面中宽度的大小。像素 200像索 设置的是表格宽度的实际值：百分比设置的 边相租组：1■像 单元格边距：☐丽 是表格与页面宽度的相对比值 单元格间距： 。边框粗细：表格边框的粗细效果 用 用 。单元格边距：单元格中填充内容距离边框的 距离大小 ●单元格间距：相邻单元格之间的距离 助 确定☐取消
二、表格的基本操作 ⚫ 2.1 插入表格 ⚫ 2.1.1 表格大小 ⚫ 行数和列数 ⚫ 表格宽度：表格在页面中宽度的大小。像素 设置的是表格宽度的实际值；百分比设置的 是表格与页面宽度的相对比值 ⚫ 边框粗细：表格边框的粗细效果 ⚫ 单元格边距：单元格中填充内容距离边框的 距离大小 ⚫ 单元格间距：相邻单元格之间的距离
●●● ● 二、表格的基本操作 ●2.1插入表格 ·2.1.2标题/页眉与辅助功能 表格 。页眉：设置表格的行或列的标题 表格大小 行数：3列3 表格宽度：200像素 。标题：表格的标题名称，默认会出现 单元格边距 在表格上方 单元格距 。摘要：为表格的备注，不在网页中显 示 助功能 帮助 确定☐取消
二、表格的基本操作 ⚫ 2.1 插入表格 ⚫ 2.1.2 标题/页眉与辅助功能 ⚫ 页眉：设置表格的行或列的标题 ⚫ 标题：表格的标题名称，默认会出现 在表格上方 ⚫ 摘要：为表格的备注，不在网页中显 示