Скрытое содержимое.
Creating a Responsive HTML Email
Создание современного отзывчивого HTML письма
Creating a Responsive HTML Email
Автор: Chris Converse
Название: Creating a Responsive HTML Email
Продолжительность: 1 ч. 28 мин.
Формат: Видеокурс
Переводчик:
Организатор:
Создайте привлекательный, отзывчивый HTML Email, который будет работать в более чем 30 различных комбинациях в самых распространенных Email клиентах.
Знали ли вы, что в наше время более 46% Email прочитывается с мобильных устройств?
Создание дизайна для HTML Email может быть довольно сложной задачей, учитывая ограниченные возможности многих почтовых клиентов(ридеров). Несмотря на это огромное количество новых почтовых ридеров поддерживают большинство современных тенденций в веб-дизайне. Что же делать?
Пройдите курс по созданию отзывчивого HTML Email. В данном курсе показано как проектировать и создавать дизайн для HTML Email, который будет замечательно отображаться в таких почтовых клиентах как Outlook 2003 и Gmail, на всех Android смартфонах, Apple и Windows Phone. Мы так же познакомимся с он-лайн инструментами и сервисами, которые помогут вам тестировать ваши рассылки. Узнайте, что возможно сделать с помощью HTML Email.
Об авторе:
Крис Конверс
Дизайнер и Разработчик в Студии Дизайна Codify
У Криса более 20 лет опыта работы с графическим дизайном и интерактивным медиа. Это довольно уникальное сочетание. Он одновременно сконцентрирован на дизайне и разработке. У Криса есть опыт разработки в таких языках как PHP, ActionScript, HTML, CSS и JavaScript. Это позволяет ему сделать свой дизайн уникальным.
Список уроков:
Раздел 1: Приветствие и структура файлов
Лекция 1: О курсе.
Лекция 2: Что находится в файлах упражнений.
Лекция 3: Устанавливаем ожидания для вас и ваших клиентов.
Лекция 4: Начало проекта.
Раздел 2 - Создание графики
Лекция 5: Создание Баннера и заднего фона.
Лекция 6: Создание графики для различных размеров экрана.
Раздел 3 - Создание HTML Email
Лекция 7: Создание базовой HTML структуры.
Лекция 8: Форматируем и стилизуем строку логотипа.
Лекция 9: Форматируем и стилизуем строку заголовка.
Лекция 10:Форматируем и стилизуем строку контента.
Лекция 11: Форматируем и стилизуем строку промо.
Лекция 12: Форматируем и стилизуем строку выноски.
Лекция 13: Форматируем и стилизуем строку подвала.
Раздел 4 - Создание кнопок с помощью HTML и CSS
Лекция 14: Преобразование ссылок в кнопки с помощью CSS.
Лекция 15: Создание кнопки призыва к действию.
Раздел 5 - Добавление CSS в Email
Лекция 16: Добавляем медиа запросы средних и маленьких экранов.
Лекция 17: Переключение заголовка и баннера на маленьких экранах.
Лекция 18: Изменение расположения для секции контента и футера на маленьких экранах.
Лекция 19: Изменение расположения промо на маленьких экранах.
Лекция 20: Изменение промо для выноски для средних экранов.
Лекция 21: Изменение промо для выноски для маленьких экранов.
Раздел 6 - Отправляем конверт
Лекция 22: Настройка пользовательского превью текста.
Лекция 23: Добавление анимации в ваш email.
Лекция 24: Используем веб-шрифты в вашем email.
Лекция 25: Добавляем HTML5 видео в ваш email
Лекция 26: Кодирование и декодирование изображений base64
Лекция 27: Использование графики с высокой четкостью (Retina) в вашем HTML Email
Раздел 7 - Проверка и тестирование
Лекция 28: Проверка кода вашего HTML email.
Лекция 29: Тестирование вашего HTML email с помощью онлайн сервиса.
Лекция 30: Дополнительные корректировки для Yahoo! Mail.
Лекция 31: Дополнительные корректировки для Blackberry 5 OS.
Лекция 32: Дополнительные корректировки для Lotus Notes 6.5, 7, и 8.5.
Раздел 8 - Куда двигаться дальше
Лекция 33: Рекомендации по созданию альтернативных макетов
Лекция 34: Куда двигаться дальше.
Демо:
Скрытое содержимое.
Складчина на оригинальный курс: