Cum se creează e-mail HTML în Dreamweaver

Codurile HTML

HTML este un limbaj de marcare pentru stilarea documentelor Web.

Credit imagine: Janka Dharmasena/iStock/Getty Images

Dreamweaver, instrumentul de dezvoltare Web al Adobe, vă permite să creați orice tip de document HTML, cum ar fi o pagină Web sau un mesaj de e-mail. Dacă sunteți familiarizat cu scrierea de markup HTML, puteți utiliza vizualizarea Cod pentru a introduce un e-mail cu etichete HTML. Dacă preferați să stilați e-mailul vizual, Dreamweaver oferă cea mai mare parte a capacității de formatare pe care le oferă un program de procesare de text. De asemenea, puteți selecta vizualizarea Split pentru a vedea simultan vizualizările Cod și Afișare pe același ecran.

Stabiliți formatarea

Pasul 1

Lansați Dreamweaver, apoi selectați „HTML” în coloana Creare nou.

Videoclipul zilei

Pasul 2

Faceți clic pe butonul „Design” din partea de sus pentru a trece de la vizualizarea Cod la vizualizarea Design dacă Designul nu este deja selectat.

Pasul 3

Faceți clic pe butonul „Proprietăți pagină...” din fereastra Proprietăți din partea de jos a ecranului, apoi selectați fontul și dimensiunea implicite, culoarea textului, culoarea de fundal sau imaginea, dacă există, și pagina marginile.

Pasul 4

Alegeți „Legături (CSS)” în coloana Categorie, apoi selectați fontul, dimensiunea și culoarea linkurilor din mesaj bazat pe poziția mouse-ului, cum ar fi rollover, și starea legăturii, cum ar fi activ sau vizitat. Alegeți un stil de subliniere pentru linkurile din mesaj.

Pasul 5

Faceți clic pe „:Titturi (CSS)” din coloana Categorie, apoi alegeți fontul, dimensiunea și culoarea pentru diferitele titluri pe care doriți să le utilizați în mesajul dvs.

Pasul 6

Selectați „Titlu (Codificare)” în coloana Categorie, introduceți un titlu pentru documentul dvs., cum ar fi subiectul mesajului și apoi alegeți tipul de document, cum ar fi „HTML5” și codarea caracterelor, cum ar fi „Unicode (UTF-8).” Selectați „OK” când Terminat.

Tastați și formatați mesajul

Pasul 1

Introduceți mesajul de e-mail pe ecranul gol. Formatați textul aplicând stiluri din fereastra Proprietăți din partea de jos a ecranului pe măsură ce introduceți mesajul sau după ce ați terminat de tastat.

Pasul 2

Selectați un tip de antet în caseta Format din fereastra Proprietăți pentru a stila textul ca antet. Faceți clic pe „B” pentru a face textul cu caractere aldine sau pe „I” pentru a-l face să apară cu caractere cursive.

Pasul 3

Evidențiați textul din mesaj pe care doriți să îl stilați ca o listă neordonată sau ordonată, apoi faceți clic pe butonul „Lista neordonată” sau pe butonul „Lista ordonată” din fereastra Proprietăți. Alegeți butonul „Blockquote” pentru a formata textul ca un bloc citat; alegeți butonul „Eliminați citatul blocat” pentru a elimina formatarea.

Pasul 4

Evidențiați textul pe care doriți să îl transformați într-un link pe care se poate face clic, apoi introduceți adresa URL a linkului în caseta Link din fereastra Proprietăți. Selectați modul în care doriți să se deschidă linkul în caseta de selecție țintă. De exemplu, alegeți „_blank” pentru a forța deschiderea linkului într-o fereastră nouă.

Pasul 5

Selectați „Inserați”, apoi faceți clic pe „Tabel” pentru a insera un tabel în mesajul dvs. Selectați numărul de rânduri și coloane, specificați lățimea tabelului și introduceți grosimea marginii. Introduceți numărul de spații pe care doriți să le utilizați pentru a completa în interiorul celulelor tabelului și pentru a spațiul dintre celulele tabelului. Tastați o legendă și un rezumat de tabel dacă doriți să le includeți, apoi faceți clic pe „OK”. Introduceți textul în tabelul care apare pe ecran.

Pasul 6

Selectați „Inserare”, faceți clic pe „Imagine”, apoi selectați din nou „Imagine” pentru a insera o imagine. Găsiți și selectați fișierul imagine de afișat. Ajustați plasarea imaginii în mesajul dvs. trăgând-o cu mouse-ul.

Previzualizare și transfer

Pasul 1

Selectați „Fișier”, faceți clic pe „Previzualizare în browser”, apoi alegeți un browser dacă aveți mai multe browsere instalate pentru a previzualiza e-mailul și formatarea acestuia. Faceți clic pe hyperlinkurile pe care le-ați inclus în mesaj pentru a vă asigura că se rezolvă corect.

Pasul 2

Apăsați „Ctrl-A” pentru a selecta întregul mesaj, apoi apăsați „Ctrl-C” pentru a-l copia. Comutați la programul dvs. de e-mail, creați un nou mesaj de e-mail, apoi schimbați tipul de mesaj la „HTML”, dacă este necesar.

Pasul 3

Apăsați „Ctrl-V” pentru a lipi mesajul în programul dvs. de e-mail. Adresați mesajul destinatarilor, introduceți un subiect pentru mesaj, apoi trimiteți-l.

Bacsis

Testați e-mailul trimițându-l dvs. înainte de a-l trimite altor persoane pentru a vă asigura că HTML-ul a fost interpretat și trimis corect.

Avertizare

Informațiile din acest articol se aplică pentru Dreamweaver CC. Poate varia ușor sau semnificativ cu alte versiuni sau produse.