Blog

设计Newsletter的规则

设计Newsletter模板的几点规则:
  1. 网页应该使用 这个<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 文档标准。
  2. 网页中尽可能使用table标签来设计网页。
  3. 网页不要使用背景图片。
  4. 在style样式中尽可能减少对HTML标签的控制,而是更多直接在HTML标签中使用属性和style直接进行样式控制。
  5. 设置好网页的显示编码,例如:<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. 不要使用外部样式进行控制。
  7. 不使用较大的图片或Flash作为网页内容。
下面给大家一个标准的Newsletter模板,仅供参考。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Email Template - duoh! template 2</title> <style type="text/css"> <!-- body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px;} a{ font-family:Arial, Helvetica, sans-serif; text-decoration:underline;} a:link, a:visited, a:active{ color: #000000; } a:hover{ color: #009999; text-decoration:underline; } p{ text-align:justify;} --> </style> <!--[if gte mso 9]> <style type="text/css"> .body{background:url('images/stripe.png');} .case {background:none;} </style> <![endif]--> </head> <body style="background-image: url(images/stripe.png); background-repeat: repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#000000;" marginheight="0" topmargin="0" marginwidth="0" leftmargin="0"> <!--100% body table--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="background-image: url(images/stripe.png); background-repeat: repeat;"> <!--[if gte mso 9]> <td style="background: none;"> <![endif]--> <!--Content text--> <table bgcolor="#FFFFFF" width="600" border="0" align="center" cellpadding="0" cellspacing="0" style="border:1px; border-color:#666666; border-style:solid;"> <tr> <td> <table width="600" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="6" height="10">&nbsp;</td> </tr> <tr> <td width="130" rowspan="2">&nbsp;&nbsp;<img src="images/LOGO.png" width="110" height="65" alt="CCJK TECHNOLOGIES">&nbsp;</td> <td colspan="5" align="right" style="font-size:11px;">Vol.1 Jul 2011&nbsp;&nbsp;</td> </tr> <tr> <td width="120" align="center"><a href="#company-overview" style="font-size:12px;color:#009999;">Company Overview</a></td> <td width="50" align="center"><a href="#news" style="font-size:12px;color:#009999;">News</a></td> <td width="110" align="center"><a href="#industry-dynamic" style="font-size:12px;color:#009999;">Industry Dynamic</a></td> <td width="100" align="center"><a href="#learning-fun" style="font-size:12px;color:#009999;">Learning & Fun</a></td> <td width="90" align="center"><a href="#contact-us" style="font-size:12px;color:#009999;">Contact Us</a></td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img width="600" height="10" alt=" " src="images/spacer.gif"> </td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left"> <h1 style="color:#000; margin: 0; padding: 0; line-height: 24px; font-size: 22px; font-family:Georgia, Arial, sans-serif; "><a name="company-overview" style="color:#000; text-decoration:none; font-family:Georgia, Arial, sans-serif;">Company Overview &raquo;</a></h1> </td> <td width="20">&nbsp;</td> </tr> <tr> <td width="20">&nbsp;</td> <td valign="top" align="justify"> <p style="font-weight:bold; color:#009999;"> CCJK is a professional translation and localization company based in Shenzhen and Hong Kong, which specializes in most major Asian languages (including Chinese Simplified, Chinese Traditional, Vietnamese, Indonesian, Thai, Malay, Tagalog, Japanese, and Korean etc.). </p> <p> Founded in the year of 2000, the company has automated its business process and become a leading player in the localization industry across the Asian Pacific region, successfully gaining the trust of a host of international MLV/SLVs and end clients. </p> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td width="120"> <p style="text-align:left; padding:0px; margin:0px;"> After ten years growth and development, CCJK has been constantly joined by well educated and highly disciplined linguistic  professionals from around the Asian </p> </td> <td valign="top" width="440" height="115"> <img src="images/ccjk-team.jpg" width="438" height="115"> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td valign="top" align="justify"> <p style="padding:0px; margin:0px;"> Pacific region, we have formed an elite localization and engineering group that is youthful, dedicated, knowledgeable and deeply rooted in the sense of responsibility. </p> <p> With our highly professional and dedicated localization and engineering staff, available at any time to provide quality and customized services tailored to our clients' specific requirements, we act as a virtual extension of their localization department, which serves them seamlessly in their globalization initiatives to gain global competitive edge. </p> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img width="600" height="10" alt=" " src="images/spacer.gif"> </td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left" colspan="2"> <h1 style="color:#000; margin: 0; padding: 0; line-height: 25px; font-size: 22px; font-family:Georgia, Arial, sans-serif; "><a name="news" style="color:#000; text-decoration:none; font-family:Georgia, Arial, sans-serif;">News &raquo;</a></h1> </td> <td width="20">&nbsp;</td> </tr> <tr> <td width="20">&nbsp;</td> <td valign="top" align="justify" colspan="2"> <p> <ul style="color:#009999; font-weight:bold;"> <li>English to & from Chinese (both Simplified and Traditional)</li> <li>Multi-lingual translations for over 90 language pairs</li> <li>DTP & typesetting services</li> <li>Multimedia creating and editing (E-learning)</li> <li>Website design & software development</li> </ul> </p> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left"> <h2 style="color:#000; margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-family:Georgia, Arial, sans-serif; ">Our strict Localization Process</h2> </td> <td width="20">&nbsp;</td> </tr> <tr> <td width="20">&nbsp;</td> <td valign="top" align="center" colspan="2"> <img src="images/ccjk-documentation-localiation-process.jpg" width="516" height="367" alt="ccjk documentation localiation process"> </td> <td width="20">&nbsp;</td> </tr> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left"> <h2 style="color:#000; margin: 0; padding: 0; line-height: 20px; font-size: 14px; font-family:Georgia, Arial, sans-serif; ">Star of this Month: Ms Fei Chen</h2> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img width="600" height="10" alt=" " src="images/spacer.gif"> </td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left" colspan="2"> <h1 style="color:#000; margin: 0; padding: 0; line-height: 25px; font-size: 22px; font-family:Georgia, Arial, sans-serif; "><a name="learning-fun" style="color: #FF9900; text-decoration:none; font-family:Georgia, Arial, sans-serif;">Learning & Fun &raquo;</a><br/><span style="font-size:12px;">*Prose Appreciation</span></h1> </td> <td width="20">&nbsp;</td> </tr> <tr> <td width="20">&nbsp;</td> <td valign="top" align="justify" colspan="2"> <table width="558" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left" colspan="2"> <h1 style="color:#000; margin: 0; padding: 0; line-height: 25px; font-size: 22px; font-family:Georgia, Arial, sans-serif; "><span style="font-size:12px;">*Joke</span></h1> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="558" border="0" align="center" cellpadding="0" cellspacing="0"  style="background-color: #E6F4F7; border:#999999 dotted 1px;"> <tr> <td width="20">&nbsp;</td> <td> <p><font color="#FF6600">English version</font></p> <p style="font-style:italic"> <strong>What a big deal</strong><br/> A young businessman had just started his business, and rented a beautiful office. Sitting there, he saw a man come into the outer office. Wishing to appear busy, the businessman picked up the phone and pretended that he had a big deal working. He threw huge figures around and made giant commitments.<br/> Finally, he hung up and asked the visitor. "Can I help you?" The man said, "Sure. I've come to install the phone." </p> </td> <td width="20">&nbsp;</td> </tr> </table> <br/> <table width="560" border="0" align="center" cellpadding="0" cellspacing="0"  style="background-color: #E6F8D8; border:#999999 dotted 1px;"> <tr> <td width="20">&nbsp;</td> <td> <p><font color="#FF6600">Chinese version</font></p> <p style="font-size:12px;"> <strong>我是来装电话的</strong><br/> 一个年轻人刚刚开始做生意,就租了一个漂亮的办公室。一天,他坐在办公室里,看到有一个人在外面,于是他就装作生意很忙的样子,拿起电话胡吹乱侃,还不停的甩出几个大数字,好像在谈一笔大买卖。<br/> 到了最后,他终于挂了电话,问来访的人:“有事儿嘛?”那个人回答:“我是来给你安装电话的。” </p> </td> <td width="20">&nbsp;</td> </tr> </table> <br/> <table width="558" border="0" align="center" cellpadding="0" cellspacing="0"  style="background-color: #E6F8D8; border:#999999 dotted 1px;"> <tr> <td width="20">&nbsp;</td> <td> <p><font color="#FF6600">Japanese version</font></p> <p style="font-size:12px;"> <strong>「何か要事がありますか?」</strong><br/> 一人の若者は商売を始めたばかりで、綺麗なオフィスを借りた.ある日、彼はオフィスに座って外で一人の男を見たので、すぐに忙しいふりをして電話をかけてホラ話をしながら時々手振りで大きな数字を振りました、まるで大商売をしていたようのでした.<br/> 最後に彼はとうとう電話を切りました、訪ねる人に「何か要事がありますか?」と聞きました.「はい、こちらの電話をインストールに来たのです.」と答えました. </p> </td> <td width="20">&nbsp;</td> </tr> </table> <br/> <table width="558" border="0" align="center" cellpadding="0" cellspacing="0"  style="background-color: #E6F8D8; border:#999999 dotted 1px;"> <tr> <td width="20">&nbsp;</td> <td> <p><font color="#FF6600">French version</font></p> <p style="font-style:italic"> <strong>Je viens installer le téléphone.</strong><br/> Un jeune homme d'affaires vient de commencer son entreprise, et il a loué un magnifique bureau. Un jour, il s’assoyait dans son bureau, et a vit un homme entrer dans le bureau extérieur. ayant envie de simuler d’être très occupé, ce jeune homme a décroché le téléphone et a feint qu'il avait une grosse affaire en jetant quelques chiffres énormes de temps en temps. Enfin, il a raccroché et a demandé au visiteur: "puis-je vous aider?" L'homme répond: "bien sûr. Je suis venu installer le téléphone pour toi." </p> </td> <td width="20">&nbsp;</td> </tr> </table> <br/> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img width="600" height="10" alt=" " src="images/spacer.gif"> </td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="35" valign="middle" align="left"> <h1 style="color:#000; margin: 0; padding: 0; line-height: 24px; font-size: 22px; font-family:Georgia, Arial, sans-serif; "><a name="contact-us" style="color:#000; text-decoration:none; font-family:Georgia, Arial, sans-serif;">Contact Us &raquo;</a></h1> </td> <td width="20">&nbsp;</td> </tr> </table> <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <img width="600" height="10" alt=" " src="images/spacer.gif"> </td> </tr> </table> <table bgcolor="#747474" width="600" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20">&nbsp;</td> <td height="60" valign="middle" align="center"> <p style="font-size: 11px; text-align:center; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;"> You're receiving this newsletter. Having trouble reading this email? <webversion style="color:#FFFFFF; text-decoration: underline;">View it in your browser.</webversion><br> Not interested anymore? <unsubscribe style="color:#FFFFFF; text-decoration: underline;">Unsubscribe Instantly.</unsubscribe> </p> </td> <td width="20">&nbsp;</td> </tr> </table> </td> </tr> </table> <!--/Content text--> </td> </tr> </table> <!--/100% body table--> </body> </html>

Words translated by CCJK

146,096,379

Request a call or contact us

  •  

    Call ccjk.support for professional assistance

  •  

    Click Here to leave us a message and be as detailed as possible.

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00
  •  
    Inquiry Form

    Please take few minutes to fill
    inquiry form and get Free Quote

  •  
    Request a Call

    Click to receive Free Call, Our
    Representative will contact you

  •  
    Leave a Message

    Please leave us a message and
    be as detailed as possible

Over 95% of our clients recommend our language services to others


Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP