School PHP

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

План:

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

Описание:

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

Давайте просто раз и навсегда уясним, что будучи даже новичком в понимании красоты не так то сложно вставить в письмо логотип, текст сделать чуть более читабельным, важное выделить жирным или заголовком, а в подвале разместить контакты компании. А раз это не так сложно, то не стоит этим пренебрегать!
Войти | Регистрация