دوره آموزشی ایجاد یک ایمیل HTML واکنشگرا
1 ساعت 44 دقیقهمتوسط2014-12-03
مدرسین

Chris Converse
Applies design and UX principles to technology
جزئیات دوره
طراحی ایمیل HTML سخته؟ 😵 مخصوصاً وقتی کلی محدودیت از طرف سرویسهای ایمیل مثل Gmail و Outlook وجود داره! اما نگران نباش! کریس کانورس تو این دوره بهت یاد میده چطور یک ایمیل ریسپانسیو حرفهای طراحی کنی که توی بیش از 30 سرویس مختلف ایمیل به درستی نمایش داده بشه، روی موبایل و دسکتاپ بهینه باشه و امکاناتی مثل دکمههای جذاب، انیمیشن، گرافیک پسزمینه و فونتهای سفارشی داشته باشه.
با یادگیری CSS و Media Queries، میتونی ایمیلهای تعاملی و جذابی بسازی که مشتریها رو به کلیک کردن تشویق کنه. علاوه بر این، یاد میگیری چطور کد ایمیل رو اعتبارسنجی کنی و در سرویسهای مختلف تست بگیری.
شروع کن و ببین که ایمیل HTML چقدر میتونه قدرتمند باشه! 🚀
اهداف یادگیری
ایجاد گرافیک
تنظیم ساختار طرح پایه
حالت دادن به ردیف های جدول برای تیتر، بنر و غیره.
ایجاد دکمه ها
افزودن پرس و جوهای رسانه ای CSS
سبک دادن به محتوا
ترکیب انیمیشن و فونت های وب
در حال اعتبارسنجی کد شما
تست در کلاینت های مختلف ایمیل
با یادگیری 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 - از اینجا به کجا برویم
دوره های مرتبط
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی ساخت وبسایتهای ریسپانسیو با استفاده از Canva
- دوره آموزشی ساخت وب سایت های واکنش گرا با Canva آپدیت (2022)
- دوره آموزشی سطح بالا: طرح بندی CSS
- دوره آموزشی کاتینگ اج CSS
- دوره آموزشی CSS: Combining Grid and Flexbox
- دوره آموزشی ساخت وب سایت های پویا با استفاده از AWS Lambdas
- دوره آموزشی چیدمان های CSS: از Float تا Flexbox و Grid