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

Creating a Responsive HTML Email

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ایمیل های جذاب، پاسخگو و HTML ایجاد کنید که در بیش از 30 ترکیب از پرکاربردترین کلاینت های ایمیل کار می کنند. آموزش ایجاد طرح‌بندی ایمیل HTML سازگار با طیف گسترده‌ای از کلاینت‌های ایمیل، تکنیک‌هایی را برای طراحی عناصری کشف کنید که در کلاینت‌های ایمیل قدیمی‌تر بدون از دست دادن یکپارچگی طراحی، "به‌خوبی کاهش می‌یابند"، CSS را به ایمیل HTML خود اضافه کنید تا از مزایای کلاینت‌های ایمیل جدیدتر و متفاوت استفاده کنید. اندازه صفحه نمایش پیش نیازها: یک مرورگر وب مدرن، دارای طراحی واکنشگرا یا قابل مشاهده، ویرایشگر HTML/کد (رایگان یا تجاری) تمایل به انجام مقداری کدنویسی کمی صبر

آیا می دانستید که اکنون بیش از 46 درصد از ایمیل ها در دستگاه های تلفن همراه خوانده می شود؟

طراحی ایمیل HTML با توجه به توانایی های محدود بسیاری از مشتریان ایمیل (خوانندگان) می تواند بسیار چالش برانگیز باشد. در مقابل، اکثر ایمیل‌خوان‌های جدید بسیاری از آخرین روندهای طراحی وب را پشتیبانی می‌کنند. چه باید کرد؟

ایمیل HTML پاسخگو را وارد کنید. این دوره به شما نشان می دهد که چگونه یک طراحی ایمیل HTML را طراحی و بسازید که به درستی در چنین ایمیل خوان ها و Outlook 2003 و Gmail، تا تمام گوشی های مدرن اندروید، اپل و ویندوز ارائه شود. ما همچنین ابزارها و خدمات آنلاینی را بررسی خواهیم کرد که به شما در آزمایش کمپین های خود کمک می کند. بیاموزید که چه چیزی با ایمیل HTML امکان پذیر است.

مدت زمان: 88 دقیقه


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

فایل های معرفی و راه اندازی Introduction and Set-up Files

  • در مورد این دوره About this course.

  • در مورد این دوره About this course.

  • آنچه در فایل های تمرین گنجانده شده است. What's included in the exercise files.

  • تعیین انتظارات برای شما و مشتریانتان Setting expectations for you and your clients.

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

فایل های معرفی و راه اندازی Introduction and Set-up Files

  • آنچه در فایل های تمرین گنجانده شده است. What's included in the exercise files.

  • تعیین انتظارات برای شما و مشتریانتان Setting expectations for you and your clients.

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

ایجاد گرافیک Creating the Graphics

  • ایجاد بنر و گرافیک پس زمینه Creating the Banner and Background Graphics.

  • ایجاد محتوای گرافیکی برای اندازه های مختلف صفحه نمایش. Creating content graphics for multiple screen sizes.

ایجاد گرافیک Creating the Graphics

  • ایجاد بنر و گرافیک پس زمینه Creating the Banner and Background Graphics.

  • ایجاد محتوای گرافیکی برای اندازه های مختلف صفحه نمایش. Creating content graphics for multiple screen sizes.

ایجاد ایمیل HTML Creating the HTML Email

  • ایجاد ساختار پایه HTML. Creating the Base HTML Structure.

  • ایجاد ساختار پایه HTML. Creating the Base HTML Structure.

  • قالب بندی و استایل بندی ردیف لوگو. Formatting and styling the logo row.

  • قالب بندی و استایل بندی ردیف عنوان. Formatting and styling the headline row.

  • قالب بندی و استایل بندی ردیف عنوان. Formatting and styling the headline row.

  • قالب بندی و استایل بندی ردیف محتوا. Formatting and styling the content row.

  • قالب بندی و استایل دادن به ردیف تبلیغاتی. Formatting and styling the promos row.

  • قالب بندی و استایل دادن به ردیف تبلیغاتی. Formatting and styling the promos row.

  • قالب‌بندی و استایل کردن ردیف پیام‌ها. Formatting and styling the callouts row.

  • قالب بندی و استایل کردن ردیف پاورقی. Formatting and styling the footer row.

  • قالب بندی و استایل کردن ردیف پاورقی. Formatting and styling the footer row.

ایجاد ایمیل HTML Creating the HTML Email

  • قالب بندی و استایل بندی ردیف لوگو. Formatting and styling the logo row.

  • قالب بندی و استایل بندی ردیف محتوا. Formatting and styling the content row.

  • قالب‌بندی و استایل کردن ردیف پیام‌ها. Formatting and styling the callouts row.

