快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷(xiāo)平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 如何制作淘寶模板(詳細(xì)圖文教程)

如何制作淘寶模板(詳細(xì)圖文教程)

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

如何制作淘寶模板?體現(xiàn)個(gè)性的時(shí)代,如何才能把模板加入自己的元素后運(yùn)用到自己的店鋪呢?自己動(dòng)手豐衣足食。自制模版不求人,和淘寶學(xué)堂一起學(xué)習(xí)如何結(jié)合PS和DW制作自己喜愛(ài)的模板啦。

在開(kāi)展如何制作淘寶模板工作之前,要準(zhǔn)備好兩個(gè)軟件:Photoshop和Dreamweaver。這里先發(fā)個(gè)樣本上來(lái)大家看下哈。

這個(gè)可以放到店鋪首頁(yè)的哦,跟我們平時(shí)從裝修市場(chǎng)購(gòu)買(mǎi)到的模板是一樣的原理。工作分兩步完成:

第一步:用Photoshop打造出整個(gè)圖片。我用的是Photoshop CS3,其他版本的也差不多。

首先,打開(kāi)軟件,新建空白文件,拓展版為950像素寬度,標(biāo)準(zhǔn)版為750像素寬度,具體高度根據(jù)自己的要求確定。

然后,在菜單視圖那里周出參考線。這個(gè)是為了制作出來(lái)的寶貝圖片的整齊性而做的。

接著,就是為空白文件添加圖片了,我這里制作的是8張圖的模板,以這個(gè)為例。打開(kāi)將要合成的8張圖片。由于制作過(guò)程的重復(fù)性我就只以一張圖片作示范哦。

最后,把圖拉過(guò)去模板中,用自由變形工具合理縮放,大小合適就可以了,有多余的就刪除??聪聢D,第一個(gè)圖完成了哦。

其他的逐張拉過(guò)去,縮放到需要的大小就OK了哦,不要忘記寫(xiě)上你寶貝的名稱(chēng)和價(jià)格。最終效果如下:

是不是很美觀呢 ,淘寶模板圖的制作過(guò)種大概就這樣,如果您覺(jué)得還不夠好看,也可以自由發(fā)揮哦,例如在寶貝旁邊加個(gè)“新品”“包郵”之類(lèi)的詞也可以的。到這里第一步工作算是完成了,當(dāng)然最后不要忘記保存制作好的圖片,保存為JPG格式的就可以了。

第二步:超簡(jiǎn)單!只在把圖片上傳到淘寶空間就可以了。如圖:

第三步:用Dreamweaver 2004 制作代碼。實(shí)現(xiàn)點(diǎn)擊圖轉(zhuǎn)跳到寶貝詳情頁(yè)面的功能。下面我們一起來(lái)學(xué)習(xí),不難的。

(1)讓我們打開(kāi)Dreamweaver 2004(軟件版本自定)軟件,界面如下:

(2)就在菜單欄的“插入”中插入第一步中制作好的圖片??磮D示:

看到了嗎?這就是第一步中制作好的淘寶模板圖片,插入到Dreamweaver軟件界面的圖,到了這里,是不是覺(jué)得不難呢,其實(shí)真的不難,下面到了最為重點(diǎn)的步驟了,就是為圖片添加超鏈接。

不用想了,直接點(diǎn)擊矩?zé)狳c(diǎn)工具,然后就對(duì)圖片選擇熱點(diǎn)位置,看我的操作哦:選擇了矩形熱點(diǎn)工具后就在圖片的相應(yīng)位置畫(huà)出正確的位置。下圖:

(3):為選擇好的區(qū)域添加超鏈接,這個(gè)鏈接,就是您相應(yīng)寶貝的鏈接呢,比如我這里寶貝:

再把復(fù)制到的鏈接粘貼就可以了,另外“鏈接”選項(xiàng)下面的“目標(biāo)”要選擇“blank”,這個(gè)可以幫助你在新的窗口打開(kāi)超鏈接。下面看圖:

好了,其他的圖添加超鏈接方法重復(fù)上面的方法就是了,不明白可以問(wèn)我,本人的旺旺全天服務(wù)。我這里是8張圖片,依次把8張圖片的超鏈接添加后就完成這一步了。下面就是獲取代碼:

這時(shí)您就可看到一連串的煩人的東西了,跟著我去做,不會(huì)錯(cuò)的哦:

不過(guò)不用急,我教您,傻瓜式的照做就可以了。不過(guò)這里的話,要回到第二步,從淘寶空間里面獲取剛才上傳JPG圖片的代碼:

復(fù)制好空間圖片代碼后就讓我們?cè)俅位氐紻reamweaver軟件代碼界面吧。把從圖片空間獲取的代碼粘貼到代碼窗口的底部空白處(為了方便得到圖片的代碼),然后復(fù)制雙引號(hào)里面的代碼,注意看下面圖示的紅色文字哦:

這一步很重要,無(wú)法用文字說(shuō)明,只能在截圖上說(shuō)明,注意看啦:

最后一步:復(fù)制圖示下面位置的代碼,用于添加到自定義內(nèi)容區(qū)的代碼

看到這里工作差不多了,成功是留給有耐心的人的 :

我們現(xiàn)在可以回到店鋪裝修的頁(yè)面了,看圖:

保存,并發(fā)布裝修內(nèi)容就可以了,自己去首頁(yè)試點(diǎn)擊下,看能不能轉(zhuǎn)跳,這個(gè)樣的制作方法屢試不爽呢。如何制作淘寶模板?自己動(dòng)手,想怎么設(shè)計(jì)就怎么設(shè)計(jì),也不用花錢(qián)去買(mǎi)模板了。

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

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

本文來(lái)源: 如何制作淘寶模板(詳細(xì)圖文教程)

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