Mailingi HTML. Specyfikacja techniczna

Podobne dokumenty
Specyfikacja techniczna dot. mailingów HTML

Zawartość specyfikacji:

I. Dlaczego standardy kodowania mailingów są istotne?

HTML (HyperText Markup Language) hipertekstowy język znaczników

Specyfikacja mailingu GG Network

STANDARDY KODOWANIA MAILINGÓW

Specyfikacja standardów technicznych

MAILING REKLAMOWY DO BAZY UŻYTKOWNIKÓW INTERAKTYWNIE.COM. Oferta reklamowa

Laboratorium 1: Szablon strony w HTML5

Jak zaprojektować skuteczny mailing. Poradnik i specyfikacja.

Specyfikacja techniczna produktów reklamowych serwisów Trader.com (Polska)

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

HTML (HyperText Markup Language)

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

Specyfikacja techniczna produktów reklamowych portali Grupy Cogito Sp. z o.o.

Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

za pomocą: definiujemy:

Pierwsza strona internetowa

Wprowadzenie do języka HTML

Responsywne strony WWW

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

I. Formatowanie tekstu i wygląd strony

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

Projektowanie aplikacji internetowych. CSS w akcji

Specyfikacja techniczna kreacji HTML5

Tworzenie stron internetowych w kodzie HTML Cz 5

Krok 1: Stylizowanie plakatu

Języki programowania wysokiego poziomu. CSS Wskazówki

Tworzenie stron internetowych w oparciu o język HTML

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

Budowa dokumentu HTML 5

Standardy kreacji GoldenAd

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Dokument hipertekstowy

Programowanie WEB PODSTAWY HTML

URL:

Zdefiniowane style mogą określać układ treści na stronie i sposób jej formatowania np. kolor czcionki, pogrubienia, tło tabel, rysunków itp.

Widżety KIWIPortal. tworzenie umieszczanie na stronach internetowych opcje zaawansowane. Autor: Damian Rebuś Data: Wersja: 1.

Specyfikacja Techniczna Produktów Reklamowych esky.pl

2 Podstawy tworzenia stron internetowych

Sierpień 2015 rozwiązanie plik: index.htlm

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

HTML podstawowe polecenia

Specyfikacja techniczna kreacji reklamowych

Znaczniki języka HTML

Ćwiczenie 9 - CSS i wstawianie CSS

Wykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets)

Dokumentacja 2SMS

Specyfikacja techniczna produktów reklamowych serwisów Trader.com (Polska)

Zastosowanie kaskadowych arkuszy stylów (CSS - Cascading Style Sheets) w technologii JavaServer Faces

Specyfikacja reklamy tekstowej i bannerowej na portalu GazetaPraca.pl

Odsyłacze. Style nagłówkowe

Proste kody html do szybkiego stosowania.

TWORZENIE STRON WWW. Zasady opisu stron w języku HTML:

CSS - layout strony internetowej

XHTML Budowa strony WWW

29. Poprawność składniowa i strukturalna dokumentu XML

ZAWSEZ PAMIĘTAMY O KOLJENOŚĆI OTWIERANIA I ZAMYKANIA ZNACZNIKÓW

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Jeśli dodamy jakieś parametry stylów dla poszczególnych DIV-ów, np.: <div style="float: left">pierwsza treść, zdjęcie, tabele lub cokolwiek </div>

specyfikacja techniczna produktów reklamowych

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

Dostępne nośniki reklamowe

SterBox. Przygotowanie Strony Użytkownika

SPECYFIKACJA TECHNICZNA

Elementarz HTML i CSS

Kaskadowe arkusze stylów (CSS)

Języki programowania wysokiego poziomu. HTML cz.2.

plansoft.org Zmiany w Plansoft.org

Elementy div i style CSS w praktyce

Witryny i aplikacje internetowe

Kompresja stron internetowych

Specyfikacja techniczna produktów reklamowych serwisów Trader.com (Polska)

Zawartość. Specyfikacja techniczna form reklamowych oferowanych w Portalu Ekologia.pl Wersja:


Specyfikacja Techniczna Reklam. emitowanych na serwisie

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów.

SPECYFIKACJA TECHNICZNA

Zadanie utworzenie szablonu kalkulatora

HTML5 Nowe znaczniki header nav article section aside footer

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

Przykład integracji kalkulatora mbank RATY na platformie IAI

Alfabetyczna lista stylów

