表格布局图 三、创建表格 创建表格的方式 1、插入表格 （插入→表格） 2、插入表格钮 3、绘制表格 学生练习：创建表格。 第一步：参考下图的表格结构,创建表格。
第二步：通过合并、拆分单元格实现下图的表格布局效果。
学生实践与探讨以下几个问题：
1、设置表格属性时，表格宽度有两个单位：像素和百分比，它们有何区别？
如果选择像素为单位，屏幕设置为800*600像素的用户，应该指定多少像素的宽度比较合适？（尝试操作）
（在表格处单击右键，选择表格属性，进入表格属性框）
2、在IE中浏览网页时，如果不想显示表格，该如何设置？
3、如何设置表格的背景？
参考效果如下：
四、编辑表格
主要操作：
1、调整表格结构（合并、拆分单元格）
2、设置表格的宽度及对齐方式
3、设置表格边框、单元格边距等 （右键——表格属性）
4、 设置表格和单元格的背景颜色和图片。（右键“单元格属性”—背景）
学生练习：编辑表格
五、在表格的单元格中添加内容
模仿“虎门硝烟”网站的首页:http://10.7.16.2/hmweb/
学生练习：在单元格中添加内容。
探究：根据网页设计要求有一个“弯角”制作的效果。当我们插入一个弯角图片到单元格时，会发现弯角图片与上方导航栏之间出现一个空隙。如何解决图片与表格的紧密连接，实现网页中图形的拼接呢？http://m.cnfzdj.com/jiaoxueziliao/66806/
推荐访问