復雜的切片技術其實就是切片和熱點的疊加使用。利用熱點工具我們也可以達到預期的效果,但是為了網頁的加載速度,也為了便于以后修改某個單獨圖片,我們可以在分上下層,上層來切片,下層的現行導航使用熱點。
下面詳細介紹一下操作方法:
1.首先把圖片放到PS中,畫好參考線,使用切片工具按照事先畫好的線條進行切片,切成兩份,顯性導航為單獨一份。
注:這里儲存記住一定要存html+圖像
2.使用DW打開復制切片.html文件,先放著,使用PS繼續切割復雜切片_01.jpg文件,劃好參考線后,使用切片工具,基于參考線的切片,然后換用切片選擇工具,按住Shift鍵,同時選中左側的兩張圖片,右擊,組合切片。
這樣就會生成5張圖片,切片只可以切矩形圖片,這個需要注意。同樣保存html+圖像文件。
3.同樣使用Dreamweaver打開復雜切片_0222.html 文件,把切開的圖片全部上傳到圖片空間中,在DW中,設計模式下,選中每一個圖片,然后替換他的鏈接,使用圖片空間中的圖片。
4.最后代碼模式下,復制table表格,粘貼到第一個打開的html文件中第一張圖片所在代碼位置。在第一個html文件上,替換掉顯性導航本地鏈接為圖片空間上圖片,劃熱點,然后復制…之間的內容到自定義內容區,完成操作。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶店鋪裝修圖片復雜切片教程