使用熱區(qū)和切割(Hotspots and Slices)(下)
接下來,我們來講切割。前面已經(jīng)說過,設(shè)計師為了加快頁面加載的速度把大圖片分割成小圖片放在表格中,這在以前是一件費時又費力的事,現(xiàn)在使用了切割Fireworks會按照你的切割自動生成HTML的表格代碼,你只需要將生成的代碼放在頁面的相應(yīng)位置就可以了。
可能有的朋友要問,難道圖片切割之后下載速度就加快了嗎?對,如果合理的切割的話,確實可以減小下載量,因為將同樣顏色的大色塊切割成一個單獨的文件并使用較少的顏色輸出就會得到尺寸較小的文件。另一個切割圖片的理由是可以減少瀏覽者的心理等待時間。當你等待一副大圖片出來時會覺得速度很慢,因為這時你什么也不能做,但是當圖片切割后,小圖片很快就能出來并且一張接著一張,在下載的過程中瀏覽者就能夠先看到圖片的一部分,因此他不會有等待的感覺,這就是為什么我們要使用切割的道理。其實道理和之后使用在網(wǎng)絡(luò)多媒體播放中的流式技術(shù)是異曲同工的,雖然可能這個比較不是很恰當。
除了用來分割圖片,在Fireworks中翻轉(zhuǎn)圖、按鈕、導航條等帶有交互動作的對象都是基于切割的。
創(chuàng)建切割非常容易,只要使用切割工具如同畫矩形一樣就可以創(chuàng)建出需要的切割,使用多邊形切割工具(Polygon Slice Tool)更可以創(chuàng)建出任意形狀的切割,如圖:
圖上綠色的區(qū)域就是切割的區(qū)域(Fireworks默認使用綠色表示切割,藍色表示熱區(qū),當然你可以通過修改設(shè)置來改變他們的顏色,但是我不建議你們這樣做),紅色的線條是圖片輸出后生成的表格的線條,這些紅色的線條組成的一個個矩形就對應(yīng)了表格的每個單元格。
你可能注意到了,當使用不規(guī)則形狀做切割時,F(xiàn)ireworks會沿著這個多邊形的最邊緣建立一個矩形,這是因為表格和圖片只接受矩形這種形狀,輸出后的結(jié)果將會被處理成在一張矩形的圖片上有一個多邊形的熱區(qū)這種形式。
新聞熱點
疑難解答