當前位置:菜譜大全網 - 美食做法 - html制作海報代碼-PS淘寶海報切片怎麽制作

html制作海報代碼-PS淘寶海報切片怎麽制作

淘寶上怎樣用html代碼實現圖片輪播!

<marquee>

<imgsrc='圖片1'>

<imgsrc='圖片2'>

<imgsrc='圖片3'>

</marquee>

PS淘寶海報切片怎麽制作

1、首先在PS裏面保存文件,用切片工具(快捷鍵為C)切好圖後,保存為Web格式(快捷鍵為CtrlAltShiftS),註意文件大小,太小了不清晰,不利於觀看,太大了網頁打開會很慢,根據文件大小自己調節,存儲時選擇“Html跟圖像”

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

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

4、接下來要把,html文件裏面的圖片地址替換為我們空間圖片的地址,找到空間圖片,在圖片縮略圖下面有壹個“復制代碼”的按鈕,點擊即可復制代碼到剪切板。

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

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

6、最後點擊”確定“按鈕,完成!

接下來說另壹種方法,妳要有Dreamweaver軟件,這是專門做網頁的,在上面做好第1步的時候,用Dreamweaver打開html文件,軟件裏面點擊圖片,在下面屬性面板裏面有圖片地址,這次復制空間圖片的“鏈接”就是“代碼”前面的那個按鈕,在軟件裏面替換原地址,全部替換之後同樣粘貼到淘寶自定義模塊裏面,用軟件做還可以減少出錯率。

如何做郵件營銷海報

營銷海報都是壹個html格式的郵件,也就是網頁格式的

Edm郵件設計規範

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-frame。

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

需要同時設計壹張與該flash或流媒體格式文件內容風格相同、同樣尺寸的靜態圖片(.jpg或者.gif),並且設置為flash或流媒體格式文件所在的表格的背景圖片,並提示用戶:該部分設計為flash(或流媒體)格式,請點擊郵件上端鏈接,觀看在線版本。

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

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

3.設計建議:

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

(2)圖片個數不宜過多,建議在20個以內,Gif動畫文件個數控制在3個以內;

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

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

(5)網頁上使用的中文系統文字的最小字號應保證在12像素,並且使用系統默認的宋體或黑體,避免使用其它的中文字體;

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

(7)郵件的設計重點在上半部,以吸引閱讀者的註意力;

(8)帶有故事情節的flash設計應以下載屏幕開始,以吸引閱讀者等待下載;

(9)背景圖片的td應加高寬限制,以避免部分客戶端的圖片顯示出現異常;

(10)郵件當中的所有點擊應使用彈出新窗口。

如下就是壹個我收到的標磚的郵件海報的樣式,妳可以選中壹下的代碼拷貝到壹個txt的文檔中,然後將後綴.txt改成.html,就是壹個網頁形式的郵件營銷海報了,妳可以看看

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

">

<htmlxmlns="

">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>

<title>無標題文檔</title>

<style>

<!--

*{margin:0;padding:0}

A:link{

COLOR:#000000;TEXT-DECORATION:none

}

A:visited{

COLOR:#000000;TEXT-DECORATION:none

}

A:hover{

COLOR:#000000;TEXT-DECORATION:underline

}

.content{width:720px;height:888px;border:6pxsolid#9BD44F;border-top:none;}

.topul{list-style:none;margin-left:16px;margin-top:10px}

.topulli{display:inline;padding-right:8px}

.title1{margin-left:16px;}

.products{width:687px;height:517px;border:1pxsolid#9BD44F;border-top:none;margin-left:16px}

.every{}

.everyUL{

TEXT-ALIGN:center;margin-left:15px;list-style:none;}

.everyULLI{

BORDER-RIGHT:#d1d1d11pxsolid;PADDING-RIGHT:6px;BORDER-TOP:#d1d1d11pxsolid;PADDING-LEFT:2px;FLOAT:left;PADDING-BOTTOM:8px;MARGIN:8px6px0px0px;BORDER-LEFT:#d1d1d11pxsolid;WIDTH:150px;PADDING-TOP:8px;BORDER-BOTTOM:#d1d1d11pxsolid;TEXT-ALIGN:center

}

.size14{

FONT-SIZE:12px;

}

.zc_grey{

FLOAT:left;MARGIN-LEFT:10px;COLOR:#666666;TEXT-DECORATION:line-through;font-size:12px;

}

.zc_red{color:#FF0000;font-size:12px}

.bolder{

FONT-WEIGHT:bolder;

}

.color{

COLOR:#009900

}

.margin_top{

MARGIN-TOP:4px

}

.index_product3{

MARGIN-TOP:-32px;DISPLAY:inline;Z-INDEX:12;BACKGROUND:url(

)no-repeat;MARGIN-LEFT:40px;WIDTH:40px;COLOR:#fff;POSITION:absolute;HEIGHT:40px;TEXT-ALIGN:center

}

.index_product4{

PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:9px;TEXT-ALIGN:center;font-size:12px

}

-->

</style>

</head>

<body>

<divclass="main">

<divclass="logo"><ahref="

"><imgsrc="

/images/"border="0"/></a></div>

<divclass="content">

<divclass="title"><imgsrc="

/images/haibao_"/></div>

<divclass="top">

<ul>

<li><ahref="

"><imgsrc="

/images/haibao_"border="0"/></a></li>

<li><ahref="

"><imgsrc="

/images/haibai_"border="0"/></a></li>

<Li><ahref="

"><imgsrc="

/images/haibao_"border="0"/></a></Li>

</ul>

</div>

<divclass="down">

<divclass="title1"><imgsrc="

/images/haibao_"/></div>

<divclass="productsevery">

<ul>

<LI>

<DIVstyle="Z-INDEX:10"><Ahref="

/"

target=_blank><IMGheight=150src="

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

border=0></A></DIV>

<DIVclass=index_product3>

<DIVclass=index_product4>返利<BR>

5.6%</DIV>

</DIV>

<Pclass="size14margin_top"><Ahref="

/"

target=_blank>chiffonandlacetrimming</A></P>

<Pclass="size14margin_top">來自:<A

href="

/"target=_blank><SPAN

class=color>時尚起義</SPAN></A></P>

<Pclass="zc_greybolder">¥220.00</P>

<Pclass="zc_redbolder">¥220.00</P>

<P><Ahref="

/"target=_blank><IMG

src="

/images/every_"border=0></A></P>

</LI>

<LI>

<DIVstyle="Z-INDEX:10"><Ahref="

/"

target=_blank><IMGheight=150src="

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

border=0></A></DIV>

<DIVclass=index_product3>

<DIVclass=index_product4>返利<BR>

8%</DIV>

</DIV>

<Pclass="size14margin_top"><Ahref="

/"

target=_blank>Avene雅漾舒護活泉水</A></P>

<Pclass="size14margin_top">來自:<A

href="

/"target=_blank><SPAN

class=color>愛可美妝</SPAN></A></P>

<Pclass="zc_greybolder">¥60.00</P>

<Pclass="zc_redbolder">¥45.00</P>

<P><Ahref="

/"target=_blank><IMG

src="

/images/every_"border=0></A></P>

</LI>

<LI>

<DIVstyle="Z-INDEX:10"><Ahref="

/"

target=_blank><IMGheight=150src="

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

border=0></A></DIV>

<DIVclass=index_product3>

<DIVclass=index_product4>返利<BR>

0%</DIV>

</DIV>

<Pclass="size14margin_top"><Ahref="

/"

target=_blank>我的成功可以復制</A></P>

<Pclass="size14margin_top">來自:<A

href="

/"target=_blank><SPAN

class=color>當當網上商城</SPAN></A></P>

<Pclass="zc_greybolder">¥38.00</P>

<Pclass="zc_redbolder">¥22.00</P>

<P><Ahref="

/"target=_blank><IMG

src="

/images/every_"border=0></A></P>

</LI>

<LI>

<DIVstyle="Z-INDEX:10"><Ahref="

/"

target=_blank><IMGheight=150src="

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

border=0></A></DIV>

<DIVclass=index_product3>

<DIVclass=index_product4>返利<BR>

0%</DIV>

</DIV>

<Pclass="size14margin_top"><Ahref="

/"

target=_blank>番茄:新世界的魔幻美食

</A></P>

<Pclass="size14margin_top">來自:<A

href="

/"target=_blank><SPAN

class=color>九九網上書城</SPAN></A></P>

<Pclass="zc_greybolder">¥26.00</P>

<Pclass="zc_redbolder">¥22.00</P>

<P><Ahref="

/"target=_blank><IMG

src="

/images/every_"border=0></A></P>

</LI>

<LI>

<DIVstyle="Z-INDEX:10"><Ahref="

/"

target=_blank><IMGheight=150src="

/assets/products/556/original/"width=150

border=0></A></DIV>

<DIVclass=index_product3>

<DIVclass=index_product4>返利<BR>

35元</DIV>

</DIV>

<Pclass="size14margin_top"><Ahref="

/"

target=_blank>天語X90粉色手機</A></P>

<Pclass="size14margin_top">來自:<A

href="

/"target=_blank><SPAN

class=color>咪啦網</SPAN></A></P>

<Pclass="zc_greybolder">¥1480.00</P>

<Pclass="zc_redbolder">¥1166.00</P>

<P><Ahref="

/"target=_blank><IMG

src="

/images/every_"border=0></A></P>

</LI>

<LI>

<DIVstyle="Z-INDEX:10"><Ahref="

/"

target=_blank><IMGheight=150src="

/assets/products/557/original/"width=150

border=0></A></DIV>

<DIVclass=index_product3>

<DIVclass=index_product4>返利<BR>

2.5%</DIV>

</DIV>

<Pclass="size14margin_top"><Ahref="

/"

target=_blank>祺月--學步車XG6928B

</A></P>

<Pclass="size14margin_top">來自:<A

href="

/"target=_blank><SPAN

class=color>樂友</SPAN