首 页 | 多媒体开发 | 合成 | 平面设计 | 动画制作 | 音频编辑 | 网站建设| 下载中心 | 认证培训
论 坛 | 加入人才库 | 企业展台 | 作品展示 | 项目承接 | 光盘压制 | 配音服务| 虚拟主机 | 新书上市
bryce
 
 

第六章:插入图象

    
6.1定义背景图或背景色:

    1.选择 Modify > Page Properties(修改 >页面属性)打开属性对话框,如图1所示。


图1页面属性对话框

    2.在背景图象对话框中输入背景图的路径名称,(Dreamweaver可以支持图象格式有JPEG 、 GIF及PNG) 或单击 Browse(浏览)按钮选择图象。
    3.选择颜色
在Dreamweaver中许多对话框和属性窗都有一个颜色框,单击它可以打开一个调色板,选择一种背景色。

6.2 插入一个图象

    插入一个图象,具体操作步骤如下:

    1.有四种方法可以实现:

  • 将光标停留在你欲插入图象的位置,然后选择 Insert > Image(插入 >图象)
  • 在控件面板上点击
  • 从控件面板上拖动到页面适当位置。
  • 从桌面上拖动一幅图象到页面适当位置,随即会弹出对话框,问是否将图象复制到当前文件夹,确认后选择保存路径即可。
2.用前三种方法都弹出同样的对话框,在其中输入路径文件名,或点击所选文件夹中的一个图形文件。在定文件路径时可以是相对路径,也可是绝对路径。
3.在属性面板中设置图象属性。
   
6.3 插入翻转图象 

    翻转图象(rollover)是指当鼠标移过该图象时会发生变化的图象。 rollover 其实是两个图象:第一个图片(页面加载时所显示的)和rollover图象 (当光标移至第一个图片上时变化后的图象)。

    建立一个 rollover图象:

    将光标移到想放置 rollover 图片的位置,在控件面板上点击 Rollover 按钮随即出现对话框,如图2所示。


图2 插入翻转图象设置对话框

    Original Image对话框中,填入没有鼠标指向该图片时要显示的图片路径。
Rollover Image对话框中,填入当鼠标指向该图片示所显示的翻转图片的路径。
Image Name对话框中,填入翻转图片的名字,可自行取命名。
Link对话框填入该图片将要链接到的地址,可通过点Browse...按钮来选择路径。
    要使 Dreamweaver 在浏览器缓存中预加载图象,可选择 Preload Images (预加载图象)选项。
    完成后单击 OK。

6.4插入交互图象:回应鼠标移过之外的事件(比如鼠标单击)来改变图象,就需要使用交互(action)图象,下面是步骤。

    1.点击对象面板上的按钮,插入选定的图象。我们可以在图形属性面板最左边的框中输入图象名称。单击启动工具栏上的打开Behaviors面板,点击选择Swap Image(交换图象)项,如图3所示。


图3 加入动作

    2.在随后出现的对话框Set Source to中输入路径文件名,或点 Browse 来选择一个图象。选择Preload Images(预置图象)选项以便在图象下载前将其加入内存中。 如图4所示。


图4
交换图象设置框

    3.检查一下事件项,当前事件是onMouseOver(这与翻转图象一样),如果希望点击后改变图象,那么点从下拉菜单中选择onClick。如图5所示。


5事件项设置

重复以上步骤可为一个图片加入一组互相图象,它们可对不同事件的做出反应。

6.5 设置图象特性

    选中图象,在属性面板中可以对其属性进行设置,如图6所示。


6图象属性面板

    指定W(宽) H(高)可以在页面加载时预留图片所占空间。Dreamweaver总是自动加上图象的原始尺寸。默认的宽高单位是 pixels (象素)。 对宽高的大小改变都会实时显示出来。

    Src 图象文件路径及名称。可以点击文件夹按钮插入该文件。

    Link 定义图象超级链接。可以直接键入 URL,或拖动到站点窗口的相应文件上,当然同样可以点击文件夹按钮浏览并选择该文档。

    Align 将图象对齐。

    Alt 对有些纯文本浏览器或采用文本浏览方式的人而言,此项目可以让图像位置呈现替代的文字,并在鼠标放在图象上时呈现这些文字。

    属性面板默认的设置是只显示大多数最常用的属性,你可以点击面板右下角的扩展箭头拉开整个面板。如图7所示。


7扩展的图象属性面板

    V Space and H Space 可以让图象的上下、左右增加间距。

    Target 在此定义链接文件加载的帧或窗口。 在当前文档中所有可用的帧名称都在下拉列表中。下面提供的目标窗口是程序自带的:

    _blank 将文件链接至一个新的未命名窗口。
    _parent 加载文件到上一级框架页面或包含有该链接的帧里。
    _self 加载页面到同一帧中或同一窗口。
    _top 加载链接页到整个浏览器窗口。

    Low Src 指在主图象下载前的替代图象。比如用同样尺寸的但文件很小的图象来代替。

    Border 设置围绕图象的边框宽度。输入0则没有边框。

    Map 可建立客户端图象地图。

    Refresh 重置原始图象的宽和高的尺寸。

    Edit 在图象编辑器中(须在扩展编辑参数项中指定)打开选择图象。当你保存图象文件并返回 Dreamweaver, Dreamweaver 会直接更新文档窗口中的图象。

6.6 用扩展的图象编辑器

    我们可以直接从 Dreamweaver 中打开一个扩展的图象编辑软件。

    设置方法:从菜单中选择Edit > Preferences(编辑>参数),从打开的设置框的左侧的目录列表中选择External Editors(扩展编辑器),点击按钮选择图象编辑器,我们可以选择 Fireworks,如图8所示。


图8加入图象编辑器Fireworks3

     要打开扩展图象编辑器,有三种方式:

  •     按住 Control 键(Windows)或 Command键 (Macintosh) 并双击要编辑的图象。
  •     选择待编辑的图象单击右键并从快捷菜单中选择 Edit With Fireworks3
  •     选择待编辑图象并在属性面板中点击 Edit


6.7 建立图象热点

    图象热点实是一个单一的图象上面的不同区域定义了不同的超级链接。

    建立图象热点的步骤如下:

    1.选择图象,在扩展的图象属性面板的Map(地图名称)栏中输入地图名,参见图7。

    2.根据需要在矩形、圆形或多边形(用于绘不规则热点区)工具中选择一种,通过在图象上拖动鼠标画出一个热点区域,如图9所示。


图9图象热点设置对话框

    3.在Link(链接)栏输入热点区对应的 URL 。
    4.重复第2到3步可以定义更多热点区,之后在热点图象外部点击一下,就完成设置。