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

مدرس Chris Converse

انتشار 2013/08/30

به‌روز‌رسانی 2014/12/03

مدت زمان 1h 43m

سطح مبتدی

فایل تمرینی دارد

آموزش Creating a Responsive HTML Email

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

Front-end Development HTML Responsive Web Design Web Standards

Introduction

Previewing the final project ()

About the exercise files ()

What you should know ()

A look at the beginning project ()

1. Creating the Graphics

Creating the banner and background graphics ()

Creating the content graphics ()

2. Creating the HTML Email

Setting up the base layout structure ()

Styling the table row for the logo ()

Styling the table row for the headline ()

Styling the table row for the banner and content ()

Styling the table row for the promos ()

Styling the table row for the callouts ()

Styling the table row for the footer ()

3. Creating Buttons with HTML and CSS

Styling anchor links as buttons ()

Creating a call-to-action button ()

4. Adding CSS to the Email

Adding CSS media queries to your HTML email ()

Styling the headline and banner for smaller screens ()

Styling the content and footer for smaller screens ()

Styling the promos for smaller screens ()

Rearranging the callouts for medium screens ()

Stacking the callouts for small screens ()

5. Pushing the Envelope

Adding inbox preview text ()

Adding animation to your HTML email ()

Using web fonts with your HTML email ()

Adding HTML5 video into HTML email ()

Encoding and embedding Base64 images ()

Using high-definition graphics in your HTML email ()

6. Validation and Testing

Validating your HTML code ()

Testing your email in 30+ HTML email clients ()

Suggestion for Yahoo! Mail incompatibilities ()

Suggestions for BlackBerry 5 layout correction ()

Suggestion for supporting Lotus Notes 6.5, 7, and 8.5 ()

Conclusion

Exploring alternative layouts ()

Where to go from here ()

Ex_Files_Cr8_Resp_HTML_Email_Free.zip (10 KB)

Ex_Files_Cr8_Resp_HTML_Email.zip (104.5 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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