网页设计与制作案例教程-电子教案第12单元.ppt

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