网页设计中
经常遇到交互图像。所谓交互图像,是指当
鼠标经过图像时,原始图像转化为另一幅图像,下面让我向你展示一下Dreamweaver是如何建立交互式图像的。
软件名称:Adobe Dreamweaver CS5官方简体
中文特别版(425m)软件大小:425mb更新时间:2013-04-02
1。在Dreamweaver中,新的HTML
文件 2、移动光标的
位置插入交互式图像,选择插入mdash;mdash;图像对象mdash;mdash;鼠标经过图像
三.在图像名中
输入图像的名称,如1
4,单击原始
图片上的右视图按钮,打开所需的图片,单击
确认,如图所示。
5,单击鼠标通过图像右侧的
浏览按钮,打开所需的图片,单击确认,并选择预鼠标传递图像,如图所示。
6,在输入文件名
替换文本,如123,在出版社,输入URL链接
地址,进入空链接#
7, click the confirm button, the interactive image is finished, press F12 to preview it
注意事项:uff1a
两个图片的大小必须相同,否则插入的第二张图片将自动
调整为第一个大小。
相关建议:
Dreamweaver是如何制作一个简单的网页的
如何在Dreamweaver中把文字放在图片上
一个实例
教程对DW插入图像/图像占位符和交互式图像