每個(gè)PNG文件都有一個(gè)特殊的層—Web Layer，Web Layer就是專門用來記錄熱區(qū)和切割信息的，這些信息包含了HTML語言的特性，因此被稱作網(wǎng)絡(luò)層（Web Layer）。

熱區(qū)（Hotspots）就是當(dāng)一張圖片包含數(shù)個(gè)超鏈接時(shí)用于指定哪部分區(qū)域指向哪個(gè)超鏈接地址的對象，在標(biāo)準(zhǔn)的HTML語言中用<map>標(biāo)簽表示。

切割（Slices）是Fireworks最先提出來的概念，以前當(dāng)網(wǎng)絡(luò)速度不很理想而圖片又稍大時(shí)，設(shè)計(jì)師通常把一張大圖片分成小圖片放在表格中，使得圖片的顯示速度加快，但是這項(xiàng)工作費(fèi)時(shí)費(fèi)力，于是Fireworks提供了可視化進(jìn)行切割圖片的工具，大大減少了設(shè)計(jì)師們重復(fù)勞動的工作。

熱區(qū)和切割最后會被輸出成標(biāo)準(zhǔn)的HTML代碼，你只要將這些代碼插入到頁面相應(yīng)的位置就可以了。我們應(yīng)該很容易找到熱區(qū)和切割在工具欄中的位置，并且看到他們的擴(kuò)展工具，入圖：

我們先來看熱區(qū)工具，熱區(qū)工具中包含3個(gè)工具，分別用來建立矩形、圓形和不規(guī)則形狀的熱區(qū)，就象使用其他繪圖工具一樣使用他們就可以建立任何形狀的熱區(qū)。

如果這些工具不能滿足你對熱區(qū)形狀精確控制的要求，那么我們還有其他的方法。例如我們要建立一個(gè)星型的熱區(qū)，我們可以這樣做：首先，在畫板上繪制一個(gè)預(yù)想中的星型，使用多邊型工具（Polygon Tool）應(yīng)該非常容易做到這一點(diǎn)，然后選擇Insert->Hotspot，F(xiàn)ireworks就會根據(jù)這個(gè)多邊形的路徑創(chuàng)建一個(gè)形狀和大小相同的熱區(qū)（注意：Fireworks是新創(chuàng)建了一個(gè)熱區(qū)對象，而不是轉(zhuǎn)換這個(gè)路徑，因此原來的多邊形仍舊存在），完成之后就可以把一開始的那個(gè)多邊形刪除掉了。

如果現(xiàn)在我們用節(jié)點(diǎn)工具（Subselection Tool）拖動熱區(qū)上的某個(gè)節(jié)點(diǎn)，可以看到熱區(qū)依然保持著很好的可編輯性?。?！

現(xiàn)在我們要為熱區(qū)添加和超鏈接有關(guān)的HTML特性。打開Object面版（Window->Object），可以看到相關(guān)的參數(shù)。其中包括鏈接的URL地址，alt的文字，以及打開鏈接的方式（Target），在最后的shape菜單里我們還可以將熱區(qū)在最基本的3種形狀之間互相轉(zhuǎn)換。

完成了這些之后就可以用File->Export輸出HTML格式的代碼了。下面就是輸出后的結(jié)果，試著用右鍵單擊矩形框的內(nèi)部就會看到一個(gè)星型的形狀，同時(shí)我還在這個(gè)熱區(qū)上增加了一個(gè)OnMouseOver時(shí)，在瀏覽器狀態(tài)欄內(nèi)顯示文字的Behavior，有興趣的話可以自己試試。

接下來，我們來講切割。前面已經(jīng)說過，設(shè)計(jì)師為了加快頁面加載的速度把大圖片分割成小圖片放在表格中，這在以前是一件費(fèi)時(shí)又費(fèi)力的事，現(xiàn)在使用了切割Fireworks會按照你的切割自動生成HTML的表格代碼，你只需要將生成的代碼放在頁面的相應(yīng)位置就可以了。

可能有的朋友要問，難道圖片切割之后下載速度就加快了嗎？對，如果合理的切割的話，確實(shí)可以減小下載量，因?yàn)閷⑼瑯宇伾拇笊珘K切割成一個(gè)單獨(dú)的文件并使用較少的顏色輸出就會得到尺寸較小的文件。另一個(gè)切割圖片的理由是可以減少瀏覽者的心理等待時(shí)間。當(dāng)你等待一副大圖片出來時(shí)會覺得速度很慢，因?yàn)檫@時(shí)你什么也不能做，但是當(dāng)圖片切割后，小圖片很快就能出來并且一張接