Kako stvoriti HTML stranicu: upute korak po korak

Mailing liste važan su dio marketinških kampanja. Izrada e-pošte za njih uvelike podsjeća na razvoj jednostavnih web stranica. Istodobno, treba uzeti u obzir i neke važne razlike. Konkretno, slanje HTML listova bit će djelotvorno samo ako su ispravno formulirane u tehničkom smislu, a njihov sadržaj i stil odgovaraju vašim ciljevima. U isto vrijeme, vjeruje se da se nespecijalizirani ne mogu nositi s tim zadatkom. Ovaj članak sadrži detaljne upute za pisanje i slanje HTML stranice korak po korak.


Značajke stvaranja

Moderna osoba prima prosječno 5-6, a ponekad i do 10 e-poruka dnevno. To znači da imate manje od sekunde da privučete pozornost primatelja prije nego što ode čitati takvu prepisku. Inače će vam slanje HTML-stranica biti potpuno neučinkovito, a vi samo gubite vrijeme uzalud. Jedna od nijansi koje povećavaju vaše šanse za privlačenje pozornosti potencijalnih kupaca ili drugih ciljnih publika je stvaranje korespondencije prilagođene mobilnim uređajima. Uostalom, većina onih koji su upućeni poštom vjerojatno ih koriste češće od stolnih računala i prijenosnih računala. U tu svrhu, primjerice, "osjetljivi dizajn, mogu se lako prilagoditi veličini zaslona.

Što bi trebao biti predložak pisma

