《网页设计与制作案例教程-电子教案第12单元》由会员分享，可在线阅读，更多相关《网页设计与制作案例教程-电子教案第12单元（5页珍藏版）》请在金锄头文库上搜索。
1、一实验目的（1）掌握利用表格布局网页页中的文字、 图图像等页页面元素的方法。（2）掌握应应用表格存储储文本或数据，且 对对数据进进行有序排列。（3）掌握利用表格将形状规则规则 的小图图片 合成形状不规则规则 的大图图片的操作方法。（4）掌握应应用布局表格和层层的方法布局 网页页中的文字和图图片的方法。实验实验3 3 网页布局之一 网页布局之一二预览效果本次实验实验 的浏览浏览 效果如图图A-3所示。图图A-3 主板网页页的浏览浏览 效果三实验内容（1）在站点“ComputerDiy”根文件夹夹中新建 一个子文件夹夹“03实验实验 3”，在该该子文件夹夹中 创创建一个命名为为“03.html”的
2、网页页文档。 （2）设设置网页页03.html的页页面属性。（3）从上至下依次插入四个表格，用于布 局图图片和文本。 （4）在“主板调调研报报告”下面插入层层，再在 层层中插入两张图张图 片。 （5）在“降价排行”下面插入一张张表格，该该 表格用于存储储数据。 （6）在“微星品牌主板”下面插入布局表格 和布局单单元格，然后在布局单单元格中输输入文 本，插入图图片。 （7）在其他各表格中输输入文本，插入图图片 。四操作提示（1）“主板频频道”位置的图图片是几张规则张规则 的 小图图片借用表格拼接而成。 （2）本次实验应实验应 用表格、布局表格、层层等 多种网页页元素对对文本和图图片进进行布局，主 要目的是训练训练 网页页的多种布局方法，其实实 只使用表格进进行布局也能实现实现 。