ایجاد دکمه با HTML و CSS Creating Buttons with HTML and CSS

  • تبدیل لینک به دکمه با CSS. Converting links to buttons with CSS.

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

ایجاد دکمه با HTML و CSS Creating Buttons with HTML and CSS

  • تبدیل لینک به دکمه با CSS. Converting links to buttons with CSS.

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

افزودن CSS به ایمیل Adding CSS to the Email

  • افزودن درخواست های رسانه ای برای صفحه نمایش های متوسط ​​و کوچک. Adding the media queries for medium and small screens.

  • افزودن درخواست های رسانه ای برای صفحه نمایش های متوسط ​​و کوچک. Adding the media queries for medium and small screens.

  • تغییر تیتر و بنر برای اندازه صفحه نمایش کوچکتر. Switching the headline and banner for smaller screen sizes.

  • تغییر تیتر و بنر برای اندازه صفحه نمایش کوچکتر. Switching the headline and banner for smaller screen sizes.

  • تنظیم طرح برای محتوا و پاورقی برای صفحه نمایش های کوچکتر. Adjusting the layout for content and footer for smaller screens.

  • تنظیم طرح برای محتوا و پاورقی برای صفحه نمایش های کوچکتر. Adjusting the layout for content and footer for smaller screens.

  • تنظیم تبلیغات برای نمایشگرهای کوچکتر. Adjusting the promos for smaller screens.

  • تنظیم تبلیغات برای پیام‌های تبلیغاتی برای صفحه‌های متوسط. Adjusting the promos for callouts for medium screens.

  • تنظیم تبلیغات برای پیام‌های تبلیغاتی برای صفحه‌های متوسط. Adjusting the promos for callouts for medium screens.

  • تنظیم تبلیغات برای پیام‌های تبلیغاتی برای نمایشگرهای کوچک. Adjusting the promos for callouts for small screens.

  • تنظیم تبلیغات برای پیام‌های تبلیغاتی برای نمایشگرهای کوچک. Adjusting the promos for callouts for small screens.

افزودن CSS به ایمیل Adding CSS to the Email

  • تنظیم تبلیغات برای نمایشگرهای کوچکتر. Adjusting the promos for smaller screens.

هل دادن پاکت نامه Pushing the Envelope

  • تنظیم متن پیش‌نمایش صندوق ورودی سفارشی. Setting custom inbox preview text.

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

  • استفاده از فونت های وب در ایمیل شما Using web fonts in your email.

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

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

  • کدگذاری و تعبیه تصاویر base64 Encoding and embedding base64 images

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

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

هل دادن پاکت نامه Pushing the Envelope

  • تنظیم متن پیش‌نمایش صندوق ورودی سفارشی. Setting custom inbox preview text.

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

  • استفاده از فونت های وب در ایمیل شما Using web fonts in your email.

  • کدگذاری و تعبیه تصاویر base64 Encoding and embedding base64 images

اعتبار سنجی و آزمایش Validation and Testing

  • اعتبار سنجی کد ایمیل HTML شما. Validating the code of you HTML email.

  • تست ایمیل HTML خود با یک سرویس آنلاین. Testing your HTML email with an online service.

  • تنظیمات پیشنهادی برای Yahoo! ایمیل. Suggested adjustments for Yahoo! Mail.

  • تنظیمات پیشنهادی برای Yahoo! ایمیل. Suggested adjustments for Yahoo! Mail.

  • تنظیمات پیشنهادی برای Blackberry 5 OS. Suggested adjustments for Blackberry 5 OS.

  • تنظیمات پیشنهادی برای Lotus Notes 6.5، 7، و 8.5. Suggested adjustments for Lotus Notes 6.5, 7, and 8.5.

  • تنظیمات پیشنهادی برای Lotus Notes 6.5، 7، و 8.5. Suggested adjustments for Lotus Notes 6.5, 7, and 8.5.

اعتبار سنجی و آزمایش Validation and Testing

  • اعتبار سنجی کد ایمیل HTML شما. Validating the code of you HTML email.

  • تست ایمیل HTML خود با یک سرویس آنلاین. Testing your HTML email with an online service.

  • تنظیمات پیشنهادی برای Blackberry 5 OS. Suggested adjustments for Blackberry 5 OS.

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

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

  • توصیه هایی برای طرح بندی های جایگزین Recommendations for alternate layouts

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

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

  • توصیه هایی برای طرح بندی های جایگزین Recommendations for alternate layouts

نمایش نظرات

Udemy (یودمی)

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

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

آموزش ایجاد یک ایمیل HTML پاسخگو
جزییات دوره
1.5 hours
34
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
6,308
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

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