快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 網(wǎng)店裝修秘籍:打造視覺效果

網(wǎng)店裝修秘籍:打造視覺效果

放大字體  縮小字體 發(fā)布日期:2024-04-03 07:47:57  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):22

  中小賣家裝修過程中用到最多技術應該是切片和代碼,網(wǎng)店裝修網(wǎng)的小編今天就告訴大家怎樣來切片和使用代碼。

  一是需要2個軟件,一個是photoshop 另一個是dreamwear ,小編這里用的都是CS6版本的。
  首先使用的是photoshop
  先切圖,用最簡便的方式在圖片上面拉出參考線,如下圖:
網(wǎng)店裝修秘籍:打造視覺效果
  選擇切片工具
網(wǎng)店裝修秘籍:打造視覺效果
  選擇基于參考線切片
網(wǎng)店裝修秘籍:打造視覺效果
  選擇基于參考線切片之后效果如下:
網(wǎng)店裝修秘籍:打造視覺效果
  上面那個大圖被切成了2個,太多了,現(xiàn)在需要給合并起來,用組合切片工具來實現(xiàn)。
  選擇切片選擇工具:
網(wǎng)店裝修秘籍:打造視覺效果
  選擇第一個切片的時候會出現(xiàn)黃色的邊框,然后按著Shift選擇第二個切片,同時出現(xiàn)黃框,之后右鍵出現(xiàn)組合切片,完成組合。
網(wǎng)店裝修秘籍:打造視覺效果
  完成組合之后效果如下:
網(wǎng)店裝修秘籍:打造視覺效果
  現(xiàn)在上面的大圖就變成了一個切片。
  現(xiàn)在切片都切好并且按著自己的方式已經(jīng)組合完畢,就可以導出圖片和代碼文件了。
  選擇文件,儲存為web格式:
網(wǎng)店裝修秘籍:打造視覺效果
  選擇所有切片,并且格式設置為jpg,若需要透明圖片的話可以選擇png格式,質量80即可。
網(wǎng)店裝修秘籍:打造視覺效果
  之后選擇存儲。
  設置如下圖所示:
網(wǎng)店裝修秘籍:打造視覺效果
  文件名盡量設置一個可以識別的,有意義的名字,格式選擇html和圖像,切片選擇所有切片,之后點擊保存即可。
網(wǎng)店裝修秘籍:打造視覺效果
  保存之后出現(xiàn)上述文件。
  images里面的圖片就是咱剛才切的圖。
網(wǎng)店裝修秘籍:打造視覺效果
  到這里photoshop已經(jīng)用完了,下面就開始使用dreamwear來編輯代碼。
  先登錄淘寶賬號進入賣家中心點擊圖片空間上傳圖片
網(wǎng)店裝修秘籍:打造視覺效果
網(wǎng)店裝修秘籍:打造視覺效果
  選擇適合自己的圖片上傳方式上傳圖片。
網(wǎng)店裝修秘籍:打造視覺效果
網(wǎng)店裝修秘籍:打造視覺效果
  點擊立即上傳即可。
  上傳之后就是使用dreamwear了。
  打開之前生成的html文件
網(wǎng)店裝修秘籍:打造視覺效果
  打開設計視圖。
  選擇其中的圖片,在下面屬性里面看到如圖效果(如果沒有出現(xiàn)屬性,可以在視圖里面找到屬性點擊即可)
網(wǎng)店裝修秘籍:打造視覺效果
  之后進入淘寶圖片空間找到對應圖片,點擊鏈接
網(wǎng)店裝修秘籍:打造視覺效果
  現(xiàn)在已經(jīng)給圖片地址復制下來了。
  然后進入dreamwear給地址粘貼到屬性下面地址當中,如圖所示:
網(wǎng)店裝修秘籍:打造視覺效果
  這個就給圖片換好了,其他圖片也是一樣的步驟。如果需要給圖片加鏈接,在屬性里面那個鏈接的地方添加需要添加的鏈接即可。
  這些都添加完成之后在dreamwear中點擊代碼模式,給里面的代碼全部復制下來。
網(wǎng)店裝修秘籍:打造視覺效果
  之后進入淘寶后臺店鋪裝修頁面,在自定義模塊里面點擊源碼方式,給剛才復制的代碼粘貼上面即可。
網(wǎng)店裝修秘籍:打造視覺效果
  到此就完成了基本的裝修。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則

本文來源: 網(wǎng)店裝修秘籍:打造視覺效果

分享與收藏:  網(wǎng)商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶裝修子賬號設置流程 7個步驟打造史上最牛詳情頁
淘寶店鋪裝修如何實現(xiàn)全屏輪播 淘寶店鋪,天貓店鋪背景固定的方法。
淘寶店鋪裝修網(wǎng)商學院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net