日日麻批-日日麻批免费视频-日日麻批免费视频播放-日日麻批视频-国产4tube在线播放-国产69精品久久久久9999

快消品貨源批發市場
快消品貨源分銷平臺
 
 
當前位置: 貨源批發網 » 網商學院 » 網店裝修 » 淘寶店鋪裝修 » 如何用PS和DW讓淘寶網店促銷欄動起來

如何用PS和DW讓淘寶網店促銷欄動起來

放大字體  縮小字體 發布日期:2024-02-25 21:57:02  來源:電商聯盟  作者:樂發網  瀏覽次數:22

如何用PS和DW讓促銷欄動起來,使您的店鋪更生動!我們一起跟淘寶學堂來學習一下,這里附上制作步驟。

Photoshop(做圖軟件)和Dreamweaver(主要做代碼)!大家應該很熟悉!為了照顧新新新手!我盡量寫詳細!別嫌我啰嗦哦!這次要介紹的是在促銷模板上做滾動圖片效果!PS做圖過程我就文字簡單說一下!

先發一張在PS理做好了的效果圖,滾動圖片的效果圖可以到小店里看,因為懶得一張張寶貝圖修改,為了避免嫌疑,這里就不粘貼出來了!

當然你需要展示多少個寶貝就制作多少張這樣的效果圖哦~

PS部分:

1、打開Photoshop做圖軟件,打開你需要展示的寶貝圖片!(文件→打開即可)

2、新建一個文檔,尺寸如下圖參數(尺寸可隨自己喜歡設定)

3、把寶貝圖片拉到新建文檔里,然后自由變換到適合大小(當然,需要比新建文檔的邊緣要小一點)

4、選擇選框工具在文檔上畫一個大小與寶貝圖片一樣的框(畫出來的是虛線),然后菜單上選編輯→描邊(參數如下圖)

5、最后在下面打上寶貝的名稱和價格(字體顏色隨自己喜歡),然后保存JPG格式,上傳到網絡相冊里備用!

DW部分:

Ceci原本做了一個頭尾接合無縫滾動,而且鼠標放上去圖片就停下的那種效果代碼,因為淘寶不支持腳本,所以最后只能放棄,就做了這個只能左右無限循環的效果代碼!

首先,我們需要用到的滾動代碼:

<table height=“300” cellspacing=“0” cellpadding=“0” width=“750” border=“0”>

<tbody>

<tr>

<td width=“750”>

<p><marquee style=“relative: ” scrollamount=“1” behavior=“alternate” width=“750” height=“300”><img height=“300” width=“220” border=“0” alt=“” src=“圖片地址1” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址2” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址3” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址4” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址5” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址6” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址7” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址8” />

<img height=“300” width=“220” border=“0” alt=“” src=“圖片地址9” />

</marquee></p>

</td>

</tr>

</tbody>

</table>

方法:

1、打開DW軟件,新建一個HTML

2、點擊左上角,拆分按鈕,這時就會出現上面是代碼,下面是效果圖!

3、把滾動代碼復制(ctrl+c),然后粘貼(ctrl+v)到上部分的代碼區,把原有代碼覆蓋掉(或者先刪掉原有代碼)這時鼠標輕輕點一下下半部分就會出現很多個框框

4、點擊第一個框框,上面代碼部分就會顯示同樣位置的代碼

5、把之前做好的寶貝圖片傳上的網絡相冊地址復制一下,然后粘貼到下方中間的源文件(圖片地址1)的地方,圖片就會顯示出來,下面那個是填寫你寶貝購買的地址(超鏈接)

6、后面的框子做法參照第5部。所有圖片做好后,可以點擊上方瀏覽效果,滿意后直接把上面的代碼復制到你的淘寶裝修促銷模板上就可以了!

這個圖標是瀏覽效果的!

下面簡單解釋一下參數,大家可以根據自己的要求更改:

height 這個是高,數值填寫的是之前做好圖片的尺寸

width這個是寬,顯示的750是放置在促銷模板上的那個寬

scrollamount這個是圖片滾動的速度,數值越大速度越快

behavior這個是滾動的方式,它的屬性值有scroll、slide和alternate三個

scroll表示滾動內容向同一方向重復滾動,slide表示滾動內容從一端向另一端滾動并在另一端停止,alternate表示滾動內容在兩端之間來回往復滾動!

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

本文內容整合網站:百度百科知乎淘寶平臺規則

本文來源: 如何用PS和DW讓淘寶網店促銷欄動起來

分享與收藏:加入收藏欄  網商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶裝修子賬號設置流程
淘寶店鋪裝修如何實現全屏輪播
淘寶店鋪裝修網商學院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
主站蜘蛛池模板: 欧美高清日韩 | 亚洲视屏在线 | 亚洲国产日韩欧美综合久久 | 6一10周岁毛片免费 6一12呦女精品 | 免费精品久久久久久中文字幕 | 国产成人在线观看免费网站 | 亚洲欧美日韩天堂 | 黑人巨大videos极度另类 | 九九在线观看精品视频6 | 国产性夜夜春夜夜爽30 | 久久网免费 | 日韩中文字幕视频在线 | 一级特黄aaa大片在线观看 | 欧美精品一级毛片 | 亚洲系列中文字幕一区二区 | 怡红院老首页主页入口 | av毛片在线看 | 国产看片一区二区三区 | 国产黄色在线播放 | 日本精品视频一视频高清 | 国产成人18黄网站在线观看网站 | 中国一级毛片欧美一级毛片 | 中文在线观看视频 | 成人综合网址 | 国产原创系列在线 | 国产视频自拍偷拍 | 视频二区精品中文字幕 | 成人精品综合免费视频 | 国产成人在线网址 | 日韩精品一区二区三区在线观看l | 久久99国产精品久久99果冻传媒 | 武松大战潘金莲三级在线 | 国产精品成人不卡在线观看 | 欧美一a级做爰 | 亚洲综合国产 | 亚洲欧洲精品国产二码 | 91热久久免费频精品动漫99 | 麻豆国产 | 午夜毛片不卡高清免费 | 成人午夜免费视频毛片 | 91精品国产91热久久p |