Оформление на пощенските списъци за дебрифинг
В предишните си теми дадох само суха теория за оформлението на мейлинга и мисля, че е дошло времето за практика. Читателят няма да получи радикално нова информация относно предишни статии, но ще види как съветите, които описах по-рано, се прилагат на практика. Като пример ще използваме оформлението на пощата на фиктивна компания (аз го нарисувах сам). Можете да се запознаете с оформлението и след това с анализа на оформлението от котката.
За пропусналите
Като основа вземаме таблица от 710px с нулирани отстъпи и свиване. Както беше писано в по-ранните теми, свиването е необходимо, за да се избегне еднопикселно подреждане между клетките в MS Outlook. Ще поставим и сива рамка за рамкиране на основата.
В този пример заглавката е доста проста и текстът, използван в него, не е критичен за избор и копиране-поставяне, така че цялата заглавка може да бъде украсена с картина. Чувствителните към щракване зони (като бутона Научете повече в заглавката) се задават въз основа на маркераmap.
Тяло на писмото
Тялото на писмото ще съдържа по-сложни структури, поради простата причина, че всички отстъпи ще бъдат направени с помощта на разделители. Нека ви напомня, че blank.gif действа като разделител (еднопикселов прозрачен .gif файл - 1450821408255127738039), което гарантира желязното показване на оформлението навсякъде.
Основният код на писмото излезе малко голям, така че лежи в pastebean, но не трябва да се плашите, той е доста четим. Обемът на кода се определя от изобилието от вложени таблици.
Внимание!Друга важна забележка относно симулацията на отстъп. Gif интервалът не може да бъде по-малък от стандартнатаline-heightвисочина. Следователно в примерния код на тялото на писмото (в случай на списъци) можете да наблюдавате методанамаляване на скобата на височината. Прави се така:
За най-придирчивите. Не взех обекта за квадратната икона в списъка, затова вмъкнах обекта "диаманти". Ако искате квадрат, потърсете обект или го заменете с картина. Възможно е също да има несъответствия в стойностите на клеткитеcolspan. Понякога те изобщо не могат да бъдат посочени, но аз посочвам по навик. Несъответствията също не винаги водят до провал. Но както и да е, винаги правете тестови съобщения, преди да изпратите имейли, дори ако шаблонът е претърпял малки промени.
Синята рамка за долния колонтитул, както може би сте забелязали, вече беше посочена в основата на оформлението. За контактна информация ще изградим таблица с две колони с отстъпи на разстояние.
P.S. Не знам колко ви взривих мозъка с моите примери, но ако ви е интересно да анализирате по-сложни оформления, пишете, ние ще го направим! :)
UPD: но тук ме коригират по случая.
Hardcore conf в C++. Каним само професионалисти.