لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ایجاد یک ایمیل HTML پاسخگو
Creating a Responsive HTML Email
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
طراحی ایمیلهای HTML میتواند چالش برانگیز باشد، با توجه به قابلیتهای محدود ایمیلخوانهای رومیزی و وب، همراه با اندازههای کوچک صفحه نمایش دستگاههای تلفن همراه. ایمیل HTML پاسخگو را وارد کنید. اجازه دهید کریس کانورس به شما نشان دهد چگونه یک ایمیل زیبا طراحی کنید که با اندازه های مختلف صفحه سازگار شود و در بیش از 30 کلاینت ایمیل مختلف، از جمله Gmail، Yahoo، AOL، و چندین نسخه Outlook، و همچنین Android، iOS و Windows به درستی ارائه شود. گوشی ها یاد بگیرید که ویژگیهای پیچیدهای مانند گرافیک پسزمینه، گوشههای گرد و سایههایی اضافه کنید که در صورت عدم نمایش ایمیلهای شما را خراب نمیکنند. سپس دکمههای فراخوان ایجاد کنید، انیمیشن اضافه کنید و به کل موضوع با CSS استایل دهید. به علاوه، ابزارها و خدماتی را که به شما در آزمایش کمپینهایتان کمک میکنند، کاوش کنید. اکنون شروع کنید و یاد بگیرید که چه چیزی با ایمیل HTML امکان پذیر است.
موضوعات عبارتند از:
ایجاد گرافیک
تنظیم ساختار طرح بندی پایه
استایل دادن به ردیفهای جدول برای عنوان، بنر و غیره.
ایجاد دکمه ها
افزودن پرس و جوهای رسانه CSS
سبک دادن به محتوا
ترکیب انیمیشن و فونت های وب
در حال اعتبارسنجی کد شما
آزمایش در سرویس گیرندگان ایمیل مختلف
ما تمام فایلهای تمرینی را برای ایجاد ایمیل بررسی میکنیم. 5 پوشه وجود دارد: فایل شروع، الگوهای هنری، اسنیپتها، ویدئو و پروژه نهایی. این فایلها را میتوان برای دنبال کردن یا استفاده از این فایلها به عنوان پایهای برای پروژه خود استفاده کرد.
سرفصل ها و درس ها
درس ها
Lessons
افزودن ویدیوی HTML5 به ایمیل HTML
Adding HTML5 video into HTML email
طراحی تیتر و بنر برای صفحه نمایش های کوچکتر
Styling the headline and banner for smaller screens
کدگذاری و جاسازی تصاویر Base64
Encoding and embedding Base64 images
حالت دادن به ردیف جدول برای تبلیغات
Styling the table row for the promos
استفاده از فونت های وب با ایمیل HTML
Using web fonts with your HTML email
درباره فایل های تمرین
About the exercise files
حالت دادن به ردیف جدول برای فراخوان ها
Styling the table row for the callouts
شکل دادن به پیوندهای لنگر به عنوان دکمه
Styling anchor links as buttons
انباشتن پیامها برای نمایشگرهای کوچک
Stacking the callouts for small screens
حالت دادن به ردیف جدول برای بنر و محتوا
Styling the table row for the banner and content
سبک دادن به ردیف جدول برای لوگو
Styling the table row for the logo
ایجاد بنر و گرافیک پس زمینه
Creating the banner and background graphics
پیش نمایش پروژه نهایی
Preview the final project
پیشنهاد برای یاهو ناسازگاری های ایمیل
Suggestion for Yahoo! Mail incompatibilities
ایجاد گرافیک محتوا
Creating the content graphics
شروع پروژه
Beginning the project
تعیین انتظارات در مورد ایمیل HTML
Setting expectations about HTML email
استفاده از گرافیک با وضوح بالا (Retina®) در ایمیل HTML خود
Using High Definition (Retina®) graphics in your HTML Email
تنظیم ساختار طرح پایه
Setting up the base layout structure
پیشنهاداتی برای اصلاح طرح Blackberry 5
Suggestions for Blackberry 5 layout correction
پیشنهادی برای پشتیبانی از Lotus Notes 6.5، 7، و 8.5
Suggestion for supporting Lotus Notes 6.5, 7, and 8.5
افزودن انیمیشن به ایمیل HTML شما
Adding animation to your HTML email
برنامه ریزی چیدمان های جایگزین
Planning alternate layouts
طراحی تبلیغات برای نمایشگرهای کوچکتر
Styling the promos for smaller screens
افزودن متن پیش نمایش صندوق ورودی
Adding inbox preview text
ایجاد دکمه فراخوان برای اقدام
Creating a call-to-action button
تنظیم مجدد فراخوان ها برای صفحه نمایش های متوسط
Rearranging the callouts for medium screens
حالت دادن به ردیف جدول برای عنوان
Styling the table row for the headline
افزودن پرس و جوهای رسانه ای CSS به ایمیل HTML شما
Adding CSS media queries to your HTML email
سبک دادن به محتوا و پاورقی برای صفحه نمایش های کوچکتر
Styling the content and footer for smaller screens
تست ایمیل خود در بیش از 30 کلاینت ایمیل HTML
Testing your email in 30+ HTML email clients
حالت دادن به ردیف جدول برای فوتر
Styling the table row for the footer
نمایش نظرات