آموزش طراحی ایمیل Responsive HTML

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

چرا ایمیل Why Email?

• مقدمه Introduction

• چرا ایمیل Why Email

• پنج قانون Five Rules

• تجربه موبایل Mobile Experience

• آمار ایمیل موبایل Mobile Email Statistics

• راهکارهای ایمیل Email Strategies

• طراحی وب طراحی ایمیل نیست Web Design Is Not Email Design

• ارائه ایمیل Email Rendering

• تجربه مشترک Subscriber Experience

• استانداردهای دولت State of Email Standards

• چرا ایمیل (دوباره)؟ Why Email (Again)?

درک جدول ها و ساختارهای ایمیل Understanding Tables and Email Structures

• با استفاده از نمونه پرونده ها Using the Example Files

• جداول Tables

• سالات مخاطبان Audience Questions

• مثال 2: افزودن ساختار Example 2: Adding Structure

تصاویر ، سبک ها و دکمه ها Images, Styles, and Buttons

• مسدود کردن خودکار تصویر Automatic Image Blocking

• با استفاده از متن ALT Using ALT Text

• حاشیه ها و شکاف های تصویر Image Borders and Gaps

• مثال 3: تصاویر Example 3: Images

• CSS در ایمیل ها CSS in Emails

• مثال: سبک ها ، قسمت 1 Example: Styles, Part 1

• مثال: سبک ها ، قسمت 2 Example: Styles, Part 2

• مثال: سبک ها ، قسمت 3 Example: Styles, Part 3

• دکمه های ضد گلوله Bulletproof Buttons

پاسخگو کردن ایمیل ها Making Emails Responsive

• با استفاده از نمایش داده شد رسانه Using Media Queries

• سوالات ایمیل موبایل Mobile Email Quirks

• مثال: ایمیل های پاسخگو ، قسمت 1 Example: Responsive Emails, Part 1

• مثال: ایمیل های پاسخگو ، قسمت 2 Example: Responsive Emails, Part 2

• جایی که ایمیل ها باز می شوند Where Emails are Opened

• فونت های وب Web Fonts

• هدف قرار دادن مشتریان ایمیل Targeting Email Clients

• CSS3 ، تعامل و فیلم CSS3, Interactivity, and Video

مباحث ، ابزارها ، منابع و پرسش و پاسخ پیشرفته Advanced Topics, Tools, Resources, and Q&A

• تکنیک های پیشرفته Advanced Techniques

• ابزارها و منابع Tools and Resources

• س A ، قسمت 1 Q&A, Part 1

• Q A ، قسمت 2 Q&A, Part 2

• Q A ، قسمت 3 Q&A, Part 3