Урок 11: Адаптивная вёрстка HTML писем

План:

  • Верстка HTML писем
  • Адаптивная верстка писем
  • Ограничения в верстке
  • Содержание писем
Доступ к видео-уроку, а так же к домашним заданиям и дополнительному материалу откроется после оплаты за урок или курс.

Описание:

Грамотная верстка писем - очень важный момент, о котором часто забывают многие начинающие компании. В итоге вместо красивого и грамотно оформленного посетители получают сплошной текст, максимум можно встретить переносы в теле письма.
Давайте выделим такие моменты:
- Красивая шапка позволит запомнить Ваш бренд, по клику можно будет попасть на сайт.
- В подвале можно выделить контакты фирмы. Если идёт продвижение в социальных сетях, то так же добавить кнопки этих самых соц.сетей.
- В теле письма можно разместить картинки по теме. Если это социальный сайт и пришло уведомление о том, что кто-то написал Вам письмо, то почему бы рядом с приглашением на сайт не разместить фотографию этого самого человека? Или же добавить огромную понятную кнопку "прочитать сообщение".
- Вот банальный пример, я пишу Вам сейчас такое: кликните сюда и получите деньги... не сильно интригует? А если так:
Кликните сюда и получите деньги
. Чувствуете разницу? Ставлю на то, что на кнопку Вы уж точно обратили внимание ещё перед тем, как начали читать этот блок текста.
- Вы можете представить, что заходя в солидную компанию Вас встречают за старым советским столом потёртым? Красивая декорация - это имидж компании, красивый сайт - имидж, красивые письма - имидж.

Давайте просто раз и навсегда уясним, что будучи даже новичком в понимании красоты не так то сложно вставить в письмо логотип, текст сделать чуть более читабельным, важное выделить жирным или заголовком, а в подвале разместить контакты компании. А раз это не так сложно, то не стоит этим пренебрегать!
Главная БАЗОВЫЙ КУРС ПЕРВЫЙ УРОВЕНЬ программирования ВТОРОЙ УРОВЕНЬ верстки ВТОРОЙ УРОВЕНЬ программирования Начать обучение Запуск проекта Мелкие трюки Проверь свои знания Задачи по PHP MySQL Блог Отзывы