Prilikom pripreme dokumenta namijenjenog za slanje dopisnicima, potrebno je poštivati ​​sljedeće zahtjeve:
  • To bi trebao biti vrlo uska, to jest, u veličini ne bi trebao prelaziti raspon od 500-600 piksela, što će osigurati ispravan prikaz teksta i drugih sadržaja na bilo kojem uređaju bilo koje vrste.
  • Potrebno je koristiti prilično velik font za sve tekstualne informacije, jer će na iOS uređajima biti nezgodno čitati HTML stranicu ako je veličina fonta manja od 13 piksela.
  • Elementi iz kojih možete kliknuti moraju biti dovoljno veliki i izolirani od najbližih veza. U tom slučaju ih primatelj može lako aktivirati od prvog pokušaja.



  • Priprema

    Prije razvoja HTML stranice, trebate stvoriti novu mapu na jednom od diskova i imenovati je, na primjer, "Korespondencija". Osim toga, morate preuzeti i instalirati Dreamweaver CS3. Ovaj proizvod tvrtke Adobe jedan je od prilično jednostavnih alata za izradu web stranica i vrlo je pogodan za razvoj HTML proračunskih tablica.

    Kreiranje i spremanje dokumenta

    Prije pisanja tekstualnog dijela slova, morate:
  • otvoriti prilično popularan dizajner za HTML listove Dreamweaver CS3 (DW);
  • kreira dokument odabirom tipa "Transition HTML 401";
  • spremanje datoteke s .html ekstenzijom;
  • Pronađite naredbu za uređivanje u gornjem izborniku;
  • ukloni potvrdni okvir "Koristi CSS umjesto HTML oznaka".
  • Upute korak po korak

    Pogledajmo sada kako stvoriti HTML stranicu. Da biste to učinili:
  • sekvencijalno otvorite karticu "Insert" i "Table" u izborniku i prikažite željene parametre tablice.Na primjer, nizovi - 2 stupca - 1 širina - 700 naslov - vrh. Možete postaviti granice, ili možete bez njih, pokazujući 0.
  • Formirajte naslov lista. Budući da je HTML list osmišljen za veći broj primatelja, izraz [first_name] koristi se za zamjenu željenog imena primatelja.
  • U donjem prozoru, Svojstva, prikazuju željene parametre za font, veličinu i boju naslova i boju pozadine.
  • "Izlaz" iz polja naslova. Na dnu zaslona postavite parametre za pokazivač "Centar" i "U sredini".
  • Umetnite gotov tekst slova ili ga napišite izravno u DW program odabirom željenog tipa i veličine fonta, kao i položaja teksta na stranici.

    Stvaranje hipertekstualnih veza

    Pokušat ćemo HTML stranicu učiniti profesionalnijom i naprednijom. U tu svrhu sakrijte hipertekstualne veze u sadržaju. Da biste to učinili, odaberite mjesto u tekstu koje ste odabrali kao hipertekstualnu vezu. U lijevom kutu na vrhu zaslona trebate "otvoriti" odgovarajuću ikonu i umetnuti vezu u padajući okvir. U isto vrijeme, ne zaboravite staviti kvačicu u kvadratić "_blank" tako da veze otvorene u novom prozoru i odredištu nakon gledanja nisu izgubile pristup glavnom slovu.

    Kako umetnuti slike

    Tipično, HTML poruka se popunjava kontaktnim informacijama, po mogućnosti s autorove fotografije ili s odgovarajućom tematskom slikom. Može se preuzeti s interneta ili unaprijed učitati na internet, kao što će vam trebatiURL slike. Najbolje je to učiniti s jednom od besplatnih usluga. Da biste napravili tako fino finale:
  • umetnite na dno lista, unutar glavne tablice, još jedan s parametrom 3 stupca za granicu od 0 piksela;
  • postavite pokazivač na mjesto stola na kojem želite vidjeti sliku;
  • u donjem prozoru zapišite "Unutar" i "Gornji rub" za svaki dio;
  • odaberite karticu Insert u gornjem izborniku;
  • Klikom na "Slika" u padajućem izborniku unosimo kopiju adrese;
  • 2 puta pritisnite "OK".

  • Pregledavanje

    Sada kada znate kako napraviti HTML stranicu, morate biti sigurni da će je primatelj vidjeti u ispravnom obliku. Da biste to učinili, prije slanja morate pregledati svoj rad u pregledniku Dreamweaver CS3. Da biste to učinili, kliknite na ikonu s globusom u srednjem gornjem izborniku. Ako se umjesto slova na zaslonu pojavi abrakadabra, tada trebate postaviti automatsko kodiranje u postavkama preglednika.

    Kodiranje

    Iz odjeljka "Projekt" i prelazi u dio koda - "Kod". U prozoru odaberite i kopirajte sve što je zatvoreno između oznaka i. Spremi datoteku. Zatim unosimo HTML kôd.

    Slanje HTML listova

    Kako bi se otvorio poštanski sandučić "Smart Reporter" (SR). Zatim:
  • odaberite ili stvorite novo slovo, popunite linije "Ime" i "Adresa pošiljatelja".
  • popunite redak "Predmet pisma";
  • označite HTML kôd u gornjem lijevom izborniku;
  • umetnite kod,DW-kod kopiran u programu u velikom "Source" polju;
  • provjeriti ispravnost mapiranja pomoću alata "Preview";
  • ukloniti tekstualnu verziju pisma;
  • testirajte ga za spam, koristeći isto ime uz gumb "Pošalji".
  • Nekoliko popularnih predložaka

    Korištenje okvira značajno pomaže ubrzati proces izrade pisma i učiniti ga pristupačnijim razvojnom programeru koji još uvijek razumije osnove izrade web-dokumenata. Najpopularniji predlošci su:
  • Cerberus. Ovaj skup takozvanih odgovarajućih predložaka omogućuje vam izradu poruka e-pošte koje se obično prikazuju u Gmailovoj mobilnoj aplikaciji i programu Outlook. To vam omogućuje da koristite blokove HTML koda ili pojedinačno ili kombiniranjem.
  • Tinta je priprema slova, čija je distribucija praktički univerzalna i kompatibilna sa svim uređajima i klijentima.
  • Vrlo jednostavan HTML predložak e-pošte. Predložak omogućuje stvaranje biltena vrlo jednostavno i brzo. Istina, oni će imati vrlo jednostavan dizajn u obliku jednog stupca u koji se stavlja poziv na akciju.
  • Kako umetnuti HTML list

    Razmotrimo sada malo drugačiji zadatak. Da biste zalijepili HTML kôd u poruku e-pošte, na primjer, gmail pomoću sljedećeg primjera, preglednik Google Chrome trebao bi:
  • kliknuti na gumb "F12" ili odabrati odgovarajući slijed naredbi u izborniku;
  • U prozoru s kodom trenutne stranice gmail klijenta, pronađite mjesto gdje želite zalijepiti HTML stranicu, kliknite desnom tipkom miša i odaberite Uredi kao HTML.
  • umetnitekopirani HTML kôd;
  • pritisnite kombinaciju dvije tipke «Ctrl» i «Enter».
  • Za istu svrhu možete preuzeti Mozilla thunderbird aplikaciju koja je jednostavna za korištenje. Koristite ga za izradu slova, zatim odaberite Umetni, zatim HTML i tamo zalijepite kod svoje mailing liste.

    Alati

    WordPress Plugin e-Newsletter omogućuje profesionalno upravljanje mailing listama i pretplatnicima. I oboje, oboje, obavljaju se izravno preko admin-ove ploče WordPressa. Ova okolnost pruža potpunu kontrolu i potpuno besplatno, što ne može, ali molim. Još jedan jednostavan alat - Bulletproof pozadinske slike, što je jednostavan alat koji vam omogućuje da dobijete kod za pozadinsku sliku generira slova. Njime možete korespondenciju učiniti još ljepšom. Da biste napisali slovo, jednostavno navedite URL željene pozadinske slike i njezinu boju sigurnosne kopije, a te postavke također primijenite na cijelo tijelo HTML lista ili su namijenjene samo jednoj ćeliji tablice. Kao rezultat toga, dobit ćete gotov kôd koji želite kopirati i zalijepiti u svoj predložak.
    Sada znate kako poslati HTML stranicu. Njegovo stvaranje ne predstavlja posebnu složenost, pogotovo ako koristite gotove predloške u kojima nema nikakvih nedostataka na Webu. Stoga, čak i oni koji nemaju posebna znanja lako mogu riješiti taj zadatak.

    Povezane publikacije