Specyfikacja techniczna form reklamowych portalu maluchy.pl. Specyfikacja techniczna form reklamowych - 1 -

AUDYT DOSTĘPNOŚCI STRONY INTERNETOWEJ

Strona Główna & Kategorie

Moduł IV Internet Tworzenie stron www

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

Specyfikacja techniczna reklam na portalu. Konpolski.pl

Tworzenie Stron Internetowych. odcinek 5

2. MATERIAŁ NAUCZANIA

Jednostki miar stosowane w CSS

Spis treści CZĘŚĆ I JĘZYK SIECI 17. Wstęp 13. Rozdział 1 Wprowadzenie do HTML5 19. Rozdział 2 Znajomość znaczników HTML5 37

Marketing Internetowy (cz. 13) - marketing cz. II

Uwaga w niektórych przeglądarkach różnice mogą być niewidoczne zależy to od przeglądarki i ew. od jej ustawień.

Wykład 2 TINT. XHTML tabele i ramki. Zofia Kruczkiewicz

Transkrypt:

Mailingi HTML Specyfikacja techniczna

Informacje wstępne Grupa Morizon S.A. zastrzega sobie prawo do odmowy emisji materiałów reklamowych bez podania przyczyny, w szczególności gdy ich jakość techniczna nie odpowiada specyfikacji lub gdy treść albo forma są niezgodne z prawem, naruszają dobre obyczaje lub dobra osobiste, bądź są sprzeczne z linią programową lub interesem Zleceniobiorcy. Grupa Morizon S.A. nie ponosi odpowiedzialności finansowej w przypadku, gdy klient nie dostarczy poprawionej wersji kreacji lub gdy nie spełnia ona wymogów. Usługa przygotowania lub poprawy kreacji to koszt 400 zł netto.

Informacje wstępne Dostarczanie kreacji Materiały do wysyłki mailingu muszą być odpowiednio dostarczone nie później niż na 2-3 dni robocze przed datą rozpoczęcia emisji. W przypadku gdy materiały zostały dostarczone później niż to określono, Grupa Morizon S.A. zastrzega sobie prawo przesunięcia daty realizacji emisji o czas opóźnienia. Grupa Morizon S.A. nie ponosi odpowiedzialności finansowej w przypadku, gdy klient nie dostarczy poprawionej wersji kreacji lub gdy nie spełnia ona wymogów. Kreację należy wysyłać e-mailem na adres opiekuna handlowego.

Informacje wstępne Oprócz materiałów składowych kreacji należy dodać: - nadawcę: Domy.pl dla (nazwa klienta zlecającego); - adres zwrotny wydawcy; - temat; - stopkę (sformatowany tekst bez niepotrzebnych znaków, enterów, spacji i adresów e-mail, na które ma być wysłany test mailingu). Plik HTML powinien poprawnie wyświetlać się w przeglądarce jako strona internetowa.

Zasady prawidłowego tworzenia mailingów Nazewnictwo materiałów Materiały do mailingu (pliki) powinny być nazywane według następującego schematu: reklamodawca/nazwakampanii_mailing.rozszerzenie, np.: samsung_note_mailing.zip Nazwy plików nie mogą zawierać spacji ani polskich znaków. Kreacja musi być zakodowana za pomocą tabelek TABLE ; nie używamy do tworzenia mailingów tagów DIV.

Zasady prawidłowego tworzenia mailingów Poprawne nazewnictwo gotowych mailingów: Kreacja (plik HTML oraz pozostałe pliki) powinna być spakowana do archiwum z rozszerzeniem.zip Nazwa pliku z kreacją HTML indeks.html Kreacja powinna mieć schemat np.: empik20090701_v1 W przypadku nadsyłania poprawek (kolejnych wersji kreacji) nazwa powinna wyglądać następująco: empik20090701_v2, empik20090701_v3 itp.

Zasady prawidłowego tworzenia mailingów Szablon (HTML): Materiał musi być pełnym kodem HTML zgodnym z W3C.D. HTML powinien zawierać poniższą konstrukcję: <html> <head> <meta http-equiv= Content-Type content= text/html; charset=utf-8 > <style type= text/css > img {display-.block; } body {padding:0/margin:0} </style> </head> <body> (właściwy kod strony osadzony w tabelkach html) </body> </html Kodowanie mailingu: Do poprawnego wyświetlania kreacji w języku polskim w klientach pocztowych, wymagane jest używanie kodowania: UTF-8.

