如何在Dreamweaver中制作网页中图像的缩放效果

利用Dreamweaver的内置行为，你可以轻松制作各种各样的图像效果，而无需编写其他代码。本文将分享制作图像缩放效果的过程并提供截图，希望对你有所帮助。

步骤一：启动Dreamweaver CS5

首先，打开Dreamweaver CS5并执行“文件-新建”命令。在弹出的新建文档对话框中选择HTML，并点击“创建”按钮进入主界面。

步骤二：插入表格

在lt;bodygt;标签中执行“插入-表格”命令。在弹出的表格对话框中，设置两行两列，并将宽度设置为40%。在属性面板中，将对齐方式设置为居中对齐，并将边框设置为0。这样做是为了在显示时隐藏表格，使布局更加美观。

步骤三：插入图像

分别选择四个单元格，执行“插入-图像”命令。在弹出的选择图像源文件对话框中，找到图片所存放的位置后，点击确定按钮将图片导入。

步骤四：设置图像样式

分别选择这四张图片，在属性面板中将宽度设置为230，高度设置为200，以使图片布局更加美观。

步骤五：添加图像缩放效果

选择需要添加效果的图片，在右侧行为面板中点击“ ”号，并从下拉菜单中选择“效果-增大/收缩”选项。

步骤六：配置图像缩放效果

在弹出的增大或收缩对话框中，勾选切换效果，其余参数采用默认设置，并点击确定按钮。

步骤七：应用效果到其他图片

对于剩余的三张图片，重复步骤五和六，依次设置完毕。

步骤八：预览效果

按F12键在浏览器中进行预览。如果弹出是否将改动保存的提示信息，请直接点击是。在浏览器中，你将看到四张图片并且可以点击任意一张图片进行缩放操作。

步骤九：保存网页

最后，执行“文件-另存为”命令将网页保存即可。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。