Hvordan legge til grafikk til HTML e-post nyhetsbrev

Hvordan legge til grafikk til HTML e-post nyhetsbrev


Enten du lager et nyhetsbrev for en bedrift, en klubb eller en sosial gruppe, er målet ditt å dele viktig informasjon med dine lesere. En måte å øke sannsynligheten for at informasjonen vil nå sitt mål er ved å huske det gamle ordtaket, "Et bilde er verdt tusen ord." Inkludert velvalgte og godt plassert kunst og fotografier vil gi dokumentet visuell appell. Det vil trekke leserens øyne til ordene.

Bruksanvisning

1 Velg bilder som illustrerer eller utfyller nyhetsbrev tekst. Bruk bilder som du har tatt eller original digital kunst eller velge bildefiler som er lisensfritt (se Ressurser).

2 Åpne filbehandlingen på webhotellet nettsted. Last opp bildene til nettstedet.

3 Åpne HTML editor på webhotellet nettsted. Åpne nyhetsbrev mal. Skriv eller lim inn teksten som skal vises i denne utgaven. Juster kolonnene slik at de justeres vertikalt.

4 Velg ett bilde for hver del av nyhetsbrevet. Dersom seksjonen er lang, kan du ta med to bilder.

5 For å legge til det første bildet, skriver du inn følgende kode:

<Img class = \ "N1 \" img src = \ "Newsletterpic1.jpg \" />

Bytt tekststrengen "Newsletterpic1.jpg" med det faktiske navnet på bildefilen. Ikke glem å ta med filendelsen - de tre bokstavene som følger den perioden filens navn.

6 Gjenta trinn 5 for hver bildefil du ønsker å legge til nyhetsbrevet.

7 Bla opp til det punktet i HTML-filen under \ "</ head> \" tag men før \ "<body> \" tag. Skriv inn følgende kode:

<Style>
img.N1
{
position: absolute
GÅ
venstre: 0
GÅ
top: 0
GÅ
}

Endre verdiene til "0", som representerer bildeelementer, til 200.

8 Lagre filen, og deretter teste siden i en nettleser. Undersøke plassering av den første grafiske man har angitt med hensyn til tekst det er ment å illustrere. Dersom bildet er for langt til høyre, reduseres verdien av "venstre". Hvis det ikke er langt nok til høyre, øker denne verdien. Gjør det samme med "topp" parameter.

9 Gjenta trinn 7 og 8 for hver grafikk.

Hint

  • Ved hjelp av HTML for å plassere grafikk kan være tidkrevende. Vær tålmodig. Ditt arbeid vil lønne seg i et godt designet nyhetsbrev.
  • Gi hver grafisk en unik \ "img. \" Kode.
  • Sørg for å legge til en </ style> -taggen når du har lagt til plasseringskoden for all grafikken.