《合理布局体艺节信息》课件.pptVIP

第四课 合理布局体艺节信息 佛山市高明区沧江中学 赵建初 体艺节丰富多彩的活动进行得如火如荼，源源不断的赛讯不断传来，张扬和同学一起收集了很多照片、视频和文字等素材，面对这样的海量信息，如何把这些信息合理安放在网页上? 这节课我们学习用表格来布局页面信息的方法。 一个网页上的内容比较多的时候，表格能合理地组织文字、图片和动画等素材。 请思考：如何使用表格进行布局？ 1．插入表格 在网页视图中，打开如图3-15所示的 “插入表格”对话框，可设置表格的大小、布局等。 2．调整表格 刚刚插入的表格常常需要进行调整，首先选定调整的对象，再单击鼠标右键，如图3-16所示，在弹出的菜单中可实现很多的功能。 请思考： 请思考：你能为表格添加点色彩吗？ 三．设置表格属性 请思考：你会设计单元格的属性吗？ 课堂任务 设计一张网页框图，介绍我们的体艺节。 要求： 根据前面网站主页的版面设计，建立空白网页并进行页面布局和色彩配置，并进行合理的调整，直到自己满意为止。 利用表格布局好的主页，尝试向表格中加入网页元素内容，并浏览效果。 试运用表格的嵌套，定位“走进体艺节”主页的导航栏内容。 灵活运用表格，设计体艺节网站的其它页面。 * * 一．认识网页中的表格 原来，把网页元素放在表格中，同时把表格的边框隐藏起来，这样用户见到的是一个连贯的、组织漂亮的页面了。 原来，把网页元素放在表格中，同时把表格的边框隐藏起来，这样用户见到的是一个连贯的、组织漂亮的页面了。 图3-14 体艺节专题网首面布局图（草图） 通过“样式”可以对表格进行更多的设置。 图3-15 插入表格窗口 Word中的表格操作有哪些？在这里试试有什么异同？ 想一下怎样调整一个单元格大小？ 图3-16 表格的相关操作 拆分单元格 调整行高 合并单元格 删除行/列 在FrontPage中怎样操作的？ 对表格的操作 体艺节专题网首面布局图（草图） 页 眉 导航栏 设置表格在页面的布局。 表格的背景可以是背景色，也可以是图片。 设置表格的边框，边框“粗细”为0时，可把表格隐藏起来。 使用像素,则表格的大小始终保持不变。 。 使用百分比，则表格在网页中会随浏览器窗口的大小自动调整。 *