Kako stvoriti HTML e-poštu u Dreamweaveru

HTML kodovi

HTML je označni jezik za oblikovanje web dokumenata.

Zasluga slike: Janka Dharmasena/iStock/Getty Images

Dreamweaver, Adobeov alat za razvoj weba, omogućuje vam stvaranje bilo koje vrste HTML dokumenta, kao što je web stranica ili poruka e-pošte. Ako ste upoznati s pisanjem HTML oznaka, možete koristiti prikaz koda za upisivanje e-pošte s HTML oznakama. Ako biste radije stilizirali e-poštu vizualno, Dreamweaver pruža većinu mogućnosti oblikovanja koje pruža program za obradu teksta. Također možete odabrati Split pogled da biste vidjeli i kod i prikaz prikaza istovremeno na istom zaslonu.

Uspostavite formatiranje

Korak 1

Pokrenite Dreamweaver, a zatim odaberite "HTML" u stupcu Create New.

Video dana

Korak 2

Kliknite gumb "Dizajn" na vrhu za promjenu iz prikaza koda u prikaz dizajna ako dizajn već nije odabran.

Korak 3

Kliknite gumb "Svojstva stranice..." u prozoru Svojstva pri dnu zaslona, ​​a zatim odaberite zadani font i veličina, boja teksta, boja pozadine ili slike, ako postoji, te stranica margine.

4. korak

Odaberite "Veze (CSS)" u stupcu Kategorija, a zatim odaberite font, veličinu i boju veza u poruka na temelju položaja miša, kao što je prevrtanje, i statusa veze, kao što je aktivna ili posjećena. Odaberite stil podvlačenja za veze u poruci.

Korak 5

Kliknite ":Zaglavlja (CSS)" u stupcu Kategorija, a zatim odaberite font, veličinu i boju za različite naslove koje želite koristiti u svojoj poruci.

Korak 6

Odaberite "Naslov (kodiranje)" u stupcu Kategorija, upišite naslov za svoj dokument, kao što je predmet poruke i zatim odaberite vrstu dokumenta, kao što je "HTML5" i kodiranje znakova, kao što je "Unicode (UTF-8)". Odaberite "OK" kada učinjeno.

Upišite i oblikujte poruku

Korak 1

Upišite svoju poruku e-pošte na prazan zaslon. Formatirajte tekst primjenom stilova iz prozora Svojstva pri dnu zaslona dok upisujete poruku ili nakon što ste je dovršili.

Korak 2

Odaberite vrstu naslova u okviru Format prozora Svojstva da biste stilizirali tekst kao zaglavlje. Kliknite "B" da bi tekst bio podebljan ili "I" da bi se pojavio u kurzivu.

Korak 3

Označite tekst u svojoj poruci koji želite stilizirati kao nesređeni ili uređeni popis, a zatim kliknite gumb "Nesređeni popis" ili "Uređeni popis" u prozoru Svojstva. Odaberite gumb "Blockquote" za formatiranje teksta kao blok citata; odaberite gumb "Ukloni blok citat" da biste uklonili oblikovanje.

4. korak

Označite tekst koji želite pretvoriti u vezu na koju se može kliknuti, a zatim upišite URL za vezu u okvir Veza u prozoru Svojstva. Odaberite kako želite da se veza otvori u okviru za odabir cilja. Na primjer, odaberite "_blank" da biste prisilili da se veza otvori u novom prozoru.

Korak 5

Odaberite "Umetni", a zatim kliknite "Tablica" da biste umetnuli tablicu u svoju poruku. Odaberite broj redaka i stupaca, odredite širinu tablice i unesite debljinu obruba. Upišite broj razmaka koje želite koristiti za umetanje unutar ćelija tablice i za razmak između ćelija tablice. Upišite naslov i sažetak tablice ako ih želite uključiti, a zatim kliknite "U redu". Unesite tekst u tablicu koja se pojavljuje na ekranu.

Korak 6

Odaberite "Insert", kliknite "Image", a zatim ponovno odaberite "Image" da biste umetnuli sliku. Pronađite i odaberite slikovnu datoteku za prikaz. Podesite položaj slike u svojoj poruci tako da je povučete mišem.

Pregled i prijenos

Korak 1

Odaberite "Datoteka", kliknite "Pregled u pregledniku", a zatim odaberite preglednik ako imate instalirano više preglednika za pregled e-pošte i njezino oblikovanje. Kliknite hiperveze koje ste uključili u poruku kako biste bili sigurni da su ispravno razriješene.

Korak 2

Pritisnite "Ctrl-A" da odaberete cijelu poruku, a zatim pritisnite "Ctrl-C" da je kopirate. Prijeđite na program za e-poštu, stvorite novu poruku e-pošte, a zatim promijenite vrstu poruke u "HTML", ako je potrebno.

Korak 3

Pritisnite "Ctrl-V" da biste zalijepili poruku u svoj program za e-poštu. Adresirajte poruku svojim primateljima, upišite predmet poruke, a zatim je pošaljite.

Savjet

Testirajte e-poštu tako što ćete je poslati sebi prije nego što je pošaljete drugim osobama kako biste bili sigurni da je HTML ispravno protumačen i poslan.

Upozorenje

Informacije u ovom članku odnose se na Dreamweaver CC. Može se neznatno ili značajno razlikovati s drugim verzijama ili proizvodima.