店鋪裝修簡單切片的方法
隨著網路的發達,很多人都開起了淘寶店。那麼裝修對於新手來說是一大難題。在裝修時,使用切片方法可以方便於單一的替換商品而不影響其他產品,還能優化網頁的載入速度。那麼該如何操作呢?下面,就讓小編給您介紹吧,希望您能滿意,謝謝。
:
1、用PS軟體完成圖片的切圖,生成圖片和html2.上傳圖片到圖片空間3.複製html中table表格到自定義內容區4.替換圖片的本地連線和賦予圖片鏈向地址。
2、PS軟體,把圖片拖入PS中選單欄--檢視—標尺,快捷鍵Ctrl+R把滑鼠放到標尺上,按住滑鼠左鍵拖拽,生成參考線,使用參考線把圖片分開
3、參考線線後工具切換到切片工具
4、檢視工具對應的屬性欄,點選上面的基於參考線的切片
5、基於參考線的切片之後,會發現圖片被切割成了八張圖片
6、檔案—儲存為web所用格式—jpeg檔案,注意要儲存html和圖片,切片選擇所有切片,點選儲存,PS階段完畢。
7、完成切片後,儲存桌面會自動生成一個image資料夾,該資料夾盛放的就是分隔開的圖片,及時上傳到圖片空間裡。
8、完成切片後,檢視桌面會儲存一個html檔案,右擊,使用Dreamweaver或者記事本開啟。
9、開啟後,複製裡面body之間的內容,如圖框選區域,並在後臺首頁新建一個自定義內容區,選擇標題不顯示,原始碼模式,插入該段程式碼。
10、程式碼就完事兒了嗎?還沒有,會發現根本沒有圖片,圖片全部是裂開狀態,原因是因為該段程式碼所引用的是本地圖片地址的連結。回到視覺化編輯視窗,雙擊裂開的圖片,挨個替換這八張圖片,完成操作後預覽效果。(這裡面有三點需要注意:圖片連結複製圖片空間中的連結、鏈向地址複製該寶貝詳情頁連結、在新視窗開啟一定要勾選)
以上就是了。