ably ably برای هدایت شدن به سایت جدید اینجا کلیک کنید

آموزش برنامه نویسی

آموزش برنامه نویسی وب، اندروید، ویندوز , اسکیوال و...
Tell: 0912 097 5516
| Email: Hello@EduOnline.ir

طراحی یک قالب ایمیل

بسم الله الرحمن الرحیم

طراحی یک قالب ایمیل

در ابتدا یک صفحه html  ایجاد نمایید و سپس در قسمت head  صفحه مورد نظر کدهای زیر را قرار دهید

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Demystifying Email Design</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
</html>

حال برای طراحی بدنه و قسمت محتوای خود می توانید به صورت زیر عمل کنید

<body style="margin: 0; padding: 0;">
 <table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr>
   <td>
    Hello!
   </td>
  </tr>
 </table>
</body>

چند نکته را در طراحی قالب ایمیل لطفا مد نظر قرار دهید

1-  فقط از TABLE استفاده نمایید و از <div> استفاده نکنید چون بیشتر میل سرور ها نمی توانند قالب شما را به درستی نمایش دهند

2- از Inline Style استفاده کنید، یعنی اینکه css های خود را در همان تگ بنویسید و از ادرس دهی در فایل استفاده نکنید. مثال:

روش صحیح:


<div style="color:white;"></div>

روش اشتباه:

<div class="colorstyle"></div>

3- فایل های مربوطه مثل تصاویر را در سرور قرار دهید

<img src="EduOnlien.ir/Images/Email.jpg" />

4- در میل سرور ها تمامی تگ ها پشتیبانی نمی شود، برای اینکه بدانید چه تگ هایی پشتیبانی می شود به آدرس زیر مراجعه کنید

تگ ها در میل سرور

نظرات (۰)

هيچ نظري هنوز ثبت نشده است
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی
up
ما را در گوگل محبوب کنید