Hvordan lage HTML e-post i Dreamweaver

Hvordan lage HTML e-post i Dreamweaver


Dreamweaver, Adobes Web utviklingsverktøy, kan du opprette noen form for HTML-dokument, for eksempel en webside eller e-postmelding. Hvis du er kjent med å skrive HTML-kode, kan du bruke kodevisningen til å skrive en e-post med HTML-koder. Hvis du heller vil style epost visuelt, gir Dreamweaver meste av formater evne som et tekstbehandlingsprogram gir. Du kan også velge Delt visning for å se både de etiske og displayvisninger samtidig på samme skjerm.

Bruksanvisning

etablere Formatering

1 Start Dreamweaver, og velg deretter "HTML" under Opprett ny kolonne.

2 Klikk på "Design" knappen øverst for å endre fra kodevisning Design visning hvis design ikke allerede er valgt.

3 Klikk på "Page Properties ..." knappen i vinduet Egenskaper nederst på skjermen, og velg deretter standardfont og størrelse, farge på tekst, bakgrunnsfarge eller bilde, om noen, og sidemargene.

4 Velg "Lenker (CSS)" i kolonnen Kategori, og velg deretter font, størrelse og farge på linker i meldingen basert på musen posisjon, for eksempel rollover, og koblingen status, slik som aktiv eller besøkt. Velg en understreking stil for koblinger i meldingen.

5 Klikk ": Overskrifter (CSS)" fra Kategori-kolonnen, og deretter velge skrifttype, størrelse og farge for de ulike posisjonene du vil bruke i meldingen.

6 Velg "Title (koding)" i kolonnen Kategori, skriv inn en tittel for ditt dokument, for eksempel meldingen emnet, og deretter velge dokumenttype, for eksempel "HTML5" og tegnkoding, for eksempel "Unicode (UTF-8 ). " Velg "OK" når du er ferdig.

Type og Format Message

7 Skriv inn e-postmelding på den blanke skjermen. Formater teksten ved å bruke stiler fra vinduet Egenskaper nederst på skjermen mens du skriver din melding eller etter at du er ferdig med å skrive den.

8 Velg en overskrift type i Format-boksen i vinduet Egenskaper for å style teksten som en overskrift. Klikk "B" for å gjøre teksten fet eller "I" for å gjøre det vises i kursiv.

9 Uthev tekst i meldingen som du ønsker å style som en uordnet eller sortert liste, og klikk deretter på "uordnet liste" eller "Bestilt List" -knappen i vinduet Egenskaper. Velg "Blockquote" -knappen for å formatere tekst som en blokk sitat; velg "Fjern Blockquote" -knappen for å fjerne formateringen.

10 Marker teksten du vil gjøre om til en klikkbar link, og deretter skriver du inn URL for koblingen i Link-boksen i vinduet Egenskaper. Velg hvordan du vil at linken skal åpnes i Target valgboksen. For eksempel velge "_blank" for å tvinge på linken for å åpne i et nytt vindu.

11 Velg "Sett inn" og deretter "Table" for å sette inn en tabell i meldingen. Velg antall rader og kolonner, angi tabellbredden og skriv grensen tykkelse. Skriv inn antall plasser du ønsker å bruke til puten inni tabellceller og til mellomrommet mellom tabellceller. Skriv en bildetekst og et bord Oppsummert Hvis du ønsker å inkludere dem, og klikk deretter "OK". Skriv inn teksten på tabellen som vises på skjermen.

12 Velg "Insert", klikk "Image" og velg deretter "Image" igjen for å sette inn et bilde. Finn og velg bildefil som skal vises. Juster plasseringen av bildet i meldingen ved å dra det med musen.

Forhåndsvis og Transfer

1. 3 Velg "File", klikk på "Forhåndsvisning i leser", og velg deretter en nettleser hvis du har flere nettlesere installert for å forhåndsvise e-post og formateringen. Klikk linkene du inkludert i meldingen for å kontrollere at de løse ordentlig.

14 Trykk "Ctrl-A" for å velge hele meldingen, og trykk "Ctrl-C" for å kopiere den da. Bytt til e-postprogrammet, opprette en ny e-postmelding, og deretter endre meldingstypen til "HTML", hvis det er nødvendig.

15 Trykk "Ctrl-V" for å lime inn meldingen i e-postprogrammet. Adresse meldingen til mottakerne, skriv inn et emne for meldingen, og deretter sende den.

Hint

  • Test e-post ved å sende den til deg selv før du sender det til andre personer for å sikre at HTML ble tolket og sendt riktig.
  • Informasjonen i denne artikkelen gjelder for Dreamweaver CC. Det kan variere litt eller betydelig med andre versjoner eller produkter.