Newsletter o Dem creazione in HTML con l'uso delle tabelle.
Come creare una semplice Newsletter o Dem nel vecchio metodo usando le Tabelle
Prima Parte
Prima di tutto dobbiamo fare una precisazione su cosa sia una Newsletter e una Dem.
NEWSLETTER
La Newsletter è uno strumento di informazione e fidelizzazione. La definizione preventiva
dell’obiettivo da raggiungere è importante: tutte le scelte di comunicazione, inerenti gli aspetti
organizzativi e di gestione, dipenderanno dal vantaggio e dallo scopo che l’azienda desidera ottenere.
La grafica, lo stile del testo, i contenuti inseriti, la periodicità, sono elementi variabili da adattare
alle proprie esigenze e non possono prescindere dallo scopo fissato e dall’immagine che l’azienda
desidera trasmettere.
DEM
La DeM (Direct email Marketing) è uno strumento fondamentale del marketing mix per l’azienda
che intende puntare sul mercato dei media digitali. A differenza della newsletter la DeM punta
ad uno scopo più preciso, portando con sé un argomento o un’informazione mirata ad un target
esclusivo, selezionata nel Data Base aziendale. Viene utilizzata come biglietto da visita referenziato,
su un’utenza già acquisita, conosciuta e ben selezionata (addetti ai lavori, architetti, opinion leader,
press, etc.); essa può veicolare una particolare promozione, un Save the Date o invito ad
un evento, una comunicazione mirata sui punti vendita o una riunione con la forza vendita.
Detto ciò la programmazione e semplice per entrambi le combinazioni.
Oggi vedremo solo il vecchio metodo di scrittura HTML con pochissimo CSS, visto che viene interpretato diversamnte dai vari client di posta elettronica e spesso causa di non pochi problemi.
Visto anche la situazione di digitalizzazione Italiana rimasta in molte realtà al sistema operativo XP molto buono per l’epoca ma oggi obsoleto.
Quindi per evitare problemi di compatibilità andremo a strutturare il codice HTML come si faceva nelle sue primissime edizioni:
XHTML 1.0 Transitional.
(questo dare la massima compatiblità)
In un secondo momento andremo a verificare tutta la nuova struttura in DIV e Responsive, più moderna e coplessa.
Procederemo quindi a usare le tabelle non i div, usando le proprietà delle tabelle stesse, facendo attenzione alla compatibilità nel mobile. (useremo una misura standard di 650px di larghezza)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fac - simile</title>
</head>
<body>
<table width="650" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<!-- Menu -->
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<!-- Fine Menu -->
<!-- Immagine -->
<tr>
<td height="353" colspan="5"></td>
</tr>
<!-- Immagine -->
<tr>
<!-- Footer info -->
<td> </td>
<td colspan="3"></td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
Premetto questa è una piccola struttura per piccole promozioni, possono essere molto più complesse.
Il concetto però rimane sempre lo stesso, scrivere meno codice per avere il massimo risultato, anche perchè più il file di invio sarà pesante e più il servizio di spedizione sarà contro producente.
TUtto questo oggi sembra obsolote visto i vari servizi che offorno il tutto è servito, Template Responsive, nussuna conoscenza di codice e tanto altro.
Ma è giusto sapere e conoscere sempre prima la Storia e poi l'evulozione per comprendere al meglio il tipo di lavoro che si andrà a strutturare.
Continua...
