復(fù)雜的切片技術(shù)其實(shí)就是切片和熱點(diǎn)的疊加使用。利用熱點(diǎn)工具我們也可以達(dá)到預(yù)期的效果,但是為了網(wǎng)頁的加載速度,也為了便于以后修改某個(gè)單獨(dú)圖片,我們可以在分上下層,上層來切片,下層的現(xiàn)行導(dǎo)航使用熱點(diǎn)。
下面詳細(xì)介紹一下操作方法:
1.首先把圖片放到PS中,畫好參考線,使用切片工具按照事先畫好的線條進(jìn)行切片,切成兩份,顯性導(dǎo)航為單獨(dú)一份。
注:這里儲(chǔ)存記住一定要存html+圖像
2.使用DW打開復(fù)制切片.html文件,先放著,使用PS繼續(xù)切割復(fù)雜切片_01.jpg文件,劃好參考線后,使用切片工具,基于參考線的切片,然后換用切片選擇工具,按住Shift鍵,同時(shí)選中左側(cè)的兩張圖片,右擊,組合切片。
這樣就會(huì)生成5張圖片,切片只可以切矩形圖片,這個(gè)需要注意。同樣保存html+圖像文件。
3.同樣使用Dreamweaver打開復(fù)雜切片_0222.html 文件,把切開的圖片全部上傳到圖片空間中,在DW中,設(shè)計(jì)模式下,選中每一個(gè)圖片,然后替換他的鏈接,使用圖片空間中的圖片。
4.最后代碼模式下,復(fù)制table表格,粘貼到第一個(gè)打開的html文件中第一張圖片所在代碼位置。在第一個(gè)html文件上,替換掉顯性導(dǎo)航本地鏈接為圖片空間上圖片,劃熱點(diǎn),然后復(fù)制…之間的內(nèi)容到自定義內(nèi)容區(qū),完成操作。