تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی ایجاد یک ایمیل HTML واکنشگرا

دوره آموزشی ایجاد یک ایمیل HTML واکنشگرا

1 ساعت 44 دقیقهمتوسط2014-12-03

مدرسین

Chris Converse

Chris Converse

Applies design and UX principles to technology

جزئیات دوره

طراحی ایمیل HTML سخته؟ 😵 مخصوصاً وقتی کلی محدودیت از طرف سرویس‌های ایمیل مثل Gmail و Outlook وجود داره! اما نگران نباش! کریس کانورس تو این دوره بهت یاد می‌ده چطور یک ایمیل ریسپانسیو حرفه‌ای طراحی کنی که توی بیش از 30 سرویس مختلف ایمیل به درستی نمایش داده بشه، روی موبایل و دسکتاپ بهینه باشه و امکاناتی مثل دکمه‌های جذاب، انیمیشن، گرافیک پس‌زمینه و فونت‌های سفارشی داشته باشه.

با یادگیری CSS و Media Queries، می‌تونی ایمیل‌های تعاملی و جذابی بسازی که مشتری‌ها رو به کلیک کردن تشویق کنه. علاوه بر این، یاد می‌گیری چطور کد ایمیل رو اعتبارسنجی کنی و در سرویس‌های مختلف تست بگیری.

شروع کن و ببین که ایمیل HTML چقدر می‌تونه قدرتمند باشه! 🚀

اهداف یادگیری
ایجاد گرافیک
تنظیم ساختار طرح پایه
حالت دادن به ردیف های جدول برای تیتر، بنر و غیره.
ایجاد دکمه ها
افزودن پرس و جوهای رسانه ای CSS
سبک دادن به محتوا
ترکیب انیمیشن و فونت های وب
در حال اعتبارسنجی کد شما
تست در کلاینت های مختلف ایمیل

مهارت ها

Responsive Web DesignHTMLWeb StandardsWeb DesignFront-End Web DevelopmentProjectWeb DevelopmentOpen Source

سرفصل ها

0. مقدمه

  • 01 - پیش نمایش پروژه نهایی
  • 02 - در مورد فایل‌های تمرین
  • 03 - آنچه باید بدانید
  • 04 - نگاهی به آغاز پروژه

1. ایجاد گرافیک

  • 05 - ایجاد بنر و گرافیک پس زمینه
  • 06 - ایجاد گرافیک محتوا

2. ایجاد ایمیل HTML

  • 07 - راه‌اندازی ساختار طرح پایه
  • 08 - حالت دادن به ردیف جدول برای لوگو
  • 09 - استایل دادن به ردیف جدول برای تیتر
  • 10 - استایل بندی ردیف جدول برای بنر و محتوا
  • 11 - حالت دادن به ردیف جدول برای تبلیغات
  • 12 - حالت دادن به ردیف جدول برای فراخوان ها
  • 13 - حالت دادن به ردیف جدول برای فوتر

3. ایجاد دکمه با HTML و CSS

  • 14 - یک ظاهر طراحی شده لینک‌های anchor به عنوان دکمه
  • 15 - ایجاد دکمه فراخوان

4. اضافه کردن CSS به ایمیل

  • 16 - افزودن کوئری‌های رسانه‌ای CSS به ایمیل HTML خود
  • 17 - طراحی تیتر و بنر برای نمایشگرهای کوچکتر
  • 18 - استایل دادن به محتوا و پاورقی برای نمایشگرهای کوچکتر
  • 19 - طرح تبلیغاتی برای نمایشگرهای کوچکتر
  • 20 - تنظیم مجدد فراخوان‌ها برای صفحه‌های متوسط
  • 21 - انباشتن فراخوان‌ها برای نمایشگرهای کوچک

5. هل دادن پاکت

  • 22 - افزودن متن پیش نمایش صندوق ورودی
  • 23 - افزودن انیمیشن به ایمیل HTML خود
  • 24 - استفاده از فونت‌های وب با ایمیل HTML خود
  • 25 - افزودن ویدیوی HTML5 به ایمیل HTML
  • 26 - رمزگذاری و تعبیه تصاویر Base64
  • 27 - استفاده از گرافیک با کیفیت بالا در ایمیل HTML خود

6. اعتبار سنجی و آزمایش

  • 28 - اعتبار سنجی کد HTML شما
  • 29 - تست ایمیل خود در 30+ کلاینت ایمیل HTML
  • 30 - پیشنهاد برای ناسازگاری ایمیل Yahoo
  • 31 - پیشنهاداتی برای اصلاح طرح BlackBerry 5
  • 32 - پیشنهاد برای پشتیبانی از Lotus Notes 6.5، 7، و 8.5

نتیجه

  • 33 - بررسی طرح بندی‌های جایگزین
  • 34 - از اینجا به کجا برویم

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal