实验8利用图层技术制作网页

《实验8利用图层技术制作网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验8利用图层技术制作网页【实验目的】：通过本实验，使学生熟悉创建、编辑框架网页和利用框架来布局页面的基本方法。【实验要求】：1、掌握应用框架设计网页布局的方法；2、掌握创建、编辑框架网页及设置框架属性的方法；3、掌握链接框架网页的方法。【基本操作】1、创建图层选择插入面板－“布局”－“描绘层”2、层面板的使用打开层面板选择“层”之后在DreamWeaver操作区的右边出现如下图所示的“层”窗口点击层窗口中的“layer1”,则可以实现层的选定，如需要选定多个图层先按住Shift键再在工作区中点选相应的图层。点击层窗口中的图标则可以改变层的可见性，而Z则可

2、以改变层的Z轴属性【实验内容】1.拼图游戏的制作拼图游戏介绍：拼图游戏是将如下图1所示的图片放在左边的方框内组成如图2所示的方框中图1图2操作步骤：1、绘制四个图层，并分别在四个图层中插入图片face01、face02、face03、face042、绘制如图1所示的表格，表格中的单元格大小与图片一致。3、将层分别放入表格中组成正确的图形。1、选择“窗口”菜单－“行为”2、点击“行为”窗口中的“＋”添加行为，并在弹出菜单中选择拖动层3、弹出的拖动层对话框中设置“层”、“放下目标”、“靠齐距离”4、在对话框中的高级选项中，设置“将层移至最前，然后恢复Z轴”5、

3、在行为窗口中找到Onload事件将其改为OnMouseOver。6、将图层移至其他位置，将表格空置二、显示层和隐藏层行为的使用 1、在网页中适当的位置添加一个表格，并加入相应的文字2、添加完成之后，选中“飘雨的季节”,并点击“插入面板”中的“插入链接”图标直接点确定，创建一个空链接。对其他的四个文字均采用同样的方式处理3、插入6个图层，其中第一个图层插入素材图片，并将此图层命名为pic第二图层（Layer1）输入文字（字体颜色为"#999999"）：“美丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到的时刻里出现。我喜欢那样的梦，在梦里，一切都可

4、以重新开始，一切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重回时的狂喜与感激。胸怀中满溢着幸福，只因你就在我眼前，对我微笑，一如当年。我真喜欢那样的梦，明明知道你已为我拔涉千里，却又觉得芳草鲜美，落英缤纷，好象你我才初初相遇。”第三个图层（Layer2）输入文字：人若能转世，世间若真有轮回，那么，我爱，我们前生曾经是什么？你若曾是江南采莲的女子，我必是你皓腕下错过的那一朵。你若曾是那个逃学的顽童，我必是从你袋中掉落的那颗崭新的弹珠，在路旁草丛里，目送你毫不知情地远去。年若曾是面壁的高僧，我必是殿前的那一炷香，焚烧着，陪伴过你一段静穆的时光

5、。因此，今生相逢，总觉得有些前缘未尽，却又很恍惚，无法仔细地去分辨，无法一一地向你说出。第四个图层（layer3）输入文字：在我们的世界里，时间是经、空间纬，细细密密地织出了一连串的悲离合，织出了极有规律的阴差阳错在每一个转角，每一个绳结之中其都有一个秘密的记号，当时的我们然不知，却在回首之时，蓦然间发一切脉络历历在目，方才微笑地领悟了痛苦和忧伤的来处。在那样一个回首的刹那，时光停留。永不逝去。在羊齿和野牡丹的荫影里流过的溪涧还正年轻，天空布满云彩，我心中充满你给我的爱与关怀。第五个图层（layer4）输入文字：当我猜到谜底，才发现，筵席已散，一切都已过去

6、。筵席已散，众人已走远，而你在众人之中，暮色深浓，无法再辨认，不会再相逢。不过只是刹那之前，这园中还风和日丽，充满了欢声笑语，可是我不能进去。他们给了我一个谜面，要我好好地猜测，猜对了，才能与你相见，才能给我一段盼望中的爱恋。当我猜到谜底，才发现，一切都已过去，岁月早已换了谜题。第六个图层（layer5）输入文字：曾经那样热烈地计划过的远景那样细致精密地描好了的蓝图曾经那样渴盼着它出现的青春却始终没有来临4、选择已经做好链接的“飘雨的季节”，点击“行为”面板中的“＋”，在弹出菜单中选中“显示－隐藏层”，在弹出的对话框中选择Layer1，并设定为“显示”5、

7、在“行为”面板中找到添加的显示－隐藏层，并选择它的事件为OnMouseOver6、再次选中“飘雨的季节”，点击“行为”面板中的“＋”，在弹出菜单中选中“显示－隐藏层”，在弹出的对话框中选择Layer1，并设定为“隐藏”7、在“行为”面板中找到添加的显示－隐藏层，并选择它的事件为OnMouseOut8、在层面板中设置Layer1为隐藏。9、点击运行看效果，同样的方法可以设置其他四个图层10、按照样例完成网页的美化