Dreamweaver插入图像

一、图像插入

1、图像的格式

虽然图像标准中存在多种图形文件格式，但网页中通常使用的只有三种，即GIF、JPEG和PNG。目前， GIF和JPEG格式的支持情况最好，大多数浏览器都可以查看。

GIF：只支持256种颜色

JPEG：有损压缩的格式

PNG：无损压缩图像，支持一千六百万种颜色

2、图像文件和图像占位符插入

菜单：插入>图像

工具栏：插入栏>常用>图像

在站点面板中直接将图像文件拖到页面上

从资源管理器中直接将图像文件拖到页面上

菜单：插入>图像对象>图像占位符

工具栏：插入栏>常用>图像占位符

3、图像和图像占位符属性面板使用

主要属性：图像的名称、大小、源文件、链接、替代文字、边框和边距、对齐方式等。

4、图像热区

使用图像地图，可以在单个图像中创建多个热点或热区（可单击的区域），并使每一个热点链接到一个不同的URL。

注：图像地图指已被分为多个可链接区域（或称“热点”）的图像

（1）绘制热区 矩形 椭圆形 多边形

（2）选择热区 多选方法：SHIFT+单击

（3）移动热区

（4）调整热区大小

5、插入交互式图像

（1）鼠标经过图像（简单翻转图）

使用以下方法之一插入鼠标经过图像：

在“插入”栏中，选择“常用”，然后单击“鼠标经过图像”图标。

在“插入”栏中，选择“常用”，然后将“鼠标经过图像”图标拖到“文档”窗口中的所需位置。

选择“插入”>“图像对象”>“鼠标经过图像”

（2）导航条

导航条由图像或图像组组成，这些图像的显示内容随用户操作而变化。每个页面只能有一个导航条。 

使用“插入导航条”命令之前，须首先为各个导航项目的显示状态创建一组图像。

执行下列操作之一：

选择“插入”>“图像对象”>“导航条”。

在“插入”栏的“常用”类别中，单击“图像”菜单并选择“插入导航条”按钮。

6、导入Fireworks HTML

     Fireworks可利用切片将图片文档分割成多个较小的部分并将每部分导出为单独的文件。

插入>图像对象> Fireworks HTML

插入栏>常用> Fireworks HTML

7、制作WEB相册

命令菜单>创建网站相册② 出现“插入导航条”对话框。设置相关项目

8、图像的优化和格式转换

（1）用Fireworks优化页面图像

右击图像>在 Fireworks中优化

命令> 在 Fireworks中优化图像

（2）用Photoshop和Fireworks转换图像文件格式和优化处理