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

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

فایل های معرفی و راه اندازی 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