當前位置:菜譜大全網 - 食譜 - Html制作海報代碼——如何制作PS淘寶海報切片

Html制作海報代碼——如何制作PS淘寶海報切片

淘寶上如何用html代碼實現圖片輪播!& ltmarquee & gt

& ltImgsrc=' Picture 1'>。

& ltImgsrc=' Picture 2'>。

& ltImgsrc=' Picture 3'>。

& lt/marquee & gt;

如何切片壹張PS淘寶海報做1?首先將文件保存為PS,用切片工具(快捷鍵為C)將圖片剪切下來,保存為Web格式(快捷鍵為CtrlAltShiftS)。註意文件大小。如果太小,就不清晰,不利於觀看。如果太大,網頁打開會很慢。根據文件大小進行調整,保存時選擇“Html和圖片”。

2.用記事本打開生成的HTML文件,去掉前面所有代碼,去掉最後壹段代碼,保留中間代碼。以下圖片的中間代碼和妳的不壹樣,但都保留了。

3.接下來把妳PS導出的圖片上傳到淘寶後臺的圖片空間,淘寶首頁-賣家中心-圖片空間。圖片的位置看個人習慣,只要能找到就行。

4.接下來將html文件中圖片的地址替換為我們空間圖片的地址,找到空間圖片,圖片縮略圖下方有壹個“復制代碼”按鈕。單擊它將代碼復制到剪貼板。

替換圖片:找到對應的圖片替換代碼。

5.打開淘寶自定義模塊。點擊源碼按鈕進入代碼編輯頁面,復制修改後的代碼粘貼到淘寶自定義模塊中。

6.最後點擊“確定”完成!

接下來說另壹種方法。妳需要Dreamweaver軟件,它是專門為制作網頁而設計的。在做上面的步驟1時,用Dreamweaver打開html文件,在軟件中點擊圖片,下面的屬性面板中就有圖片地址了。這壹次,復制空間圖片的“鏈接”是“代碼”前面的按鈕。在軟件中替換原地址,全部替換後粘貼到淘寶自定義模塊中,用軟件做回來。

如何制作郵件營銷海報營銷海報都是html格式的郵件,也就是網頁。

電子數據管理郵件設計規範

1.提供設計文件的要求:

(1)Photoshop、Flash、Illustrator、CorelDRAW、Freehand等無與倫比的文件。郵件設計稿;

(2)使用的字體文件DD . TTF;

(3)其他需要使用的圖片文件有DD.gif文件,。jpg文件或。tif文件。

2.設計要求:

(1)消息寬度:

郵件的標準寬度是575像素,最大寬度不能超過778像素,否則必須修改。

(2)郵件的高度:

郵件的高度沒有具體要求,但要看郵件的內容。建議頁面高度不要太長影響瀏覽,最長頁面不要超過1200像素,也就是2.5屏,否則必須修改。

(3)郵件的大小:

_email正文的html文件大小(不包括圖片或flash)應控制在10k以內;

_包含圖片的郵件,包括圖片,文件大小要控制在30k-120k以內;

_包含flash或流媒體格式文件的郵件,包括flash或流媒體格式文件,應控制在50k-250k以內,否則必須修改(特殊情況除外);

(4)禁止使用腳本

_郵件中不支持腳本語言:大多數郵件客戶端軟件和webmail默認不支持任何腳本語言;

_框架頁面和I框架不能在郵件中使用。

(5)郵件設計要求包括Flash或流媒體格式文件:

同時妳需要設計壹個靜態圖片(。jpg或者。gif)與flash或流媒體格式文件的內容具有相同的樣式和大小,並將其設置為flash或流媒體格式文件所在表格的背景圖片,並提醒用戶該部分是以flash(或流媒體)格式設計的。請點擊郵件頂部的鏈接觀看在線版本。

(6)嚴禁使用外聯樣式表。

(7)客戶應取得郵件中需要使用的聲音、圖像及其他內容的版權。

3.設計建議:

(1)對於頁面中的圖片,建議將15k以上的圖片分割成小圖片,保證圖片下載過程的流暢;

(2)圖片數量不要太多,建議在20張以內,Gif動畫文件數量控制在3張以內;

(3)建議盡量少用背景圖片,因為復雜的背景圖片不利於瀏覽文字內容;

(4)能夠使用系統字符應盡量避免使用圖片字符以減小文件大小;

(5)網頁上使用的中文系統字符最小字體大小應為12像素,使用默認宋體或黑體,避免使用其他中文字體;

(6)使用音效時,音量要從小到大逐漸放大到正常音量;同時要設置簡單方便的開/關按鈕;

(7)郵件的設計側重於前半部分,以吸引讀者的註意力;

(8)有故事情節的flash設計要從下載畫面開始,吸引讀者等待下載;

(9)應增加背景圖片的td,避免部分客戶端圖片顯示異常;

(10)電子郵件中的所有點擊都應使用彈出窗口。

以下是我收到的壹封郵件海報的風格。可以選擇代碼復制到txt文檔中,然後更改後綴。發短信給。html,這是壹個網頁形式的電子郵件營銷海報。妳可以看看。

& lt!DOCTYPEhtmlPUBLIC "-//W3C//dtdxhtml 1.0 transitional//EN " "

" & gt

& lthtmlxmlns= "

" & gt

& lthead & gt

& ltmeta http-equiv = " Content-Type " Content = " text/html;charset=gb2312"/>

& lttitle & gt無標題文檔

& ltstyle & gt

& lt!-

* {邊距:0;填充:0

答:鏈接{

顏色:# 000000;文本裝飾:無

}

答:已訪問{

顏色:# 000000;文本裝飾:無

}

答:懸停{

顏色:# 000000;文本裝飾:下劃線

}

。內容{寬度:720px高度:888px邊框:6pxsolid # 9BD44F邊框頂部:無;}

。topul { list-style:none;左邊距:16px;margin-top:10px}

。top ulli { display:inline;填充-右側:8px}

. title 1 {左邊距:16px;}

。產品{寬度:687px身高:517px;border:1px solid # 9bd 44 f;邊框頂部:無;左邊距:16px}

。每{}

。每個人

文本對齊:居中;左邊距:15px;列表樣式:無;}

。everyULLI{

BORDER-RIGHT:# d 1d 1d 11px solid;填充-右:6pxBORDER-TOP:# d 1d 1d 11px solid;左填充:2px浮動:左;填充-底部:8px邊距:8px 6 px 0 px 0 px;BORDER-LEFT:# d 1d 1d 11px solid;寬度:150 px;PADDING-TOP:8px;BORDER-BOTTOM:# d 1d 1d 11px solid;文本對齊:居中

}

. size14{

FONT-SIZE:12px;

}

。zc _灰色{

浮動:左;左邊距:10px;顏色:# 666666;文本-裝飾:線條-通過;font-size:12px;

}

。ZC _ red { color:# ff 0000;font-size:12px}

。更大膽{

字體粗細:加粗;

}

。顏色{

顏色:#009900

}

。margin_top{

頁邊距-頂部:4px

}

。index_product3{

MARGIN-TOP:-32px;顯示:內嵌;z指數:12;背景:網址(

)無-重復;左邊距:40px寬度:40px顏色:# fff位置:絕對;高度:40px文本對齊:居中

}

。index_product4{

填充-右:0px左填充:0px填充-底部:0pxPADDING-TOP:9px;文本對齊:居中;font-size:12px

}

-& gt;

& lt/style & gt;

& lt/head & gt;

& ltbody & gt

& ltdivclass="main " >

& ltdivclass="logo " >& ltahref= "

" & gt& ltimgsrc= "

/images/" border = " 0 "/& gt;& lt/a & gt;& lt/div & gt;

& ltdivclass="content " >

& ltdivclass="title " >& ltimgsrc= "

/images/haibao _ "/& gt;& lt/div & gt;

& ltdivclass="top " >

& ltul & gt

& lt李& gt& ltahref= "

" & gt& ltimgsrc= "

/images/haibao _ " border = " 0 "/& gt;& lt/a & gt;& lt/李& gt

& lt李& gt& ltahref= "

" & gt& ltimgsrc= "

/images/白海_ " border = " 0 "/& gt;& lt/a & gt;& lt/李& gt

& lt李& gt& ltahref= "

" & gt& ltimgsrc= "

/images/haibao _ " border = " 0 "/& gt;& lt/a & gt;& lt/李& gt

& lt/ul & gt;

& lt/div & gt;

& ltdivclass="down " >

& ltdivclass="title1 " >& ltimgsrc= "

/images/haibao _ "/& gt;& lt/div & gt;

& ltdivclass="productsevery " >

& ltul & gt

& lt李& gt

& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "

/"

target = _ blank & gt& ltIMGheight=150src= "

/assets/products/548/original/7 . gif " width = 150

border = 0 & gt& lt/A & gt;& lt/DIV & gt;

& ltDIVclass = index _ product3 & gt

& ltDIVclass = index _ product4 & gt減少

5.6% & lt;/DIV & gt;

& lt/DIV & gt;

& ltPclass="size14margin_top " >& ltAhref= "

/"

target = _ blank & gtchiffonandlacetrimming & lt/A & gt;& lt/P & gt;

& ltPclass="size14margin_top " >出發地:

href= "

/" target = _ blank & gt;& lt跨度

class = color & gt時尚起義

& ltPclass = " zc _ greybolder " & gt¥220.00 & lt;/P & gt;

& ltPclass = " zc _ redbolder " & gt¥220.00 & lt;/P & gt;

& ltP & gt& ltAhref= "

/" target = _ blank & gt;& ltIMG

src= "

/images/every _ " border = 0 & gt;& lt/A & gt;& lt/P & gt;

& lt/李& gt

& lt李& gt

& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "

/"

target = _ blank & gt& ltIMGheight=150src= "

/資產/產品/517/original/4 . gif " width = 150

border = 0 & gt& lt/A & gt;& lt/DIV & gt;

& ltDIVclass = index _ product3 & gt

& ltDIVclass = index _ product4 & gt減少

8% & lt;/DIV & gt;

& lt/DIV & gt;

& ltPclass="size14margin_top " >& ltAhref= "

/"

target = _ blank & gt雅漾楊亞舒湖生活春天

& ltPclass="size14margin_top " >出發地:

href= "

/" target = _ blank & gt;& lt跨度

class = color & gt艾可美妝

& ltPclass = " zc _ greybolder " & gt¥60.00 & lt;/P & gt;

& ltPclass = " zc _ redbolder " & gt¥45.00 & lt;/P & gt;

& ltP & gt& ltAhref= "

/" target = _ blank & gt;& ltIMG

src= "

/images/every _ " border = 0 & gt;& lt/A & gt;& lt/P & gt;

& lt/李& gt

& lt李& gt

& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "

/"

target = _ blank & gt& ltIMGheight=150src= "

/assets/products/545/original/4 . gif " width = 150

border = 0 & gt& lt/A & gt;& lt/DIV & gt;

& ltDIVclass = index _ product3 & gt

& ltDIVclass = index _ product4 & gt減少

0% & lt;/DIV & gt;

& lt/DIV & gt;

& ltPclass="size14margin_top " >& ltAhref= "

/"

target = _ blank & gt我的成功可以復制

& ltPclass="size14margin_top " >出發地:

href= "

/" target = _ blank & gt;& lt跨度

class = color & gt當當網上商城

& ltPclass = " zc _ greybolder " & gt¥38.00 & lt;/P & gt;

& ltPclass = " zc _ redbolder " & gt¥22.00 & lt;/P & gt;

& ltP & gt& ltAhref= "

/" target = _ blank & gt;& ltIMG

src= "

/images/every _ " border = 0 & gt;& lt/A & gt;& lt/P & gt;

& lt/李& gt

& lt李& gt

& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "

/"

target = _ blank & gt& ltIMGheight=150src= "

/assets/products/543/original/2 . gif " width = 150

border = 0 & gt& lt/A & gt;& lt/DIV & gt;

& ltDIVclass = index _ product3 & gt

& ltDIVclass = index _ product4 & gt減少

0% & lt;/DIV & gt;

& lt/DIV & gt;

& ltPclass="size14margin_top " >& ltAhref= "

/"

target = _ blank & gt西紅柿:新世界裏的神奇食物

& lt/A & gt;& lt/P & gt;

& ltPclass="size14margin_top " >出發地:

href= "

/" target = _ blank & gt;& lt跨度

class = color & gt九九網上書店

& ltPclass = " zc _ greybolder " & gt¥26.00 & lt;/P & gt;

& ltPclass = " zc _ redbolder " & gt¥22.00 & lt;/P & gt;

& ltP & gt& ltAhref= "

/" target = _ blank & gt;& ltIMG

src= "

/images/every _ " border = 0 & gt;& lt/A & gt;& lt/P & gt;

& lt/李& gt

& lt李& gt

& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "

/"

target = _ blank & gt& ltIMGheight=150src= "

/資產/產品/556/original/"width=150

border = 0 & gt& lt/A & gt;& lt/DIV & gt;

& ltDIVclass = index _ product3 & gt

& ltDIVclass = index _ product4 & gt減少

35元。

& lt/DIV & gt;

& ltPclass="size14margin_top " >& ltAhref= "

/"

target = _ blank & gt天宇X90粉色手機

& ltPclass="size14margin_top " >出發地:

href= "

/" target = _ blank & gt;& lt跨度

class = color & gt米拉。com

& ltPclass = " zc _ greybolder " & gt¥1480.00 & lt;/P & gt;

& ltPclass = " zc _ redbolder " & gt¥1166.00 & lt;/P & gt;

& ltP & gt& ltAhref= "

/" target = _ blank & gt;& ltIMG

src= "

/images/every _ " border = 0 & gt;& lt/A & gt;& lt/P & gt;

& lt/李& gt

& lt李& gt

& ltDIVstyle="Z-INDEX:10 " >& ltAhref= "

/"

target = _ blank & gt& ltIMGheight=150src= "

/資產/產品/557/original/"width=150

border = 0 & gt& lt/A & gt;& lt/DIV & gt;

& ltDIVclass = index _ product3 & gt

& ltDIVclass = index _ product4 & gt減少

2.5% & lt;/DIV & gt;

& lt/DIV & gt;

& ltPclass="size14margin_top " >& ltAhref= "

/"

target = _ blank & gt七月-沃克XG6928B

& lt/A & gt;& lt/P & gt;

& ltPclass="size14margin_top " >出發地:

href= "

/" target = _ blank & gt;& lt跨度

class = color & gt樂友