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