日日麻批-日日麻批免费视频-日日麻批免费视频播放-日日麻批视频-国产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讓淘寶網店促銷欄動起來

分享與收藏:  網商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶裝修子賬號設置流程
淘寶店鋪裝修如何實現全屏輪播
淘寶店鋪裝修網商學院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
主站蜘蛛池模板: 亚洲精品14p | 久久久久欧美国产精品 | 日韩黄在线观看免费视频 | 亚洲国产精品视频 | 久久88香港三级 | 香蕉久久久久久狠狠色 | 国产美女作爱视频 | 久久精品国产99久久久 | 亚洲夜夜爽 | 国产亚洲欧美成人久久片 | 中文字幕亚洲一区二区三区 | 在线播放免费一级毛片欧美 | 亚洲天堂免费观看 | 特黄日韩免费一区二区三区 | 国产一级一片 | 青娱乐色 | 又黄又www | 久久免费播放视频 | 午夜一区二区福利视频在线 | 国产一区二区在线观看免费 | 一区二区三区免费视频播放器 | 91精品福利手机国产在线 | 成人黄色在线网站 | 黄色福利小视频 | 一本久久a久久精品亚洲 | 久久免费公开视频 | 91久久国产综合精品女同国语 | 日本无卡码免费一区二区三区 | 中文精品久久久久国产不卡 | 日韩在线视频一区二区三区 | 久久国产视频网 | 波多野结衣中文无毒不卡 | 孕妇孕交视频 | avtt天堂网 手机资源 | 久久99久久99 | 久久久精品影院 | 国产片一级aaa毛片视频 | 国产精品久久久久久网站 | 狠狠色丁香婷婷综合久久片 | 欧美做暖小视频xo免费 | 亚洲国产精品线在线观看 |