.

.
.

[E-mailheader]

Sette inn e-mailadresse.

Det finnes to forskjellige måter å sette inn e-mail i HTML-dokumenter på. Det vil si; Utgangspunktet for begge er det samme, men i likhet med hyperlinker kan e-mail markeres både som ren tekst, eller med et klikkbart bilde. Det er også ganske vanlig å bruke animasjoner til dette.

Når en besøkende på din hjemmeside klikker på linken til e-mailadressen din, vil et nytt meldingsvindu i e-mailprogrammet til vedkommende åpnes. Her vil din e-mailadresse stå i «til/to»-feltet. Ganske praktisk, ikke sant?

Figur 15: Først skal vi sette inn en rent tekstbasert link til e-mailadressen. I dette tilfellet består teksten av e-mailadressen, men det kan like godt være navnet ditt eller en oppfordring om å sende mail. I nettleseren blir det seenede slik ut:

lill@littlemy.net

[Tekstbasert e-mail]
Figur 15.

[Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp]

Figur 16: I stedet for tekst kan vi også her bruke et bilde. Det finnes mange fine gif- og jpg-filer på nettet å velge mellom. Hvis du foretrekker det, kan du ta vekk rammen på samme måte som du gjør på hyperlinker. I nettleseren blir et bilde seende slik ut:

[Bildebasert e-mail]
Figur 16.

[Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp]

Figur 17: For å lede oppmerksomheten mot at du gjerne vil ha e-mail kan du bruke et animert bilde til å klikke på.

[Animert e-mail]
Figur 17.

[Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp] [Knapp]

Figur 18: Samme som over, men her har jeg tatt bort rammen. I tillegg har jeg satt inn en oppfordring om å sende e-mail. For å få teksten plassert midt på bildet, har jeg brukt en kommando som heter align="middle".

Taggene som henviser til hvilken font jeg bruker kan selvsagt tas bort om du ønsker å bruke standard font.

Send e-mail!

[Animert e-mail]
Figur 18.


Lill Berg Nordheim, 20©00