آموزش ایجاد یک ایمیل HTML پاسخگو

Creating a Responsive HTML Email

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
توضیحات دوره:

طراحی ایمیل‌های HTML می‌تواند چالش برانگیز باشد، با توجه به قابلیت‌های محدود ایمیل‌خوان‌های رومیزی و وب، همراه با اندازه‌های کوچک صفحه نمایش دستگاه‌های تلفن همراه. ایمیل HTML پاسخگو را وارد کنید. اجازه دهید کریس کانورس به شما نشان دهد چگونه یک ایمیل زیبا طراحی کنید که با اندازه های مختلف صفحه سازگار شود و در بیش از 30 کلاینت ایمیل مختلف، از جمله Gmail، Yahoo، AOL، و چندین نسخه Outlook، و همچنین Android، iOS و Windows به درستی ارائه شود. گوشی ها یاد بگیرید که ویژگی‌های پیچیده‌ای مانند گرافیک پس‌زمینه، گوشه‌های گرد و سایه‌هایی اضافه کنید که در صورت عدم نمایش ایمیل‌های شما را خراب نمی‌کنند. سپس دکمه‌های فراخوان ایجاد کنید، انیمیشن اضافه کنید و به کل موضوع با CSS استایل دهید. به علاوه، ابزارها و خدماتی را که به شما در آزمایش کمپین‌هایتان کمک می‌کنند، کاوش کنید. اکنون شروع کنید و یاد بگیرید که چه چیزی با ایمیل HTML امکان پذیر است.

موضوعات عبارتند از:

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

ما تمام فایل‌های تمرینی را برای ایجاد ایمیل بررسی می‌کنیم. 5 پوشه وجود دارد: فایل شروع، الگوهای هنری، اسنیپت‌ها، ویدئو و پروژه نهایی.   این فایل‌ها را می‌توان برای دنبال کردن یا استفاده از این فایل‌ها به عنوان پایه‌ای برای پروژه خود استفاده کرد.


سرفصل ها و درس ها

درس ها Lessons

  • افزودن ویدیوی HTML5 به ایمیل HTML Adding HTML5 video into HTML email

  • طراحی تیتر و بنر برای صفحه نمایش های کوچکتر Styling the headline and banner for smaller screens

  • کدگذاری و جاسازی تصاویر Base64 Encoding and embedding Base64 images

  • حالت دادن به ردیف جدول برای تبلیغات Styling the table row for the promos

  • استفاده از فونت های وب با ایمیل HTML Using web fonts with your HTML email

  • درباره فایل های تمرین About the exercise files

  • حالت دادن به ردیف جدول برای فراخوان ها Styling the table row for the callouts

  • شکل دادن به پیوندهای لنگر به عنوان دکمه Styling anchor links as buttons

  • انباشتن پیام‌ها برای نمایشگرهای کوچک Stacking the callouts for small screens

  • حالت دادن به ردیف جدول برای بنر و محتوا Styling the table row for the banner and content

  • سبک دادن به ردیف جدول برای لوگو Styling the table row for the logo

  • ایجاد بنر و گرافیک پس زمینه Creating the banner and background graphics

  • پیش نمایش پروژه نهایی Preview the final project

  • پیشنهاد برای یاهو ناسازگاری های ایمیل Suggestion for Yahoo! Mail incompatibilities

  • ایجاد گرافیک محتوا Creating the content graphics

  • شروع پروژه Beginning the project

  • تعیین انتظارات در مورد ایمیل HTML Setting expectations about HTML email

  • استفاده از گرافیک با وضوح بالا (Retina®) در ایمیل HTML خود Using High Definition (Retina®) graphics in your HTML Email

  • تنظیم ساختار طرح پایه Setting up the base layout structure

  • پیشنهاداتی برای اصلاح طرح Blackberry 5 Suggestions for Blackberry 5 layout correction

  • پیشنهادی برای پشتیبانی از Lotus Notes 6.5، 7، و 8.5 Suggestion for supporting Lotus Notes 6.5, 7, and 8.5

  • افزودن انیمیشن به ایمیل HTML شما Adding animation to your HTML email

  • برنامه ریزی چیدمان های جایگزین Planning alternate layouts

  • طراحی تبلیغات برای نمایشگرهای کوچکتر Styling the promos for smaller screens

  • افزودن متن پیش نمایش صندوق ورودی Adding inbox preview text

  • ایجاد دکمه فراخوان برای اقدام Creating a call-to-action button

  • تنظیم مجدد فراخوان ها برای صفحه نمایش های متوسط Rearranging the callouts for medium screens

  • حالت دادن به ردیف جدول برای عنوان Styling the table row for the headline

  • افزودن پرس و جوهای رسانه ای CSS به ایمیل HTML شما Adding CSS media queries to your HTML email

  • سبک دادن به محتوا و پاورقی برای صفحه نمایش های کوچکتر Styling the content and footer for smaller screens

  • تست ایمیل خود در بیش از 30 کلاینت ایمیل HTML Testing your email in 30+ HTML email clients

  • حالت دادن به ردیف جدول برای فوتر Styling the table row for the footer

  • اعتبار سنجی کد HTML شما Validating your HTML code

  • از اینجا به کجا برویم Where to go from here

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد یک ایمیل HTML پاسخگو
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 43m
34
Skillshare (اسکیل شیر) skillshare-small
17 دی 1397 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
476
4 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای

Skillshare (اسکیل شیر)

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

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.