如何做郵件營銷海報
營銷海報都是一個html格式的郵件,，也就是網(wǎng)頁格式的Edm郵件設計規(guī)范1. 設計文件提供要求：（1） 郵件設計稿的 Photoshop, Flash, Illustrator, CorelDraw,，F(xiàn)reehand等未合層文件,；（2） 使用的字體文件――.ttf文件,；（3） 其他需要使用到的圖片文件――.gif文件,，.jpg文件或.tif文件,。2. 設計要求：（1） 郵件的寬度：郵件的標準寬度為575像素,，最寬不宜超過778像素,，否則必須經(jīng)過修改,。（2） 郵件的高度：郵件的高度沒有具體要求,，應以郵件內容多少而定，建議頁面高度不宜過長而影響瀏覽,，最長不要超過1200像素,，即2.5屏，否則必須經(jīng)過修改,。（3） 郵件的大?。? email正文的html文件大小（不包含圖片或者flash）控制在10k以內,；? 內含圖片的郵件包括圖片在內文件大小應控制在30k-120k以內,；? 內含flash或流媒體格式文件的郵件，包括flash或流媒體格式文件在內應控制在50k-250k以內,否則必須經(jīng)過修改（特殊情況除外）,；（4） 禁止使用腳本? 郵件中不支持任何腳本語言：多數(shù)郵件客戶端軟件和webmail中默認不支持任何腳本語言,；? 郵件中不能使用分幀頁面和I-frame。（5） 包含F(xiàn)lash或流媒體格式文件的郵件設計要求：需要同時設計一張與該flash或流媒體格式文件內容風格相同,、同樣尺寸的靜態(tài)圖片（.jpg或者.gif）,，并且設置為flash或流媒體格式文件所在的表格的背景圖片，并提示用戶：該部分設計為flash(或流媒體)格式,，請點擊郵件上端鏈接,，觀看在線版本。（6） 禁止使用外聯(lián)樣式表。（7） 客戶應取得郵件當中所需使用的聲音,、圖像以及其他內容的版權,。3. 設計建議：（1） 對于頁面中的圖片，建議將超過15k的圖片分割成小圖片,，以保證下載圖片過程的順暢,；（2） 圖片個數(shù)不宜過多，建議在20個以內,，Gif動畫文件個數(shù)控制在3個以內,；（3） 建議盡量少使用背景圖片，復雜的背景圖片不利于文字內容的瀏覽,；（4） 能夠使用系統(tǒng)文字應盡量避免使用圖片文字以減少文件大?。唬?） 網(wǎng)頁上使用的中文系統(tǒng)文字的最小字號應保證在12像素,，并且使用系統(tǒng)默認的宋體或黑體,，避免使用其它的中文字體；（6） 使用音效時,，音量應從小逐漸放大到正常音量,；同時應設置簡單、方便的打開/關閉按鈕,；（7） 郵件的設計重點在上半部,，以吸引閱讀者的注意力；（8） 帶有故事情節(jié)的flash設計應以下載屏幕開始,，以吸引閱讀者等待下載,；（9） 背景圖片的td應加高寬限制，以避免部分客戶端的圖片顯示出現(xiàn)異常,；（10） 郵件當中的所有點擊應使用彈出新窗口,。
營銷海報都是一個html格式的郵件，也就是網(wǎng)頁格式的Edm郵件設計規(guī)范1. 設計文件提供要求：（1） 郵件設計稿的 Photoshop, Flash, Illustrator, CorelDraw,，F(xiàn)reehand等未合層文件,；（2） 使用的字體文件――.ttf文件；（3） 其他需要使用到的圖片文件――.gif文件,，.jpg文件或.tif文件,。2. 設計要求：（1） 郵件的寬度：郵件的標準寬度為575像素，最寬不宜超過778像素,，否則必須經(jīng)過修改,。（2） 郵件的高度：郵件的高度沒有具體要求，應以郵件內容多少而定,，建議頁面高度不宜過長而影響瀏覽,，最長不要超過1200像素,，即2.5屏，否則必須經(jīng)過修改,。（3） 郵件的大?。? email正文的html文件大小（不包含圖片或者flash）控制在10k以內,；? 內含圖片的郵件包括圖片在內文件大小應控制在30k-120k以內,；? 內含flash或流媒體格式文件的郵件，包括flash或流媒體格式文件在內應控制在50k-250k以內,否則必須經(jīng)過修改（特殊情況除外）,；（4） 禁止使用腳本? 郵件中不支持任何腳本語言：多數(shù)郵件客戶端軟件和webmail中默認不支持任何腳本語言,；? 郵件中不能使用分幀頁面和I-frame。（5） 包含F(xiàn)lash或流媒體格式文件的郵件設計要求：需要同時設計一張與該flash或流媒體格式文件內容風格相同,、同樣尺寸的靜態(tài)圖片（.jpg或者.gif）,，并且設置為flash或流媒體格式文件所在的表格的背景圖片，并提示用戶：該部分設計為flash(或流媒體)格式,，請點擊郵件上端鏈接,，觀看在線版本。（6） 禁止使用外聯(lián)樣式表,。（7） 客戶應取得郵件當中所需使用的聲音,、圖像以及其他內容的版權。3. 設計建議：（1） 對于頁面中的圖片,，建議將超過15k的圖片分割成小圖片,，以保證下載圖片過程的順暢,；（2） 圖片個數(shù)不宜過多,，建議在20個以內，Gif動畫文件個數(shù)控制在3個以內,；（3） 建議盡量少使用背景圖片,，復雜的背景圖片不利于文字內容的瀏覽；（4） 能夠使用系統(tǒng)文字應盡量避免使用圖片文字以減少文件大??；（5） 網(wǎng)頁上使用的中文系統(tǒng)文字的最小字號應保證在12像素，并且使用系統(tǒng)默認的宋體或黑體,，避免使用其它的中文字體,；（6） 使用音效時，音量應從小逐漸放大到正常音量,；同時應設置簡單,、方便的打開/關閉按鈕；（7） 郵件的設計重點在上半部,，以吸引閱讀者的注意力,；（8） 帶有故事情節(jié)的flash設計應以下載屏幕開始,，以吸引閱讀者等待下載；（9） 背景圖片的td應加高寬限制,，以避免部分客戶端的圖片顯示出現(xiàn)異常,；（10） 郵件當中的所有點擊應使用彈出新窗口。如下就是一個我收到的標磚的郵件海報的樣式,，你可以選中一下的代碼拷貝到一個txt的文檔中,，然后將后綴.txt改成.html，就是一個網(wǎng)頁形式的郵件營銷海報了,，你可以看看<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN ><html xmlns=><head><meta http-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:6px solid #9BD44F; border-top:none;}.top ul{ list-style:none; margin-left:16px; margin-top:10px}.top ul li{ display:inline; padding-right:8px}.title1{ margin-left:16px;}.products{ width:687px; height:517px; border:1px solid #9BD44F; border-top:none; margin-left:16px }.every {}.every UL { TEXT-ALIGN: center; margin-left:15px; list-style:none;}.every UL LI { BORDER-RIGHT: #d1d1d1 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #d1d1d1 1px solid; PADDING-LEFT:2px; FLOAT: left; PADDING-BOTTOM: 8px; MARGIN: 8px 6px 0px 0px; BORDER-LEFT: #d1d1d1 1px solid; WIDTH: 150px; PADDING-TOP: 8px; BORDER-BOTTOM: #d1d1d1 1px solid; 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><div class=main> <div class=logo><a href=><img src=/images/logo.gif border=0/></a></div> <div class=content> <div class=title><img src=/images/haibao_four.gif/></div> <div class=top> <ul> <li><a href=><img src=/images/haibao_first.gif border=0/></a></li> <li><a href=><img src=/images/haibai_second.gif border=0/></a></li> <Li><a href=><img src=/images/haibao_third.gif border=0/></a></Li> </ul> </div> <div class=down> <div class=title1><img src=/images/haibao_fourth.gif/></div> <div class=products every> <ul> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/548/original/7.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 5.6%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>chiffon and lace trimming </A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>時尚起義</SPAN></A></P> <P class=zc_grey bolder>￥220.00</P> <P class=zc_red bolder>￥220.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/517/original/4.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 8%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>Avene雅漾舒護活泉水 </A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>愛可美妝</SPAN></A></P> <P class=zc_grey bolder>￥60.00</P> <P class=zc_red bolder>￥45.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/545/original/4.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 0%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>我的成功可以復制 </A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>當當網(wǎng)上商城</SPAN></A></P> <P class=zc_grey bolder>￥38.00</P> <P class=zc_red bolder>￥22.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/543/original/2.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 0%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>番茄：新世界的魔幻美食 </A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>九九網(wǎng)上書城</SPAN></A></P> <P class=zc_grey bolder>￥26.00</P> <P class=zc_red bolder>￥22.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/556/original/15.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 35元</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>天語X90粉色手機 </A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>咪啦網(wǎng)</SPAN></A></P> <P class=zc_grey bolder>￥1480.00</P> <P class=zc_red bolder>￥1166.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/557/original/16.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 2.5%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>祺月--學步車XG6928B </A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>樂友</SPAN></A></P> <P class=zc_grey bolder>￥198.00</P> <P class=zc_red bolder>￥118.40</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/432/original/32.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 8%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>福臨門新植物甾醇玉米油</A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>我買網(wǎng)</SPAN></A></P> <P class=zc_grey bolder>￥85.00</P> <P class=zc_red bolder>￥78.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> <LI> <DIV style=Z-INDEX: 10><A href=/products.html target=_blank><IMG height=150 src=/assets/products/568/original/27.gif width=150 border=0></A></DIV> <DIV class=index_product3> <DIV class=index_product4>返利<BR> 10%</DIV> </DIV> <P class=size14 margin_top><A href=/products.html target=_blank>富培美 木質地板保養(yǎng)精油</A></P> <P class=size14 margin_top>來自：<A href=/products.html target=_blank><SPAN class=color>1號店網(wǎng)上超市</SPAN></A></P> <P class=zc_grey bolder>￥198.00</P> <P class=zc_red bolder>￥115.00</P> <P><A href=/products.html target=_blank><IMG src=/images/every_botton.gif border=0></A></P> </LI> </ul> </div> </div> </div></div></body></html>
本網(wǎng)站文章僅供交流學習 ,不作為商用,， 版權歸屬原作者，部分文章推送時未能及時與原作者取得聯(lián)系,，若來源標注錯誤或侵犯到您的權益煩請告知,，我們將立即刪除.
