| |
|
|
|||||||||||||||||||||||||||
|
2.在背景图象对话框中输入背景图的路径名称,(Dreamweaver可以支持图象格式有JPEG
、 GIF及PNG) 或单击 Browse(浏览)按钮选择图象。 6.2 插入一个图象
插入一个图象,具体操作步骤如下: 1.有四种方法可以实现:
2.用前三种方法都弹出同样的对话框,在其中输入路径文件名,或点击所选文件夹中的一个图形文件。在定文件路径时可以是相对路径,也可是绝对路径。
3.在属性面板中设置图象属性。
6.3 插入翻转图象
翻转图象(rollover)是指当鼠标移过该图象时会发生变化的图象。 rollover 其实是两个图象:第一个图片(页面加载时所显示的)和rollover图象 (当光标移至第一个图片上时变化后的图象)。 建立一个 rollover图象: 将光标移到想放置 rollover 图片的位置,在控件面板上点击
Rollover 按钮 Original Image对话框中,填入没有鼠标指向该图片时要显示的图片路径。 6.4插入交互图象:回应鼠标移过之外的事件(比如鼠标单击)来改变图象,就需要使用交互(action)图象,下面是步骤。
1.点击对象面板上的
2.在随后出现的对话框Set Source to中输入路径文件名,或点 Browse 来选择一个图象。选择Preload Images(预置图象)选项以便在图象下载前将其加入内存中。 如图4所示。 3.检查一下事件项,当前事件是onMouseOver(这与翻转图象一样),如果希望点击后改变图象,那么点
重复以上步骤可为一个图片加入一组互相图象,它们可对不同事件的做出反应。 6.5 设置图象特性 选中图象,在属性面板中可以对其属性进行设置,如图6所示。
指定W(宽)和 H(高)可以在页面加载时预留图片所占空间。Dreamweaver总是自动加上图象的原始尺寸。默认的宽高单位是 pixels (象素)。 对宽高的大小改变都会实时显示出来。 Src 图象文件路径及名称。可以点击文件夹按钮 Link 定义图象超级链接。可以直接键入 URL,或拖动 Align 将图象对齐。 Alt 对有些纯文本浏览器或采用文本浏览方式的人而言,此项目可以让图像位置呈现替代的文字,并在鼠标放在图象上时呈现这些文字。 属性面板默认的设置是只显示大多数最常用的属性,你可以点击面板右下角的扩展箭头
V Space and H Space 可以让图象的上下、左右增加间距。 Target 在此定义链接文件加载的帧或窗口。 在当前文档中所有可用的帧名称都在下拉列表中。下面提供的目标窗口是程序自带的: _blank 将文件链接至一个新的未命名窗口。 Low Src 指在主图象下载前的替代图象。比如用同样尺寸的但文件很小的图象来代替。 Border 设置围绕图象的边框宽度。输入0则没有边框。 Map 可建立客户端图象地图。 Refresh 重置原始图象的宽和高的尺寸。 Edit 在图象编辑器中(须在扩展编辑参数项中指定)打开选择图象。当你保存图象文件并返回 Dreamweaver, Dreamweaver 会直接更新文档窗口中的图象。 6.6 用扩展的图象编辑器 我们可以直接从 Dreamweaver 中打开一个扩展的图象编辑软件。 设置方法:从菜单中选择Edit > Preferences(编辑>参数),从打开的设置框的左侧的目录列表中选择External
Editors(扩展编辑器),点击
要打开扩展图象编辑器,有三种方式:
图象热点实是一个单一的图象上面的不同区域定义了不同的超级链接。 建立图象热点的步骤如下: 1.选择图象,在扩展的图象属性面板的Map(地图名称)栏中输入地图名,参见图7。 2.根据需要在矩形、圆形或多边形(用于绘不规则热点区)工具中选择一种,通过在图象上拖动鼠标画出一个热点区域,如图9所示。 3.在Link(链接)栏输入热点区对应的 URL 。
|
||
|
|