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.