1、实验三页面布局(验证性实验 2 学时)一、实验目的1掌握表格的创建、编辑及用表格布局页面。2掌握框架与框架集的创建、编辑，会使用框架布局网页页面内容。3掌握创建、设置、管理、操作层，会使用层布局文档页面4了解 CSS 层叠样式表的使用方法。 二、软硬件环境1硬件：奔腾 686 处理器， 2G 内存，150G 硬盘。2软件：中文 Windows XP 的操作系统和 Adobe 公司 Dreamweaver CS 4 应用程序。三、预习要求认真复习课堂所讲内容。应掌握表格、框架和 AP 元素的创建、编辑及用表格、框架和 AP 元素布局网页页面的方法；掌握向网页中插入图像、音频、视频的方法；学会 C
2、SS 层叠样式表布局网页页面。四、实验内容创建一新站点：第三次实验，站点根文件夹是“实验三素材” ，图像文件夹是“img” 。1表格1) 在站点中新建一个网页文件 1_1.html，在其中插入一个 3 行 4 列的表格，对该表格进行简单的编辑（插入和删除行和列、合并和拆分单元格、设置间距和填充、设计表格边框的粗线和颜色表格的背景色等） 。2) 在站点中新建一个网页文件 1_2.html，使用表格按照下列的样图进行网页布局。网页中的页眉图片在站点的 img 文件夹中，网页中的文本素材在站点中的文本素材.doc 文件中。样图如下：提示：插入表格2框架1) 在站点中新建一个网页文件 2_1.html
3、，在其中创建一个框架，对该框架进行简单的编辑（框架的大小、位置、是否加边框及边框的颜色、是否显示滚动条等） 。2) 在站点中新建一个网页文件 2_2.html，使用框架按照下列的样图进行网页布局。样图如下： 在顶部框架中打开 2_2_1.htm 文件，在左侧框架中打开 2_2_2.htm文件，在右侧框架中打开 2_2_3.htm 文件。 左侧框架为导航，其中的“个人资料”链接到 ziliao.htm， “高考成绩”链接到 chengji.htm， “爱好特长”链接到 aihao.htm， “返回首页”链接到 2_2_3.htm。 “目标”都选择：mainFram 框架居中设置：在原有框架代码的
4、前后各加下面红色代码:原有框架前代码：框架后代码：效果图如下：3AP 元素1) 在站点中新建一个网页文件 3_1.html，在其中创建一个 AP 层，对该AP 层进行简单的编辑（大小、位置、背景色及背景图片、显示与隐藏、叠放次序等） 。提示：插入布局对象AP Div2) 在站点中新建一个网页文件 3_2.html，使用 AP 层按照下列的样图进行网页布局。样图如下：4CSS 层叠样式表（选作）在站点中新建一个网页文件 4_1.html，创建网页的步骤如下图所示：按照下列的样图适当改变 CSS 的属性值。五、实验报告本次实验要求写实验报告。报告要求：从上面 1、2、3 中任选两个题，写出操作过程，重点是对本次实践做出总结。本次实验报告在下次上机时交给老师。
