字、水平线混合的效果需要使用一定的技巧，左边的图片应设
置为“左对齐”。这里主要是为了训练图文混排的操作方法，前面的章节中介绍了多种可以实现图文混排效果的方法，如表格、布局表格、层、CSS样式等。
实训3网页布局之一实训目的1掌握利用表格布局网页中的文字、图像等页面元素的方法。2掌握应用表格存储文本或数据，且对数据进行有序排列的方法。3掌握利用表格将形状规则的小图片合成形状不规则的大图片的操作方法。4掌握应用布局表格和层布局网页中的文字和图片的方法。预览效果参考实训3文件03html实训内容1在站点“ComputerDiy”根文件夹中新建一个子文件夹“03实训3”，在该子文
件夹中创建一个命名为“03html”的网页文档。2设置“03html”的页面属性。
f3从上至下依次插入四个表格，用于布局图片和文本。4在“主板调研报告”中插入层，再在层中插入两张图片。5在“降价排行”中插入一张表格，该表格用于存储数据。6在“微星品牌主板”中插入布局表格和布局单元格，然后在布局单元格中输入
文本，插入图片。7在其他各表格中输入文本，插入图片。操作提示：1“主板频道”位置的图片是几张规则的小图片通过表格合成的。2本次实训运用表格、布局表格、层等多种网页元素对文本和图片进行布局，主
要目的是训练网页的多种布局方法，其实只使用表格进行布局也能实现。实训4网页布局之二
实训目的1学会将已有网页生成模板的操作方法。2掌握如何编辑模板和将模板生成新网页的操作方法。3掌握如何应用库项目制作网页和更新库项目的操作方法。4掌握在网页中应用框架和为框架命名并导入框架源文件的操作方法。5掌握设置框架集属性和框架属性的操作方法。预览效果参考实训4文件夹实训内容1在站点“ComputerDiy”根文件夹中新建一个子文件夹“04实训4”，在该子文
件夹中创建一个命名为如图所示“tophtml”的网页文档。2创建如图所示网页“041html”，然后保存为模板“04dwt”，且将整个表格都
设置为“可编辑区域”。3创建基于模板“04dwt”的网页“042html”，如图。
f4创建如图所示的库项目“Copyright1lbi”。5分别在网页“041。html”和“042html”中插入库项目“Copyright1lbi”。6在该子文件夹“04实训4”中创建一个命名为“Frameset04html”的上部固
定的框架网页文档。7设置框架集文件“Frameset04html”和框架的属性，分别导入框架源文件
“tophtml”和“041html”。8为框架上部导航条中的文本“飞利浦”和“明基”设r