Dreamweaver插入圖像

一、圖像插入

1、圖像的格式

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

GIF：只支持256種顏色

JPEG：有損壓縮的格式

PNG：無(wú)損壓縮圖像，支持一千六百萬(wàn)種顏色

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

菜單：插入>圖像

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

在站點(diǎn)面板中直接將圖像文件拖到頁(yè)面上

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

菜單：插入>圖像對(duì)象>圖像占位符

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

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

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

4、圖像熱區(qū)

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

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

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

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

（3）移動(dòng)熱區(qū)

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

5、插入交互式圖像

（1）鼠標(biāo)經(jīng)過(guò)圖像（簡(jiǎn)單翻轉(zhuǎn)圖）

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

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

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

選擇“插入”>“圖像對(duì)象”>“鼠標(biāo)經(jīng)過(guò)圖像”

（2）導(dǎo)航條

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

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

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

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

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

6、導(dǎo)入Fireworks HTML

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

插入>圖像對(duì)象> Fireworks HTML

插入欄>常用> Fireworks HTML

7、制作WEB相冊(cè)

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

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

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

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

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

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