Zasady prawidłowego tworzenia mailingów Stylowanie mailingu (CSS): Dopuszczalne jest używanie wewnętrznych styli CSS. Taki kod umieszczamy wewnątrz dokumentu HTML w odniesieniu do konkretnego elementu HTML np.: <span style= font-weight:bold >Wyboldowana treść</span> Możemy również dodać styl dla całego mailingu, np.: <head>d <style type text/css >B (kod css)0 </style>d </head> Grafka jako tło mailingu: Nie należy stosować znaczników: background-repeat, background:url, background=...jpg/gif/png, oraz bacgroundimage w kodzie CSS, gdyż taka konstrukcja nie gwarantuje wyświetlenia tła w różnych klientach pocztowych, co więcej może powodować błędne wyświetlanie całego mailingu.

Zasady prawidłowego tworzenia mailingów Niedopuszczalnie jest: - używanie właściwości position; - używanie właściwości fiat; - używanie właściwość line-height; - używanie jednostki % do określania wielkości i szerokości wyjątkiem jest główna tabela w przypadku nadawania jej szerokości (zalecane podawanie wielkości w px - piksele); - używanie tagu FONT oraz jego właściwości; - defilowanie wielkości fontu w innych jednostkach niż px (piksele).

Kompresja kodu HTML Szerokość mailingu: Zalecana szerokość mailingów to max 600 px: <table width= 600 border= 0 cellspacing= 0 cellpadding= 0 > (ciało tabeli) </table> Struktura mailingu: Wszystkie pliki (w tym index.html oraz obrazki) powinny znajdować się bezpośrednio w jednym folderze. Należy wystrzegać się grupowania obrazków w podfolderach, np: img.

Kompresja kodu HTML Linkowanie: Linki powinny mieć parametr href oraz target z wartością _blank. Linkowanie powinno być stosowane do konkretnych obrazków lub tekstów, a nie do całych komórek lub tabel, np.: <a href= http://www.adres-strony.pl target= _blank >D <img src= # >D </a> Należy używać bezpiecznych fontów: - Georgia, serif - Times Nwe Roman, Times, serif - Arial, sans-serif - Helvetica, sans-serif - Tahoma, sans-serif - Veranda, sans-serif

Waga kreacji Przygotowany materiał nie może zawierać wymienionych elementów: nazwa szerokość waga format Mailing HTML max. 600 px do 60 kb *.HTML JAVASCRIPT, IFRAME, FLASH, FORM, INPUT, oraz MAP. Uwaga: Materiały przesłane w formacie.doc (lub pokrewnym) nie będą obsługiwane. Kod HTML powinien być odpowiednio sformatowany, tzn. posiadać wcięcia, np.: <html> <headx/head> <body> <table...> </body> </html> Błędny zapis mailingu to np.: <html><headx/head><body><table...

Błędy w mailingach /walidacja kodu Ustawienie grafik o wysokości lub szerokości 1px (tzw. spacery) i rozciągnięcie jej przy pomocy parametrów width lub height będzie powodować błędne nadanie rozmiaru w programie Outlook2007. Elementy blokowe w HTML (np.: w programie Outlook2007) mają domyślny odstęp (padding). Zaleca się zerowanie ustawień w globalnych stylach: body {padding: 0;margin: 0 ;} Globalnie dla grafik w kodzie ustawiamy: img {display : błock ;} Brak tego wpisu powoduje powstanie (pixelowych) odstępów w Outlook Express. Wszystkie grafiki powinny zawierać zerowe obramowanie ustawione w postaci border= 0 : <img src= grafika.jpg border= 0 >

Błędy w mailingach /walidacja kodu Przygotowane materiały odbierane są na różnych programach pocztowych. Staramy się, aby każdy bez względu na używany program pocztowy widział mailing reklamowy poprawnie, zgodnie z materiałem źródłowym. W związku z tym przedstawiamy listę najpopularniejszych programów i ich zgodność z niektórymi właściwościami HTML. Na stronie: http://www.campaignmonitor.com/css/ znajduje się tabela przedstawiająca popularne programy pocztowe i ich możliwość interpretacji właściwości HTML. Pokazuje ona, które właściwości języka HTML nie będą poprawnie interpretowane. Walidator kodu HTML: http://validator.w3.org/ Walidator stylów CSS: http://jigsaw.w3.org/css-validator/

Kontakt Grupa Morizon S.A. e-mail: reklama@morizon.pl tel.: +48 22 848 40 65 wewn. 192 lub 139 NOWEINWESTYCJE PL