1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
《4.3.3使用表格进行页面布局》集体备课PPT课件优质课下载
新课引入
1、欣赏2张素材相同布局不同的网页。
问题:
1:两个网页有什么不同?
2:你认为哪个更好一些?为什么?
网页1:页面工整,文本、图片摆放对称,具有一定的规律;
网页2:页面凌乱,图文混杂,摆放杂乱。
表格在页面布局中的作用
表格是网页排版不可缺少的一部分,它可以对文字和图片进行精确的定位,通过设置表格的宽度、高度等属性,把不同的网页元素分别固定在不同的单元格之中,以达到页面的平衡,几乎所有的网页都应用到表格定位技术。
实例分析
1、展示“虎门销烟”网站主页,分析表格结构
这张网页是用几行几列的表格布局的?
表格布局
表格1(1×2)
表格2(1×8)
表格3(3×3)
表格4(1×1)
表格布局
表格1(1×2)
表格2(1×8)
表格3(3×3)
表格4(1×1)
单元格之间互相干扰问题
以上实例为什么要使用4个表格来布局呢?
可不可以只用1个表格来布局?