网页设计与制作案例教程 陈承欢 第12单元.pptVIP

* * 一．实验目的 （1）掌握利用表格布局网页中的文字、图像等页面元素的方法。 （2）掌握应用表格存储文本或数据，且对数据进行有序排列。 （3）掌握利用表格将形状规则的小图片合成形状不规则的大图片的操作方法。 （4）掌握应用布局表格和层的方法布局网页中的文字和图片的方法。 实验3　网页布局之一 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 二．预览效果 本次实验的浏览效果如图A-3所示。 图A-3　主板网页的浏览效果 三．实验内容 （1）在站点“ComputerDiy”根文件夹中新建一个子文件夹“03实验3”，在该子文件夹中创建一个命名为“03.html”的网页文档。 （2）设置网页03.html的页面属性。 （3）从上至下依次插入四个表格，用于布局图片和文本。 （4）在“主板调研报告”下面插入层，再在层中插入两张图片。 （5）在“降价排行”下面插入一张表格，该表格用于存储数据。 （6）在“微星品牌主板”下面插入布局表格和布局单元格，然后在布局单元格中输入文本，插入图片。 （7）在其他各表格中输入文本，插入图片。