HTML er et merkespråk for styling av nettdokumenter.
Bildekreditt: Janka Dharmasena/iStock/Getty Images
Dreamweaver, Adobes webutviklingsverktøy, lar deg lage alle slags HTML-dokumenter, for eksempel en webside eller e-postmelding. Hvis du er kjent med å skrive HTML-markering, kan du bruke kodevisningen til å skrive en e-post med HTML-koder. Hvis du heller vil style e-posten visuelt, gir Dreamweaver det meste av formateringsmulighetene som et tekstbehandlingsprogram gir. Du kan også velge delt visning for å se både kode- og skjermvisning samtidig på samme skjerm.
Etabler formatering
Trinn 1
Start Dreamweaver, og velg deretter "HTML" under Opprett ny-kolonnen.
Dagens video
Steg 2
Klikk på "Design"-knappen øverst for å endre fra kodevisning til designvisning hvis design ikke allerede er valgt.
Trinn 3
Klikk på "Sideegenskaper..."-knappen i Egenskaper-vinduet nederst på skjermen, og velg deretter standard font og størrelse, fargen på teksten, bakgrunnsfargen eller bildet, hvis noen, og siden marginer.
Trinn 4
Velg "Koblinger (CSS)" i Kategori-kolonnen, og velg deretter skrifttype, størrelse og farge på lenker i melding basert på museposisjonen, for eksempel overrulling, og koblingsstatusen, for eksempel aktiv eller besøkt. Velg en understrekingsstil for lenker i meldingen.
Trinn 5
Klikk ":Headings (CSS)" fra Kategori-kolonnen, og velg deretter skrifttype, størrelse og farge for de forskjellige overskriftene du vil bruke i meldingen.
Trinn 6
Velg "Tittel (koding)" i Kategori-kolonnen, skriv inn en tittel for dokumentet, for eksempel meldingsemnet, og velg deretter dokumenttypen, for eksempel "HTML5" og tegnkodingen, for eksempel "Unicode (UTF-8)." Velg "OK" når ferdig.
Skriv inn og formater melding
Trinn 1
Skriv inn e-postmeldingen på den tomme skjermen. Formater teksten ved å bruke stiler fra Egenskaper-vinduet nederst på skjermen mens du skriver meldingen eller etter at du er ferdig med å skrive den.
Steg 2
Velg en overskriftstype i Format-boksen i Egenskaper-vinduet for å style tekst som en overskrift. Klikk "B" for å gjøre teksten fet skrift eller "I" for å få den til å vises i kursiv.
Trinn 3
Marker tekst i meldingen som du vil style som en uordnet eller ordnet liste, og klikk deretter på "Uordnet liste" eller "Ordert liste"-knappen i Egenskaper-vinduet. Velg "Blokkanførselstegn"-knappen for å formatere teksten som et blokksitat; velg "Remove Blockquote"-knappen for å fjerne formateringen.
Trinn 4
Merk teksten du vil gjøre om til en klikkbar lenke, og skriv deretter inn URL-en til koblingen i koblingsboksen i vinduet Egenskaper. Velg hvordan du vil at koblingen skal åpnes i boksen Målvalg. Velg for eksempel "_blank" for å tvinge koblingen til å åpne i et nytt vindu.
Trinn 5
Velg "Sett inn", og klikk deretter "Tabell" for å sette inn en tabell i meldingen. Velg antall rader og kolonner, spesifiser tabellbredden og angi kanttykkelsen. Skriv inn antall mellomrom du vil bruke til å fylle inn i tabellceller og for å mellomrom mellom tabellceller. Skriv inn en bildetekst og et tabellsammendrag hvis du vil inkludere dem, og klikk deretter på "OK". Skriv inn teksten i tabellen som vises på skjermen.
Trinn 6
Velg "Sett inn", klikk på "Bilde" og velg deretter "Bilde" igjen for å sette inn et bilde. Finn og velg bildefilen som skal vises. Juster plasseringen av bildet i meldingen ved å dra det med musen.
Forhåndsvisning og overføring
Trinn 1
Velg "Fil", klikk på "Forhåndsvis i nettleser", og velg deretter en nettleser hvis du har flere nettlesere installert for å forhåndsvise e-posten og dens formatering. Klikk på hyperkoblingene du inkluderte i meldingen for å sikre at de løser seg riktig.
Steg 2
Trykk "Ctrl-A" for å velge hele meldingen, og trykk deretter "Ctrl-C" for å kopiere den. Bytt til e-postprogrammet ditt, opprett en ny e-postmelding og endre meldingstypen til "HTML" om nødvendig.
Trinn 3
Trykk "Ctrl-V" for å lime inn meldingen i e-postprogrammet. Adresser meldingen til mottakerne, skriv inn et emne for meldingen og send den.
Tips
Test e-posten ved å sende den til deg selv før du sender den til andre for å sikre at HTML-en ble tolket og sendt riktig.
Advarsel
Informasjonen i denne artikkelen gjelder for Dreamweaver CC. Det kan variere noe eller betydelig med andre versjoner eller produkter.
