Note sulla programmazione dei propri modelli

Nota di traduzione: questo documento è stato tradotto utilizzando un software di traduzione automatica per fornire al lettore una comprensione di base del contenuto. Nonostante gli sforzi ragionevoli per fornire una traduzione accurata, non possiamo garantire l'accuratezza. In caso di dubbi sull'accuratezza, si prega di fare riferimento alla versione tedesca.

 

In questo articolo elenchiamo vari suggerimenti per la programmazione dei modelli su. 
Ne hai bisogno solo se stai programmando tu stesso un modello completamente personalizzato desidera. 

Note generali

  1. La larghezza dell'e-mail dovrebbe essere compresa tra 600 e 700 pixel. I modelli CleverReach sono progettati in modo ottimale per una larghezza di 600 pixel.

  2. Progettare l'e-mail in modo che possa essere letta anche senza immagini può se le immagini sono bloccate o non scaricate dai client di posta elettronica dovrebbe essere.

  3. Assegna a tutte le immagini una larghezza (WIDTH) e un'altezza (HEIGHT) fisse.

  4. non usare Grafica di sfondo. Alcuni client di posta elettronica (come Outlook 2007) hanno problemi a visualizzare questi grafici.

Note tecniche

  1. Non utilizzare layer div, utilizza tabelle (CleverReach e Drag & drop template esclusi). Assolutamente no Usa livelli div posizionati.

  2. Se vengono utilizzati stili CSS, dovrebbero essere incorporati se possibile che si terrà. Outlook 2007 e 2010, ad esempio, possono farlo solo in misura limitata Interpreta gli stili CSS dichiarati nella testa. Fondamentalmente Tuttavia, gli stili CSS dovrebbero essere evitati il ​​più possibile, soprattutto Selettori di classe e ID (modelli CleverReach esclusi). Non c'è modo In questo caso, dovrebbero essere inclusi file CSS esterni.

  3. Le specifiche di una tabella (WIDTH) devono essere nel 'TD' e non in Tavola. Inoltre, è necessario specificare le latitudini direttamente nell'attributo TD define, non come uno stile CSS.

  4. Evita di usare rowspan all'interno delle tabelle, funziona Lo fai con le tabelle nidificate.

  5. Evita di posizionare immagini con float se possibile. Soprattutto stili in linea con galleggiante ad es. B. completamente ignorato da Outlook 2007 e 2010.

  6. Usa lo stile in linea display:block quando sei nel tuo I modelli vogliono allineare le immagini (quindi spazi errati impedito nel layout).

  7. Non utilizzare le percentuali per le informazioni sull'altezza, in particolare per le immagini (esclusi i modelli reattivi).

  8. Mantenere i nomi dei collegamenti brevi, altrimenti la larghezza della tabella aumenterà / adatta automaticamente la cella del nome del collegamento.

  9. In nessun caso utilizzare programmi di conversione che creare documenti HTML da file grafici. Il codice HTML generato causerà problemi di layout con molti client di posta elettronica.

  10. I nomi dei file immagine utilizzati devono avere una designazione semplice. Nomi come "bild_1900_x_1600.jpg" possono essere utilizzati con alcuni programmi di posta elettronica visualizzato in modo errato o non visualizzato affatto. Dovresti anche cliccare qui Fai a meno degli spazi e usa solo le designazioni delle immagini Lettere minuscole (ad es. logo.jpg).

  11. Non memorizzare <title> nel modello. Giorno. Questo lo farà impostato automaticamente dal sistema durante l'invio attraverso l'oggetto.

  12. Astenersi dall'utilizzare grafica animata (ad es. funzione roll-over o file gif animati). Outlook ad es. B. supporta questa funzione generalmente no.