資源描述：
《圖像映像和熱區(qū)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、下載第18章圖像映像和熱區(qū)超級(jí)鏈接是網(wǎng)頁(yè)中最為重要的部分，單擊文檔中的超級(jí)連接，即可跳轉(zhuǎn)至相應(yīng)的位置。正是因?yàn)閷?shí)現(xiàn)了超級(jí)鏈接，我們才可以在Internet上享受“沖浪”的樂趣。大多數(shù)情況下，普通的文本鏈接已經(jīng)可以滿足用戶需要，但是為了頁(yè)面的美觀，使用圖像鏈接仍然是經(jīng)常遇到的事情。一般來說，一幅圖像只同一個(gè)鏈接相關(guān)聯(lián)，如果希望在頁(yè)面中包含多個(gè)鏈接，可以在頁(yè)面中放置多個(gè)圖像。然而，有時(shí)候可能要求只在頁(yè)面上顯示一幅較大的完整圖像，而希望將整幅圖像中的不同區(qū)域分別映射到不同的鏈接上，這時(shí)使用傳統(tǒng)的超鏈接設(shè)置方法就無法滿足要求。當(dāng)然，我們可以在網(wǎng)頁(yè)中放置多幅小
2、圖像，通過表格等手段將這些圖像拼湊起來，形成完整的圖像，然后再分別為它們?cè)O(shè)置鏈接，這的確也是一種方法，但顯得有些麻煩。事實(shí)上，利用圖像映像的方式，在圖像上構(gòu)建熱區(qū)，然后將熱區(qū)分別同不同的鏈接相關(guān)聯(lián)，就可以滿足我們的這種需求。這一章，我們主要介紹如何在Fireworks中構(gòu)建圖像映像和圖像熱區(qū)。18.1概述如果有人說，有的圖像處理程序可以生成文本代碼，您一定覺得這是天方夜譚，然而，如果您了解Fireworks，您就不會(huì)對(duì)此感到吃驚。實(shí)際上，在Fireworks中，不僅可以生成靜態(tài)的普通的圖像，還可以根據(jù)Web創(chuàng)作的需要生成圖像以及同圖像密切關(guān)聯(lián)的HTM
3、L源代碼，所有的圖像數(shù)據(jù)和代碼文字都存儲(chǔ)在PNG文檔中，換句話說，F(xiàn)ireworks操作的PNG文檔是一種經(jīng)過格式擴(kuò)展的PNG圖像。在將PNG文檔導(dǎo)出為Web格式的圖像時(shí)，將同時(shí)生成相應(yīng)的HTML代碼，而且可以在其他的HTML編輯器中立即使用。這種將圖像和HTML代碼相綁定并同時(shí)輸出的特性，充分體現(xiàn)了Fireworks的設(shè)計(jì)理念，可以說，這是Fireworks最激動(dòng)人心的地方，也是它最值得驕傲的重大創(chuàng)新。18.1.1圖像映像和熱區(qū)概念圖像映像（ImageMap）和熱區(qū)（Hotspot）就是Fireworks這種特性的一種應(yīng)用。我們知道，構(gòu)建圖像映像的
4、所有工作都是文字工作，對(duì)于圖像本身并沒有任何影響，很多HTML編輯器，特別是MacromediaDreamweaver，提供了對(duì)圖像映像創(chuàng)建操作的完美支持。然而，在Fireworks中，既可以處理圖像，又可以同時(shí)以可視化的方式在圖像上繪制熱區(qū)區(qū)域，構(gòu)建同每個(gè)區(qū)域的鏈接，最終生成所有需要的東西（包括代碼和圖像），并可以在頁(yè)面中不加修改地直接使用。由于將圖像設(shè)計(jì)同映像操作合二為一，因此它顯得尤為方便。為了幫助不了解圖像映像的人更好理解圖像映像的含義，我們這里介紹一下圖像映像的基本概念。所謂圖像映像，實(shí)際上就是在一幅圖像中創(chuàng)建多個(gè)鏈接區(qū)域，通過單擊不同的鏈
5、接區(qū)域，可以跳轉(zhuǎn)到不同的鏈接目標(biāo)端點(diǎn)。通常，我們將這種位于一幅圖像上的多個(gè)鏈接區(qū)第18章圖像映像和熱區(qū)343下載域，稱作熱區(qū)。例如，在圖18-1中，我們?cè)跒g覽器中單擊顯示有“計(jì)算機(jī)中心”的房子，就可以跳轉(zhuǎn)到介紹計(jì)算機(jī)中心的頁(yè)面；單擊顯示“科研樓”的房子，就可以進(jìn)入到介紹科研樓的頁(yè)面。實(shí)際上，所有這些單擊操作都是在一幅圖像中進(jìn)行的。圖像上的每幢房子都被設(shè)置為一個(gè)熱區(qū)，每個(gè)熱區(qū)都鏈接到不同的頁(yè)面，這就是圖像映像的作用。圖18-1圖像映像傳統(tǒng)的實(shí)現(xiàn)圖像映像的方法是所謂的服務(wù)器端（Server-Side）映像，它的原理是：在客戶端瀏覽器上單擊圖像熱區(qū)時(shí)，只是
6、將熱區(qū)的坐標(biāo)值傳送到Internet服務(wù)器上，而真正的鏈接則由服務(wù)器上的程序（例如CGI）通過計(jì)算而確定。這種方式對(duì)服務(wù)器平臺(tái)的依賴性較大，針對(duì)不同的服務(wù)器平臺(tái)，可能需要編寫不同的計(jì)算程序，因此通用性也較差。不僅如此，由于每個(gè)圖像映像上的鏈接都由Internet服務(wù)器的計(jì)算而確定，因此也加重了服務(wù)器的運(yùn)算負(fù)擔(dān)。隨著Internet技術(shù)的發(fā)展，出現(xiàn)了客戶端（Client-Side）圖像映像的技術(shù)。這種技術(shù)在客戶端實(shí)現(xiàn)圖像映像，不僅將熱區(qū)的坐標(biāo)存儲(chǔ)在HTML頁(yè)面中，而且熱區(qū)對(duì)應(yīng)的鏈接也由HTML頁(yè)面提供。因此，只要瀏覽器支持，就不存在平臺(tái)不兼容的問題。另
7、外，鏈接的地址記錄在HTML文檔中，不通過服務(wù)器計(jì)算，因此也減少了服務(wù)器的負(fù)擔(dān)。目前的主流瀏覽器，如InternetExplorer和NetscapeNavigator瀏覽器等，都支持客戶端的圖像映像方式，目前客戶端映像方式已經(jīng)成為Internet上實(shí)現(xiàn)圖像映像的主流方式。如果希望了解圖像映像到底需要什么樣的HTML代碼，可以參看拙作《Dreamweaver3網(wǎng)頁(yè)設(shè)計(jì)》一書，其中有詳細(xì)介紹。18.1.2在Fireworks中創(chuàng)建圖像映像的基本方法在Fireworks中，可以直接在圖像上繪制熱區(qū)，并將熱區(qū)同相應(yīng)的鏈接地址相關(guān)聯(lián)。所有的熱區(qū)坐標(biāo)和鏈接地址
8、，以及相應(yīng)的實(shí)現(xiàn)代碼，都保存在PNG文檔中。在導(dǎo)出圖像時(shí)，不僅會(huì)導(dǎo)出普通的圖像，而且會(huì)導(dǎo)出相應(yīng)的實(shí)現(xiàn)圖像映像
