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)過圖像（簡單翻轉(zhuǎn)圖）

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

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

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

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

（2）導(dǎo)航條

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

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

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

選擇“插入”>“圖像對象”>“導(dǎo)航條”。

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

6、導(dǎo)入Fireworks HTML

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

插入>圖像對象> Fireworks HTML

插入欄>常用> Fireworks HTML

7、制作WEB相冊

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

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

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

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

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

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