探讨Dreamweaver中层的应用.pdfVIP

科技信息 计算机与网络 南京广播电视大学建邺区分校 王碹 [摘要]层是Dreamweaver网页制作软件中非常重要的概念，可以大大增强网页设计的灵活性，可以不编写代码而实现网页中的动 感效果。在实际教学中，学生对于层在运用过程中把握不够，本文通过四个实例来剖析具体用法，使学生掌握层的应用，达到良好的 教学效果。 ’ 网页 层 应用 [关键词]Dre甜nweaver 在使用Dre—weav”软件制作网页的过程中，层是一个很重要的概键入“M印”。 念。简单地说，网页中的层就是网页内容的一个容器，在层中可以放置 4、建立图像热点：选中图像后在属性检查器中选择“多边形热点工 文本、图像、表单、对象插件，甚至还可以插入其他层。层最主要的特性 具”，利用此工具在世界地图上分别画出各大洲的轮廓(注意使用多边 就是可以在网页上自由浮动，可以放置在网页上的任何位置，从而实现 形热点工具的技巧．不要将各大洲连成一体)，作为图像热点(如图2所 对层的精确定位。而且层的位置可以重叠，可以任意控制层的前后位 示)。 置、显示与隐藏，这些大大增强了网页设计的灵活性。同时层与时间轴 5、插入层：在文档中插入6个层，分别在每个层中输入各大洲的名 结合，可以轻松地在页面上制作出效果。下面就通过实例来说明层在网 称，将各层的背景设为透明色，将它们放置在各大洲旁合适的位置上， 页制作中的运用。 并通过层的属性面板中的“可见性”下拉菜单，将所有层的属性设置为 一、拼图游戏——拖动层 “hidden”(不可见)。 内容简介：本例主要介绍使用层的技术，结合行为的应用，在网页 6、创建行为：选择某一洲的热点区域，在“行为”面板中单击“加号 中实现拼图的效果。访问者在浏览网页时，可用鼠标拖动网页中的图像 (+)”，选择菜单中的“显示一隐藏层”。 碎片，将其拼成完整的图形。 7、显示一隐藏层：在打开的“显示一隐藏层”对话框中设置层的显 制作步骤： 示和隐藏属性，将要设置的洲对应的层选中，点对话框中的“显示”按 1、启动Dre—we“”，新建文档并保存。 钮，设置为显示，将其他层设置为隐藏。 2、准备多张GIF图片，它们各是一幅完整图像的一部分。保存在同 8、改变事件值：在“行为”面板中选中新添加的行为，选择“事件”右 一个文件夹下，分别命名为01．班，02．耐，03．gif．．…· 侧的箭头，设置“事件”为“0nMouseOver”。 3、选择“插入”面板中“常用”选项卡下的“描绘层”，在设计页面中 9、完成其他设置：重复上述动作完成对其他各个洲的设置。 画出一个层，自动命名为“IJayerl”，将光标置人层“lqerl”中，选择“插10、保存文件，再打开网页时，鼠标移到各个洲上就会出现相应的 入”图像，在层中插入文件夹下的一幅图像，如01．碰。 洲名，移到别的洲时名字将隐藏显示其他洲名。 4、在不选中任何层的情况下，在“行为”面板中单击“加号(+)”，在 三、飘舞的音符——层与时间轴结合 弹出菜单中选择“拖动层”(选中层后无法选取“拖动层”命令)，在弹出 内容简介：本例主要利用层和时间轴的特点介绍了在页面上实现 的“拖动层”对话框中，选中“层”下拉菜单中的“层Laverl”，单击“确定”动画飘舞的效果。 按钮。 制作步骤： 5、在行为面板中选中新添加的行为，单击事件右侧的箭头，将事件 l、新建文档，并保存。 修改为“0nMouseMove”(鼠标在对象上移动时)。如图1所示。