Оформление на HTML имейли
Основи за оформление на HTML имейли
Всеки уеб разработчик рано или късно е изправен пред необходимостта да се отпечатва писма за писма и уведомления от сайта. Това не се отнася само за онлайн магазини, където има спешна нужда от удобен и желани, красиви уведомителни писма за състоянието на поръчката, но също и други сайтове, които имат възможност да се регистрирате или да се абонирате за бюлетина.
Както се вижда, в българския сегмент на интернет подробно статии на тази тема не е толкова много - най-вече са много общи препоръки. И тъй като аз наскоро пое тази тема, не мога да пропусна възможността да се говори малко за вашите читатели =)
Тук ще говорим за обикновените букви.
Основни задачи:
Има твърде много нюанси да разгледа.
1. Doctype:
В писмото трябва да има типа на документа:
кодиране може да бъде възможно, но е добре да се използва UTF-8
2. Оформлението на маса:
Използвайте табличен оформление.
По този начин, той трябва да бъде възможно да се използва опростена структура таблици. се опитват да избегнат комбиниране клетки (ColSpan. rowspan). Комплекс маси Outlook не винаги се възпроизвеждат правилно. Затова е по-добро използване вложени таблици.
Всички писане трябва да бъдат опаковани в таблица с ширина от 100% и цвят на бял фон (BGCOLOR = "# FFFFFF") (или цвета на фона, съответстваща на дизайна на вашето писмо)
И не забравяйте да посочите подравняване и valign в клетки.
3. Текстът и адреси:
Това може да се промени, за да или . В този случай, , Говорейки за проектиране на текста, често са изправени пред проблема с висящи предлозите. За да го реши, да се използва не-непрекъсваем интервал: И не забравяйте тирето , ако изведнъж трябва да прехвърлите на пода. Това е особено полезно за много дълги връзки, които могат да се счупят на модела. Тя трябва винаги да бъдат взети под внимание. че потребителят качва изображение не винаги е така клирънс писмо без снимки, също е от значение. Винаги гледам как ще изглежда вашето писмо в несвързани режим изображения. BGCOLOR = "# cccccc" фон = "IMG / bg.png" стил = "фон изображение: URL (IMG / bg.png)" И за да принуди Outlook за показване на фона, използвайте следната структура: Заглавието не трябва да уточни стилове като Почти всички уеб интерфейси да се игнорира. Те трябва да се предписва като inlaynovye в parametrestyle. Това не е да се използва кратката форма, като: граница: 1px твърдо # 000000: Да, цветът също не може да се намали (след #fff да е неправилно). Или с помощта на цвета на граничния фон. За да обобщим, ние формираме писмо шаблон:
При извършване на текста трябва всички специални символи заменят със съответния код:4. Снимки:
5. Фоновото изображение:
6. стилове и CSS:
Правилният вариант е:Хоризонтално и вертикално пространство
7. Развитие на писмо шаблон