web编程基础实验六层框架.pdfVIP

实验六层和框架

班级：11级网络班学号：112208206114：

【实验目的】

掌握网页中层和框架的操作和排版。

【实验要求】

1、掌握层的布局操作；

2、掌握框架的布局操作。

【实验内容与步骤】

用素材“练习案例-产品设计”进行练习层的基本操作,最终效果参考“练习案例-最终效果产品

设计”。

1、为“练习案例-产品设计”创建相应站点。

2、

3、利用层【属性】面板的【背景颜色】，为文字层添加灰色背景。

4、利用文字【属性】面板的【大小】和【颜色】，设置上部文字大小12pt，颜色黑色；下部文字

大小为16pt，颜色白色。

利用素材“练习案例-美容与化妆”练习框架布局，最终效果参考“练习案例-最终效果美容与化

妆”。

1、为“练习案例-美容与化妆”创建相应站点。

2、新建“上方固定，左侧嵌套”结构的框架，将上方框架命名为top，左侧框架命名为left，右

侧框架命名为main。

3、设置框架top高度为307px，框架main的宽度为250px。

4、将框架集文件保存为index1.html后，为框架top设置源文件top.html，为框架left设置源

文件left.html，为框架main设置源文件caizhuang.html。

5、

达人”和“物语”上设置空，目标为_main。

6、在网页index.html中的文字“欢迎进入美容与化妆…”上设置文档index1.html，进

入主框架页面。

【实验心得与体会】