Facebook Google+ Twitter

Jak ugryźć HTML w programie pocztowym?

  • Źródło: Gość dnia
  • Data dodania: 2010-09-08 10:43

Rośnie liczba programów i serwisów służących do obsługi poczty elektronicznej. O ile różnorodność sprzyja przy wyborze oferty, o tyle skomplikowane zasady rządzące wysyłką wiadomości HTML to nieraz twardy orzech do zgryzienia...

Tomasz Pakulski, specjalista od rozwiązań służących efektywnej komunikacji bezpośredniej podpowiada, jak przygotować szablon HTML dla wiadomości e-mail, aby zagwarantować jej prawidłowe wyświetlenie we wszystkich programach pocztowych.

W czym tkwi problem?

Producenci prześcigają się oferując całe mnóstwo aplikacji desktopowych. Mamy takie programy, jak: Windows Live, Microsoft Outlook, Outlook Express, The Bat, Thunderbird, Lotus Notes, a także aplikacje webowe (tzw. Webmaile), czyli: Gmail, Onet, WP, Interia, O2, AOL, YAHOO i wiele innych.

Dość często bywa, że ta sama wiadomość zostaje w różny sposób wyświetlona w zależności od używanej aplikacji do odbioru poczty. Fakt ten wynika z odmiennej interpretacji kodu HTML, XHTML oraz CSS. Co więcej, na tym polu zawodzą nawet najbardziej znane marki, jak: Gmail, Lotus czy rodzina programów Outlook (w tym najpopularniejsze wersje 2003 i 2007). Warto podkreślić, że dyskusja na temat standardów sieciowych jest jednym z najczęściej poruszanych tematów w świecie biznesu internetowego, jednak optymalnych rozwiązań wciąż nie widać.

Po pierwsze - kodowanie

Rozpoczynając projektowanie szablonu HTML dla wiadomości e-mail najlepiej zastosować standard HTML 4.01 zamiast, coraz popularniejszego, XHTML.

Generalnie polskie znaki diakrytyczne mogą być kodowane w jednym z trzech standardów - Windows-1250, ISO-8859-2 (tzw. Latin-2) lub UTF-8. Na obecną chwilę najlepsze możliwości daje kodowanie w standardzie ISO-8859-2. Dlaczego? Ponieważ bezproblemowo interpretuje go największa liczba klientów pocztowych dostępnych na rynku. Dla porównania - starsze aplikacje nie obsłużą nowego UTF-8, a Windows-1250 poprawnie wyświetli się wyłącznie w programach z rodziny Microsoft.

Po drugie - postaw na klasykę

Wspomniana na początku różnorodność aplikacji pocztowych nie sprzyja stosowaniu nowoczesnych rozwiązań przy projektowaniu szablonów e-mail. Dlatego do określenia wyglądu wiadomości najlepiej zamiast stylów czy warstw zastosować tabele, choć te pierwsze stają się coraz bardziej popularne przy projektowaniu stron internetowych. Choć przestarzałe, tabele pozwolą na poprawne wyświetlanie treści e-maila w wielu programach pocztowych - a o to właśnie chodzi.

Tabele oraz komórki powinny mieć stałą, określoną szerokość - optymalna to 500-600 pikseli dla całej wiadomości. Większa szerokość sprawi, że w niektórych programach desktopowych lub Webmailach e-maile będą niewidoczne w całości, co w przypadku przewijania poziomego negatywnie wpłynie na czytelność danego e-maila. Wysokość wiadomości nie musi być limitowana, ponieważ większość Internautów i tak przyzwyczajona jest do paska przesuwania pionowego.

Do wyśrodkowania kreacji zaleca się stosowanie atrybutu align=”center” w tabeli. Z kolei marginesy można określić przy zastosowaniu znaczników cellMargin. Należy wiedzieć, że niektóre programy do odbioru poczty nie obsługują atrybutów cellpadding i cellspacing, stąd bezpieczniej jest zrezygnować z ich stosowania. Absolutnie niedozwolone jest pozycjonowanie tekstu przy pomocy funkcji position: absolute. Odradza się również używanie atrybutu rowspan dla znacznika td służącego łączeniu wierszy w kolumnie. Wiele programów nie poradzi sobie z tak przygotowanym kodem, co spowoduje błędne wyświetlenie wiadomości e-mail - alternatywą będzie tworzenie tabel wewnętrznych.

Stosowanie stylów jest jednym z najbardziej zawodnych elementów przy przygotowywaniu szablonu HTML. Dzieje się to dlatego, że niemal każda aplikacja, czy to desktopowa, czy webowa, interpretuje je na swój własny sposób - zazwyczaj odmienny od zamierzonego. Warto wspomnieć tu chociażby o Webmailu Interia, który ich w ogóle nie obsługuje.

Należy też pamiętać o unikaniu definiowania stylów w sekcji HEAD, gdyż większość Webmaili pomija bądź usuwa tę część kodu wraz ze znacznikiem BODY.

W przygotowywanym projekcie e-maila najlepiej stosować standardowe czcionki, takie jak np.: Verdana, Tahoma, Arial lub Times New Roman z określeniem ich wielkości np.: Przykładowy tekst. Takie rozwiązanie zapewni prawidłowe wyświetlanie tekstu w większości programów pocztowych.

Wybrane dla Ciebie:




Komentarze (0):

Jeśli chcesz dodawać komentarze, musisz się zalogować.

Najpopularniejsze

Copyright 2017 Wiadomosci24.pl

Korzystamy z cookies i local storage.

Bez zmiany ustawień pliki są zapisywane na urządzeniu. Więcej przeczytasz tutaj.