DW制作促銷圖片鏈接
今天想跟大家講講怎么用DW軟件做圖片上的鏈接,而且今天想跟大家說一個困擾了我一個星期的一個難題,我想也有許多親會碰到這種問題吧,在這里獻(xiàn)丑啦。大家看過許多店鋪的廣告圖吧,是不是很好看,這個不用花錢啦,我們小賣家也一樣能做出來哦! 為存在廣告嫌疑,有關(guān)店內(nèi)的一切都把它描紅了哦。
在做鏈接之前我們先要做一張漂亮的圖片,可以自己做也可以偷偷懶去阿里巴巴模版市場下載圖片。下面的圖片是裝修模版里的圖哦,不是小店的圖片哦,不存在廣告哦
這個怎么制作怎么修改我就不多說啦,跟著提示把你想要修改的地方編輯一下
溫馨提示:記得要先登錄哦,如果不登錄的話在編輯過程中再登錄的話要重新制作的哦。
修改完成提交后把JPG的圖片下載下來,然后用photoshop再次修改,現(xiàn)在我用我店里的一張圖來給大家展示一下怎么在圖片上加上鏈接
首先看一下PS的工作界面,打開photoshop
打開圖片,寫上店內(nèi)的活動,因?yàn)檫@張圖我沒在模版市場里修改,所以只能在PS里寫點(diǎn)店內(nèi)的有關(guān)活動,雖然不是很漂亮,但是今天主要是講怎么添加鏈接
接下來要保存啦,點(diǎn)擊存儲為web和設(shè)備所用格式(一定要這樣保存哦)跳出來下圖的樣子,選擇JPEG,再點(diǎn)擊確認(rèn)哦
保存為HTML格式,點(diǎn)擊確認(rèn)
保存后得到下圖兩個文件哦
然后把另一個文件里的JPG圖片上傳到淘寶空間里,必須要上傳到空間哦,否則會顯示不正常的哦
photoshop工作結(jié)束啦,現(xiàn)在DW閃亮登場啦
現(xiàn)在我們來認(rèn)識一下DW,代碼區(qū)、設(shè)計(jì)區(qū)、屬性區(qū),沒接觸過的人可能會不明白,但是了解了學(xué)會了其實(shí)很簡單的啦
正式開始啦
打開剛剛保存的HTML格式的圖片
源文件是填圖片地址的地方,一定要改成剛剛上傳到淘寶空間的鏈接地址,現(xiàn)在上面顯示的是本地地址,如果不改的話到時(shí)候做的很辛苦結(jié)果還是無法正常顯示圖片的哦
這個是已經(jīng)改成鏈接地址的嘍
現(xiàn)在我們要用矩形框框出需要鏈接的地方,你想哪個地方有鏈接就杠出哪個地方好了,非常的簡單
看下圖,我想鏈接到新品上架,直接框出新品上架四個字,跳出來的框點(diǎn)確認(rèn)
下面要填被鏈接的地址啦,去你的店鋪點(diǎn)出新品上架的頁面,地址欄復(fù)制地址,粘貼到下圖上的鏈接部位,注意把“#”要去掉的哦
看到下面還有個目標(biāo)的字樣,選第一個blank就好,意思是新窗口打開
做到這里基本上都制作完成了,接下來點(diǎn)擊保存,保險(xiǎn)一點(diǎn)我們還要預(yù)覽一下效果,點(diǎn)擊下圖上的小地球,預(yù)覽,下拉菜單中按照你的情況選擇瀏覽器進(jìn)行預(yù)覽
預(yù)覽也完成了,現(xiàn)在代碼出場啦,點(diǎn)擊下圖中的代碼,選擇復(fù)制
準(zhǔn)備完畢,現(xiàn)在我們要開始裝修啦,點(diǎn)擊裝修此頁面
點(diǎn)擊添加模塊
點(diǎn)擊添加自定義內(nèi)容
進(jìn)行編輯
剛剛復(fù)制的代碼還記得嗎?代碼馬上出場嘍! 點(diǎn)擊下圖中的源碼
粘貼,代碼就正式出場啦。
親以為到這步就正式OK啦?如果你的店鋪中DW代碼只用一次的話點(diǎn)擊確認(rèn)就可以了,但是如果你的店鋪中需要多次用DW制作的話就沒這么簡單嘍
曾經(jīng)也困惑了一個星期,為什么店招用DW制作運(yùn)用到店鋪后顯示完全正常,而接下來用DW制作促銷圖預(yù)覽時(shí)完全正常,運(yùn)用到店鋪就不正常了?左思右想,整整一個星期吃不好睡不好,肯定是哪里出問題了,步驟完全一樣,那么問題肯定出在代碼上了,對代碼不是很懂,可能是碰巧吧,問題竟然被找到了,DW制作的代碼只有在店鋪中運(yùn)用一次,如果你想要多次使用的話,必須要修改代碼,其實(shí)很簡單,要從第一張開始修改的哦,找到代碼里MAP的英文字母,在后面添加1、2、3、4.。。。。第一張就用1、第二張就用2等等依次類推下去,這樣親做的DW代碼在店鋪里就運(yùn)作正常嘍
再次點(diǎn)擊源碼,圖片就顯示啦,最后別忘記發(fā)布哦,大功告成啦
DW軟件就是這樣的簡單,更加復(fù)雜一點(diǎn)的促銷圖也是一樣的制作過程,只是過程稍微多一點(diǎn)而已,大家只要知道怎么做了不管有多復(fù)雜的圖都能很快完成作品啦。
教程到這里就全部講完啦,講的并不是很好,語言也不漂亮,但是我們把知道的東西全都奉獻(xiàn)給大家。我們要利用網(wǎng)絡(luò)的一切資源加上自己的努力,我們小賣家也一定能成功的!