HTML är ett märkningsspråk för styling av webbdokument.
Bildkredit: Janka Dharmasena/iStock/Getty Images
Dreamweaver, Adobes webbutvecklingsverktyg, gör att du kan skapa alla typer av HTML-dokument, till exempel en webbsida eller e-postmeddelande. Om du är bekant med att skriva HTML-kodning kan du använda kodvyn för att skriva ett e-postmeddelande med HTML-taggar. Om du hellre vill utforma e-postmeddelandet visuellt, tillhandahåller Dreamweaver det mesta av formateringsmöjligheterna som ett ordbehandlingsprogram tillhandahåller. Du kan också välja delad vy för att se både kod- och visningsvyerna samtidigt på samma skärm.
Upprätta formatering
Steg 1
Starta Dreamweaver och välj sedan "HTML" under kolumnen Skapa ny.
Dagens video
Steg 2
Klicka på knappen "Design" högst upp för att ändra från kodvy till designvy om design inte redan är vald.
Steg 3
Klicka på knappen "Sidegenskaper..." i fönstret Egenskaper längst ner på skärmen och välj sedan standardteckensnittet och standardstorleken, färgen på texten, bakgrundsfärgen eller bilden, om någon, och sidan marginaler.
Steg 4
Välj "Länkar (CSS)" i kolumnen Kategori och välj sedan teckensnitt, storlek och färg på länkarna i meddelande baserat på musens position, såsom rollover, och länkstatus, såsom aktiv eller besökt. Välj en understruken stil för länkar i meddelandet.
Steg 5
Klicka på ":Rubriker (CSS)" i kolumnen Kategori och välj sedan teckensnitt, storlek och färg för de olika rubrikerna du vill använda i ditt meddelande.
Steg 6
Välj "Titel (Kodning)" i kolumnen Kategori, skriv in en titel för ditt dokument, till exempel meddelandets ämne och välj sedan dokumenttyp, som "HTML5" och teckenkodning, till exempel "Unicode (UTF-8)." Välj "OK" när Gjort.
Skriv och formatera meddelande
Steg 1
Skriv ditt e-postmeddelande på den tomma skärmen. Formatera texten genom att använda stilar från fönstret Egenskaper längst ned på skärmen när du skriver ditt meddelande eller efter att du har skrivit klart det.
Steg 2
Välj en rubriktyp i rutan Format i fönstret Egenskaper för att formatera text som en rubrik. Klicka på "B" för att göra texten fetstil eller "I" för att få den att visas i kursiv stil.
Steg 3
Markera text i ditt meddelande som du vill formatera som en oordnad eller ordnad lista och klicka sedan på knappen "Oordnad lista" eller knappen "Ordnad lista" i fönstret Egenskaper. Välj knappen "Blockcitat" för att formatera texten som ett blockcitat; välj knappen "Ta bort blockcitat" för att ta bort formateringen.
Steg 4
Markera text som du vill göra om till en klickbar länk och skriv sedan in URL: en för länken i rutan Länk i fönstret Egenskaper. Välj hur du vill att länken ska öppnas i rutan Målval. Välj till exempel "_blank" för att tvinga länken att öppnas i ett nytt fönster.
Steg 5
Välj "Infoga" och klicka sedan på "Tabell" för att infoga en tabell i ditt meddelande. Välj antalet rader och kolumner, ange tabellbredden och ange kanttjockleken. Ange antalet mellanslag som du vill använda för att fylla inuti tabellceller och för att göra mellanrum mellan tabellceller. Skriv en bildtext och en tabellsammanfattning om du vill inkludera dem och klicka sedan på "OK". Skriv in texten i tabellen som visas på skärmen.
Steg 6
Välj "Infoga", klicka på "Bild" och välj sedan "Bild" igen för att infoga en bild. Leta upp och välj bildfilen som ska visas. Justera placeringen av bilden i ditt meddelande genom att dra den med musen.
Förhandsgranska och överför
Steg 1
Välj "Arkiv", klicka på "Förhandsgranska i webbläsare" och välj sedan en webbläsare om du har flera webbläsare installerade för att förhandsgranska e-postmeddelandet och dess formatering. Klicka på hyperlänkarna som du inkluderade i meddelandet för att se till att de löser sig korrekt.
Steg 2
Tryck på "Ctrl-A" för att markera hela meddelandet och tryck sedan på "Ctrl-C" för att kopiera det. Byt till ditt e-postprogram, skapa ett nytt e-postmeddelande och ändra sedan meddelandetypen till "HTML" om det behövs.
Steg 3
Tryck på "Ctrl-V" för att klistra in meddelandet i ditt e-postprogram. Adressera meddelandet till dina mottagare, skriv ett ämne för meddelandet och skicka det sedan.
Dricks
Testa e-postmeddelandet genom att skicka det till dig själv innan du skickar det till andra för att säkerställa att HTML-koden tolkades och skickades korrekt.
Varning
Informationen i den här artikeln gäller Dreamweaver CC. Det kan variera något eller avsevärt med andra versioner eller produkter.
