DW如何制作鼠标经过时图片放大效果示例教程

在Dreamweaver中构建图片展示页面的过程

打开Dreamweaver软件，首先修改页面属性，将背景色设定为灰色，以便更好地展示图片。接着，我们进入布局属性，创建一个名为apdiv的容器，用于承载我们的图片。将其宽度和高度分别设为800和299像素，同时设置溢出属性为hidden，确保图片放大时不会影响到整体布局。

然后，为这张图片添加行为。点击添加按钮，在列表中选择【改变属性】。在打开的对话框中，选择元素类型为img，ID为刚才设置的im1，然后选择【输入】属性，将width设为300像素。这样，当鼠标放到图片上面时，图片的宽度会变为300像素。

接下来，再添加一个行为，将高度设为150像素。同样地，我们需要为鼠标离开图片时的恢复效果添加两个行为。按照上述步骤进行设置，确保图片在鼠标离开后能够恢复到原始大小。

对所有图片应用这四个行为，完成交互效果的设置。至此，我们已经完成了图片展示页面的基本构建。当鼠标悬停在图片上时，可以看到放大的效果，离开时则恢复原状。

推荐一些热门的Dreamweaver版本类型：Dreamweaver MX 2004官方简体中文专业版、Dreamweaver CS3（DW CS3）简体中文精简版、Dreamweaver CS4官方简体精简版等。这些版本都提供了丰富的功能和工具，帮助设计师们更好地创建和管理网页。还有Dreamweaver CS3注册机、网页三剑客CS5官方简体中文正式版等可供选择。无论你选择哪个版本，都可以在Dreamweaver中轻松实现网页设计和开发的各种需求。

使用cambrian.render('body')命令来渲染网页的主体部分，完成整个页面的构建。