快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » PS與DW制作仿拓展版的模板

PS與DW制作仿拓展版的模板

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

今天我要給大家講的就是利用PS和DW制作一個仿拓展版的模板,我相信很多在淘寶開店的朋友都用的是標準版,而沒有用拓展版,主要是拓展版太貴啊,用不起啊,現(xiàn)在生意這么難做,賺的錢還不夠買旺鋪的。 大家也都知道標準版與拓展版最基本的區(qū)別就是標準版比拓展版多了一條“楚河漢界”,就是說,標準版左側(cè)欄和右邊欄中間有一條界線,兩邊是分開的,無法添加通欄,而拓展版就可以,添加通欄以后店鋪看起來就更加大方,有氣派。這也是很多標準版賣家揪心的事情啊,到底該怎么辦呢? 其實方法很簡單,不需要有多少技術(shù),更不需要對網(wǎng)頁進行重新編寫。

接下來我就給大家介紹一下,如?沃譜麼萃卣拱婺0澹?涫嫡飧齜椒ǔ?都虻ヅ叮??易齪彌?蟾?究床懷隼從?“楚河漢界”哦。有興趣的朋友繼續(xù)往下看哦!

今天我們要用到的軟件有兩個,一個就是強大的制圖軟件photoshop,和網(wǎng)頁制作軟件dreamweaver,其實我三篇帖子都是用的這兩個軟件。第一篇帖子中有他們的下載地址和免費使用的方法哦,我這里就不再寫出來了。

三、PS制圖

好了,不羅嗦了,接下來就進入實際操作過程了,首先我們打開PS軟件,然后新建一個寬度為950px,寬度為800px(寬度自定義)的空白圖層,顏色自定義,也可以是透明的。我這里建的是白色的。

新建好之后我們就要對其進行分割,把它分成均勻的小塊,具體該分多大呢?大家想下,標準版的左側(cè)欄寬度是190px,那我們這里就剛好平均分成5列,至于高度可自己根據(jù)具體情況而定,我這里分成了3行。我們可以利用新建參考線進行分割,視圖→新建參考線,

注意,在填寫新建參考線位置的時候單位是像素(px),不是厘米哦!我們分別建立水平和垂直的參考線,對新建的圖層進行平均分割,下面是分割好后的圖片

好了,分割好后,我們就要放入寶貝圖片了,我們將事先準備好的寶貝圖片拖動到相應(yīng)的位置即可,對了,差點忘了,在標準版中首頁推廣頁面的寶貝圖片一般是160*160px,所以我們這里也把寶貝圖片調(diào)成同樣大小的像素,這樣看起來跟其他的比較匹配,當(dāng)然大家也可以根據(jù)自己的喜好進行設(shè)置哦。我們把所有寶貝都拖到分割好的圖層中后,再每個寶貝下面可以利用文字工具輸入寶貝的名字和價格。

這里我只做個范例,不一一輸入寶貝名字和價格了,全部寫好名字和價格之后,我們就要對其進行切片了,這里不能簡單的把寶貝圖片進行切片哦,這個圖我們要分兩次切哦,因為標準版的是不能放通欄的,所以我們要分開切片,首先我們要切左側(cè)欄的,因為左側(cè)欄寬度為190像素,我們剛好只切5列中的最左邊一列就可以了,對了,因為我們要把圖片分兩次切片,所以我們最好先把這個圖保存一下,以便第二次切片的時候不會丟失,保存好之后,我們就要先利用裁剪工具對圖片進行裁剪,因為我們現(xiàn)在只需要最左邊一列,所以把最左邊一列裁剪下來就可以了

我們用裁剪工具在第一列進行裁剪之后就會出現(xiàn)上圖的狀況,我們只要敲下回車鍵就可以把第一列給裁剪下來了

裁剪下來之后我們就可以進行切片了,我們用切片工具把寶貝圖片進行切片即可,因為我們事先設(shè)置的寶貝圖片是160*160ppx,所以我們在切片的時候只要調(diào)整成160*160px進行切片就可以了,這樣切片更加方便,更加準確,見下圖

切片好之后我們就可以將它保存起來,在這里我們要用文件→存儲為WEB或設(shè)備所用格式進行保存,快捷鍵ctrl+ale+shift+s

在存儲的時候我們要注意存儲格式,我們要選擇HTML和圖像

保存好之后 我們就要對圖層有半部分進行切片,我們先打開剛剛保存的為切片的完整圖片,用同樣的方法對圖片右半邊進行切片。

四、DW轉(zhuǎn)換代碼

切片之后也用同樣的方法進行保存,保存之后我們就可以把PS關(guān)閉了,下面我們要用的是DW軟件,這里很簡單,我們只要用DW打開剛剛切片后保存的HTML文件,我們剛剛切片的分成兩個文件保存的,我們可以同時打開

五、進入淘寶編輯

打開之后,我們只要復(fù)制里面的代碼放入淘寶的自定義模塊中就可以了,我們在淘寶編輯頁面左右各新建一個自定義模塊

我們先編輯左側(cè)自定義內(nèi)容區(qū),在代碼編輯狀態(tài)把左側(cè)欄的代碼復(fù)制進去

然后回到普通編輯狀態(tài)插入相應(yīng)的圖片,插入之后我們就可以保存然后編輯右邊自定義內(nèi)容,也是同樣的方法,等編輯好之后我們可以預(yù)覽一下,看看 ,是不是很不錯呢,中間的“楚河漢界”也看不出來哦

哈哈,累死了, 就寫到這吧,大家多多頂帖哦,把帖子頂上去了,下次跟大家分享更簡單的方法哦, 只要用DW一個軟件就可以高仿拓展版,而且效果更佳哦!

寫完,收工,祝大家生意紅火,旺旺響不停

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

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

本文來源: PS與DW制作仿拓展版的模板

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