Как создать html письмо?

3 ноября 2014 г. Просмотров: 1202 Инструкции
Электронное письмо формата HTML представляет собой достаточно успешный вид коммуникации. Издатели с его помощью могут отследить, к примеру, такую информацию: прочитано ли письмо, пересылалось ли оно, был ли переход по ссылкам в письме.

Вам понадобится

  • - компьютер с доступом в интернет;
  • - браузер;
  • - навыки HTML-верстки.

Инструкция

  • Зайдите в свой почтовый ящик, нажмите кнопку «Написать письмо». Для того чтобы создать письмо в формате html, его надо писать с использованием тегов. Используйте таблицы для представления данных. Они более корректно отображаются у читателей, чем письма, созданные с помощью CSS-стандартов. Определитесь, как должно выглядеть ваше письмо. Если информации там будет много, то создайте колонки. Обязательно сделайте шапку, поместите туда логотип и навигационные ссылки на оригинальную веб-страницу - это обеспечит сходство с сайтом. Далее вставьте ссылки на новости, помещенные в дальнейшем тексте письма. Можно сделать одно- либо двухколоночное электронное письмо. В последнем варианте слева размещается колонка, где есть ссылки и навигация. В правой колонке размещается основной текст.
  • Разбейте текст на блоки, чтобы облегчить его восприятие. Поместите в колонки таблицы. Таблица делается с помощью тега , в котором содержатся теги для строк и ячеек ( и соответственно). Самую важную информацию поместите наверх, чтобы сразу привлечь внимание читателя. Дальше читатели чаще всего смотрят на верхний правый угол, а дальше весь остальной текст. В соответствии с этим особенностями, можно построить свое html-письмо. Используйте в тегах таблицы и ячеек следующие атрибуты, чтобы контролировалось отображение: к примеру, border=”0”, align=”left” и так далее. Это даст возможность корректного отображения письма даже в старых почтовых клиентах.
  • Используйте стили CSS, чтобы сверстать письмо HTML. К примеру, используйте такой стиль inline, как показано здесь: . Этот прием можно использовать при создании html-письма в тегах ячеек, таблиц и ссылок. Прописывайте стили, располагая их ниже тега - это нужно в тех случаях, когда серверы сканируют письма и находят стили выше этого тега, удаляют. Установите ширину таблицы 98%. В середине таблицы выставьте ширину 100%. Пропишите основные сведения о стиле шрифта в теге ячейки, ближе к данным. Это даст возможность повторить стили в других тегах ячеек.
  • Протестируйте созданное письмо в различных почтовых клиентов - это даст возможность обнаружить и исправить ошибки верстки. В первую очередь проверьте, как отображается письмо в браузерах Firefox, Internet Explorer. Далее протестируйте отображение письма в Outlook, Google Mail и Yahoo. Если шаблон отображен корректно, перейдите к текстам. Разошлите их в свои тестовые почтовые адреса на различных службах почты. Используйте те службы, которыми в основном пользуются ваши подписчики. Не используйте JavaScript - его отключат почтовые клиенты. Используйте тег background, чтобы поставить фоновое изображение. Картинки для письма храните на сервере в специальной папке, не удаляйте их - читатели могут возвращаться к письму спустя неделю, месяц.
  • Оцените статью!