كيفية إنشاء بريد إلكتروني مخصص بتنسيق HTML وإرساله

يعتبر البريد الإلكتروني التفاعلي بتنسيق HTML أداة قوية. يمكن للشركات استخدامها في الصفقات الترويجية ، وقد يستخدمها المستقلون لعرض خدماتهم عليها يمكن للعملاء المحتملين والأحفاد إضفاء البسمة على وجوه أجدادهم بعادات لطيفة التصميم. التقنيتان الوحيدتان اللتان ستحتاجهما لإنشاء بريد إلكتروني مخصص من البداية هما HTML و CSS المضمنة. كل ما عليك القيام به هو وضع التصميم في الاعتبار ، وتحليله في شكل صفوف وأعمدة الجدول ، ومن الجيد أن تبدأ في البناء. في هذه المقالة ، ستتعلم طريقة خطوة بخطوة لإنشاء بريد إلكتروني مخصص بتنسيق HTML وإرساله.

قم ببناء قالب البريد الإلكتروني باستخدام HTML

يعتمد قالب البريد الإلكتروني على تقنيات HTML التقليدية. ستعمل مع الجداول وتكديس صفوف الجدول وبيانات الجدول طوال الوقت. يبدو قالب البريد الإلكتروني الأساسي بتنسيق HTML كما يلي:

...
...
...
...
...
...
...




...

انتاج:

سيكون من الأفضل إعداد تصميم بحيث يمكنك تحديد مكان وكيفية تقسيم التصميم. بالإضافة إلى ذلك ، ستكون مستعدًا ذهنيًا لصياغة هيكل جدول للخروج منه.

هنا ، أنت تبدأ بـ DOCTYPE للمستند. بعد ذلك ، يمكنك تعيين مجموعة الأحرف ونوع المحتوى والعلامات الوصفية والعنوان داخل ملف بطاقة شعار. يبدأ الجزء الأساسي بـ ضع علامة على المكان الذي تضع فيه أحد الوالدين وإضافة صفوف جدول متعددة داخله. بعد تقسيم المحتوى إلى عدد مناسب من الصفوف ، حان الوقت لإدخال بيانات الجدول داخلهم.

كما قيل ، عليك العمل فقط مع الطاولات. لذلك ، لإدخال بيانات مختلفة داخل علامة ، تحتاج إلى اتباع طريق محدد. على سبيل المثال ، دعنا نشكل نموذج بريد إلكتروني بشعار وتاريخ داخل ملف بطاقة شعار.

 الشعار والتاريخ داخل علامة 
 

















05 ديسمبر 2021

أنت الآن تعرف كيفية وضع علامات HTML وإنشاء بنية جيدة لقالب البريد الإلكتروني الخاص بك. دعنا نمضي قدمًا لفهم نمط البريد الإلكتروني بشكل أفضل.

نمط البريد الإلكتروني HTML الخاص بك

يعد تصميم بريد HTML الإلكتروني مهمة مرهقة حيث يمكنك فقط استخدام CSS المضمنة. أيضًا ، ستحتاج إلى تكرار التصميم لكل عنصر إذا كان يمتلك تصميمًا مشابهًا. إذا لم تكن معتادًا على أوراق الأنماط المتتالية ، فاستكشف لتبدأ مع CSS.

معاينة:

 05 ديسمبر 2021 






































مرحبا فلان الفلاني



شكرا لكم لزيارة موقعنا. نأمل أن تكون قد تعلمت شيئًا جديدًا اليوم.





 رأيك يهمنا! 

 قيم مقالاتنا هنا. 


012345678910

انتاج |:

إذا كنت ترغب في ذلك ، يمكنك ذلك الوصول إلى الكود الكامل على جيثب واستنساخ المستودع لاستخدامه.

إرسال البريد

الآن انسخ والصق الرمز بالكامل من GitHub. إذا كنت تستخدم VS Code ، فافتح ملف HTML باستخدام امتداد الخادم المباشر وانسخ المحتوى بالنقر فوق السيطرة + أ>Ctrl + C. افتح Gmail وأنشئ بريدًا إلكترونيًا جديدًا. الصق المحتوى وأدخل معرف بريد المستلم. أرسل البريد الإلكتروني وستحصل على النتائج كما هو موضح أدناه:

اختبر الكود على أجهزة مختلفة لترى كيف يبدو ويتصرف. خصص بريدك الإلكتروني بتنسيق HTML واجعله نظيفًا وبسيطًا وسريع الاستجابة.

تعديل قوالب البريد الإلكتروني الموجودة

يتطلب إنشاء بريد إلكتروني بتنسيق HTML من البداية قبضة قوية على HTML و CSS المضمنة. يمكنك أيضًا تعديل قالب بريد إلكتروني موجود وتخصيصه وفقًا لاحتياجاتك. ضع في اعتبارك أن رسائل البريد الإلكتروني بتنسيق HTML تستغرق بضع ثوانٍ للتحميل. التخطيط والتصميم والكود وإجراء الاختبارات الشاملة لتجنب أي تضارب مع المستخدم النهائي. يمكنك معرفة المزيد حول HTML و CSS الدلالية لكتابة تعليمات برمجية أفضل وأكثر سهولة.

كيفية إنشاء موقع ويب يمكن الوصول إليه باستخدام HTML و CSS الدلالية

قم بإجراء تحسينات طفيفة في HTML و CSS لتحقيق إمكانية الوصول إلى الويب. اجذب الزوار للتنقل والتفاعل مع موقع الويب الخاص بك بسهولة.

اقرأ التالي

عن المؤلف