Dreamweaver插入圖像

一、圖像插入

1、圖像的格式

雖然圖像標準中存在多種圖形文件格式，但網(wǎng)頁中通常使用的只有三種，即GIF、JPEG和PNG。目前， GIF和JPEG格式的支持情況最好，大多數(shù)瀏覽器都可以查看。

GIF：只支持256種顏色

JPEG：有損壓縮的格式

PNG：無損壓縮圖像，支持一千六百萬種顏色

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

菜單：插入>圖像

工具欄：插入欄>常用>圖像

在站點面板中直接將圖像文件拖到頁面上

從資源管理器中直接將圖像文件拖到頁面上

菜單：插入>圖像對象>圖像占位符

工具欄：插入欄>常用>圖像占位符

3、圖像和圖像占位符屬性面板使用

主要屬性：圖像的名稱、大小、源文件、鏈接、替代文字、邊框和邊距、對齊方式等。

4、圖像熱區(qū)

使用圖像地圖，可以在單個圖像中創(chuàng)建多個熱點或熱區(qū)（可單擊的區(qū)域），并使每一個熱點鏈接到一個不同的URL。

注：圖像地圖指已被分為多個可鏈接區(qū)域（或稱“熱點”）的圖像

（1）繪制熱區(qū) 矩形 橢圓形 多邊形

（2）選擇熱區(qū) 多選方法：SHIFT+單擊

（3）移動熱區(qū)

（4）調(diào)整熱區(qū)大小

5、插入交互式圖像

（1）鼠標經(jīng)過圖像（簡單翻轉圖）

使用以下方法之一插入鼠標經(jīng)過圖像：

在“插入”欄中，選擇“常用”，然后單擊“鼠標經(jīng)過圖像”圖標。

在“插入”欄中，選擇“常用”，然后將“鼠標經(jīng)過圖像”圖標拖到“文檔”窗口中的所需位置。

選擇“插入”>“圖像對象”>“鼠標經(jīng)過圖像”

（2）導航條

導航條由圖像或圖像組組成，這些圖像的顯示內(nèi)容隨用戶操作而變化。每個頁面只能有一個導航條。 

使用“插入導航條”命令之前，須首先為各個導航項目的顯示狀態(tài)創(chuàng)建一組圖像。

執(zhí)行下列操作之一：

選擇“插入”>“圖像對象”>“導航條”。

在“插入”欄的“常用”類別中，單擊“圖像”菜單并選擇“插入導航條”按鈕。

6、導入Fireworks HTML

     Fireworks可利用切片將圖片文檔分割成多個較小的部分并將每部分導出為單獨的文件。

插入>圖像對象> Fireworks HTML

插入欄>常用> Fireworks HTML

7、制作WEB相冊

命令菜單>創(chuàng)建網(wǎng)站相冊② 出現(xiàn)“插入導航條”對話框。設置相關項目

8、圖像的優(yōu)化和格式轉換

（1）用Fireworks優(yōu)化頁面圖像

右擊圖像>在 Fireworks中優(yōu)化

命令> 在 Fireworks中優(yōu)化圖像

（2）用Photoshop和Fireworks轉換圖像文件格式和優(yōu)化處理