在网页中使用表格

• 编辑表格：给表格添加文字、添加/删除行。 编辑表格：给表格添加文字、添加 删除行 删除行。 • 插入标题：“插入” →“标题”，输入标题名。 插入标题： 插入” “标题” 输入标题名。 • 设置单元格属性：文字居中；给字体加粗；添加单元格背景颜色。 设置单元格属性：文字居中；给字体加粗；添加单元格背景颜色。
第五章 网页的进一步完善
第二节 在网页中使用表格
思考…… 思考
• 在生活中，使用表格有什么好处呢？
简明！清晰！ 有条理！！
思考…… 思考
•
在网页设计中，表格起到怎样的作用呢？
表格能够将许多关联的数字和信息综合起来，使人能够一目了然，便于分析、比较、综合和使用。 表格运用于网页布局，可以使网页布局更加清晰，更有层次感！
5、课后作业 、课后作业
1.利用表格对自己的网页作品进一 步美化。 2.预习下节内容，各小组收集小组 网站的相关素材。
1、在网页中插入表格 、
• 请大家尝试将课本P39页“兴趣小组安排表”插 入到“兴趣小组”页面中。 提示：“表格” →“插入” →“表格”
3列 列
6行 行
表1.兴趣小组安排表
2、完善表格（编辑表格、插入标题、设置单元格属性。） 、 编辑表格、插入标题、设置单元格属性。）
请大家完成以下任务： 请大家完成以下任务：
学习目标
1 2 3 4 在网页中插入表格 完善表格（编辑表格） 完善表格（编辑表格） 配合图文、 配合图文、丰富网页 完善小组网站作品
1、在网页中插入表格 、
• 回忆一下在Word中，我们是如何来插入表格的。
图1、Word中的菜单栏、工具栏
图2、FrontPage中的菜单栏、工具栏
与Word类似，在FrontPage中可以 Word类似， FrontPage中可以 类似 通过单击“表格”菜单，选择“ 通过单击“表格”菜单，选择“插入 表格” 设置行列数来实现表格插入。 表格”，设置行列数来实现表格插入。
3、配合图文、丰富网页 、配合图文、
• 动手：请大家参照课本P40页操作步骤，将素材 添加到网页合理位置，丰富网页。
4、完善小组作品 、 学生作品展示：
4、课堂小结ຫໍສະໝຸດ Baidu、
表格对于网页制作来说，是必不可 少的，它不仅可以让数据信息更容易被 理解，而且还可以使文字和图形有机地 排列成整体，使网页具有分栏的效果， 从而使整个页面显得更有层次，更富有 美感。