店鋪裝修簡單切片的方法
隨著網(wǎng)絡(luò)的發(fā)達(dá),很多人都開起了淘寶店。那么裝修對于新手來說是一大難題。在裝修時,使用切片方法可以方便于單一的替換商品而不影響其他產(chǎn)品,還能優(yōu)化網(wǎng)頁的加載速度。那么該如何操作呢?下面,就讓小編給您介紹吧,希望您能滿意,謝謝。
店鋪裝修簡單切片的方法:
1、用PS軟件完成圖片的切圖,生成圖片和html2.上傳圖片到圖片空間3.復(fù)制html中table表格到自定義內(nèi)容區(qū)4.替換圖片的本地連接和賦予圖片鏈向地址。
2、PS軟件,把圖片拖入PS中菜單欄--視圖—標(biāo)尺,快捷鍵Ctrl+R把鼠標(biāo)放到標(biāo)尺上,按住鼠標(biāo)左鍵拖拽,生成參考線,使用參考線把圖片分開
3、參考線線后工具切換到切片工具
4、查看工具對應(yīng)的屬性欄,點擊上面的基于參考線的切片
5、基于參考線的切片之后,會發(fā)現(xiàn)圖片被切割成了八張圖片
6、文件—儲存為web所用格式—jpeg文件,注意要保存html和圖片,切片選擇所有切片,點擊保存,PS階段完畢。
7、完成切片后,保存桌面會自動生成一個image文件夾,該文件夾盛放的就是分隔開的圖片,及時上傳到圖片空間里。
8、完成切片后,查看桌面會保存一個html文件,右擊,使用Dreamweaver或者記事本打開。
9、打開后,復(fù)制里面body之間的內(nèi)容,如圖框選區(qū)域,并在后臺首頁新建一個自定義內(nèi)容區(qū),選擇標(biāo)題不顯示,源碼模式,插入該段代碼。
10、代碼就完事兒了嗎?還沒有,會發(fā)現(xiàn)根本沒有圖片,圖片全部是裂開狀態(tài),原因是因為該段代碼所引用的是本地圖片地址的鏈接?;氐娇梢暬庉嫶翱冢p擊裂開的圖片,挨個替換這八張圖片,完成操作后預(yù)覽效果。(這里面有三點需要注意:圖片鏈接復(fù)制圖片空間中的鏈接、鏈向地址復(fù)制該寶貝詳情頁鏈接、在新窗口打開一定要勾選)
以上就是店鋪裝修簡單切片的方法了。
店鋪裝修簡單切片的方法
上一篇:店鋪用簡單代碼免費裝修
下一篇:店鋪商品個性擺放的方法