Web编程基础实验：层与框架布局操作.pdfVIP

实验六层和框架

班级：网络工程学号：112208206102：

【实验目的】

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

【实验要求】

1、掌握层的布局操作；

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

【实验内容与步骤】

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

设计”。

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

2、绘制一个层后，使用层【属性】面板中的【宽】和【高】将其大小设置为81*77，然后通过复

制和粘贴得到其它大小相同的层。

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

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

大小为16pt，颜色白色。

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

妆”。

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

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