Kako ustvariti stran HTML: navodila po korakih

Poštni seznami so pomemben del tržnih kampanj. Ustvarjanje e-poštnih sporočil za njih v veliki meri spominja na razvoj preprostih spletnih strani. Hkrati je treba upoštevati nekatere pomembne razlike. Predvsem pošiljanje HTML listov bo učinkovito le, če so pravilno oblikovane v tehničnem smislu, njihova vsebina in slog pa ustrezata vašim ciljem. Obenem se verjame, da se nespecialist ne more spopasti s to nalogo. V tem članku so podrobna navodila za pisanje in pošiljanje strani HTML.


Značilnosti ustvarjanja

Sodobna oseba prejme v povprečju 5-6 in včasih do 10 e-poštnih sporočil na dan. To pomeni, da imate manj kot sekundo, da pritegnete pozornost naslovnika, preden odide, da prebere takšno korespondenco. V nasprotnem primeru bodo vaše HTML-strani za pošiljanje popolnoma neučinkovite in samo zaman zapravljate. Ena od odtenkov, ki povečujejo vaše možnosti za pritegnitev pozornosti potencialnih strank ali drugih ciljnih skupin, je ustvarjanje korespondence, prilagojene mobilnim napravam. Konec koncev, večina tistih, ki so naslovljeni na pošto, jih verjetno uporabljajo veliko pogosteje kot namizni računalniki in prenosni računalniki. V ta namen, na primer, "občutljiva zasnova, se lahko enostavno prilagodim velikosti zaslona.

Kakšna bi morala biti predloga za črko

Pri pripravi dokumenta, namenjenega za pošiljanje korespondenčnim osebam, je treba upoštevati naslednje zahteve:
  • Moralo bi biti zelo ozko, kar pomeni, da ne bi smela presegati razpona 500-600 slikovnih pik, kar bo zagotovilo pravilen prikaz besedila in druge vsebine na kateri koli napravi katere koli vrste.
  • Za vse tekstovne informacije je treba uporabiti precej veliko pisavo, saj bo na iOS napravah neprijetno brati HTML stran, če je velikost pisave manjša od 13 slikovnih pik.
  • Elementi, iz katerih lahko kliknete, morajo biti dovolj veliki in izolirani od najbližjih povezav. V tem primeru jih lahko naslovnik zlahka aktivira od prvega poskusa.



  • Priprava

    Pred razvijanjem strani HTML, morate ustvariti novo mapo na enem od diskov in jo poimenovati, na primer "Korespondenca". Poleg tega morate prenesti in namestiti Dreamweaver CS3. Ta izdelek podjetja Adobe je eden od dokaj preprostih orodij za oblikovanje spletnih strani in je zelo primeren za razvoj HTML preglednic.

    Ustvarjanje in shranjevanje dokumenta

    Pred pisanjem besedilnega dela pisma morate:
  • odpreti zelo priljubljen oblikovalec za HTML liste Dreamweaver CS3 (DW);
  • izdelajo dokument, tako da ga izberejo kot "prehodni HTML 401";
  • shranite datoteko s pripono .html;
  • Poiščite ukaz za urejanje v zgornjem meniju;
  • Odstrani potrditveno polje "Uporabi CSS namesto oznak HTML".
  • Navodila po korakih

    Zdaj pa poglejmo, kako ustvariti HTML stran. V ta namen:
  • Zaporedoma odprete zavihek "Vstavi" in "Tabela" v meniju in prikažete želene parametre tabele.Na primer nizi - 2 stolpca - 1 širina - 700 naslov - vrh. Meje lahko postavite ali pa jih lahko brez njih označite z 0.
  • Izdelajte naslov lista. Ker je list HTML zasnovan za večje število prejemnikov, se stavek [first_name] uporablja za nadomestitev želenega imena prejemnika.
  • V spodnjem oknu, Lastnosti, prikažejo želene parametre za pisavo, velikost in barvo besedila naslova ter barvo ozadja.
  • Izhod iz naslovnega polja. Na dnu zaslona nastavite parametre za kazalec "Center" in "In the middle".
  • Vstavite končno besedilo črke ali ga "napišite" neposredno v program DW, tako da izberete želeni tip in velikost pisave ter položaj besedila na strani.
  • Ustvarjanje hipertekstnih povezav

    Poskusili bomo narediti HTML-stran bolj profesionalno in naprednejšo. V ta namen skrij hipertekstne povezave v vsebini. To storite tako, da v besedilu izberete mesto, ki ste ga izbrali kot hipertekstno povezavo. V levem kotu na vrhu zaslona morate "odpreti" ustrezno ikono in vstaviti povezavo v spustno polje. Hkrati pa ne pozabite označiti kljukice "_blank", tako da povezave, odprte v novem oknu, in cilj po ogledu niso izgubile dostopa do glavne črke.

    Kako vstaviti slike

    Običajno se sporočilo HTML dopolni s kontaktnimi podatki, po možnosti s fotografijo avtorja ali z ustrezno tematsko sliko. Prenesete ga lahko z interneta ali pa ga naložite na internet, kot boste potrebovaliURL slike. Najbolje je, da to storite z eno od brezplačnih storitev. Da bi naredili tako lepo končno:
  • vstavite na dno lista, v glavno tabelo, še enega s parametrom 3 stolpcev za mejo 0 pik;
  • postavite kurzor na mesto mize, kjer želite videti sliko;
  • v spodnjem oknu zapišite "Notranjost" in "Zgornji rob" za vsak del;
  • v zgornjem meniju izberite zavihek Vstavi;
  • Kliknite na sliko in v spustnem meniju vstavimo kopijo naslova;
  • 2-krat pritisnite "OK".

  • Brskanje

    Zdaj, ko veste, kako narediti HTML stran, se morate prepričati, da jo bo prejemnik videl v pravilni obliki. Če želite to narediti, morate pred pošiljanjem pregledati svoje delo v brskalniku Dreamweaver CS3. To storite tako, da v zgornjem zgornjem meniju kliknete ikono z globusom. Če se namesto črk na zaslonu pojavi abrakadabra, potem nastavite samodejno kodiranje v nastavitvah brskalnika.

    Kodiranje

    Iz oddelka "Projekt" in preide v kodni del - "Koda". V oknu izberite in kopirajte vse, kar je zaprto med oznakami in. Shrani datoteko. Nato vstavimo kodo HTML.

    Pošiljanje HTML-listov

    Za odpiranje poštnega predala "Smart Reporter" (SR). Nato:
  • izberite ali ustvarite novo črko, tako da izpolnite vrstice »Ime« in »Naslov pošiljatelja«.
  • izpolnite vrstico "Predmet pisma";
  • označi HTML kodo v zgornjem levem meniju;
  • vstavite kodo,DW-koda, kopirana v programu v velikem polju "Source";
  • z orodjem "Predogled" preveri pravilnost preslikave;
  • odstrani besedilno različico pisma;
  • ga preizkusite za spam, z istim imenom poleg gumba "Pošlji".
  • Več priljubljenih predlog

    Uporaba okvira pomaga bistveno pospešiti postopek ustvarjanja pisem in ga narediti bolj dostopnega razvijalcu, ki še vedno razume osnove izdelave spletnih dokumentov. Najbolj priljubljene predloge so:
  • Cerberus. Ta niz tako imenovanih odzivnih predlog omogoča ustvarjanje e-poštnih sporočil, ki so običajno prikazana v mobilni aplikaciji Gmail in v Outlooku. Omogoča vam uporabo blokov HTML kode bodisi posamezno bodisi z njihovo kombinacijo.
  • Ink je priprava črk, distribucija katerih je praktično univerzalna in združljiva z vsemi napravami in odjemalci.
  • Zelo preprosta HTML-poštna predloga. Predloga vam omogoča enostavno in hitro ustvarjanje glasil. Res je, da bodo imeli zelo preprosto obliko v obliki enega samega stolpca, v katerem bo objavljen poziv k dejanju.
  • Kako vstaviti HTML list

    Poglejmo zdaj nekoliko drugačno nalogo. Če želite HTML kodo prilepiti v e-pošto, na primer gmail z naslednjim primerom, naj brskalnik Google Chrome:
  • klikne gumb "F12" ali izbere ustrezno zaporedje ukazov v meniju;
  • V oknu s kodo trenutne strani odjemalca gmail poiščite kraj, kjer želite prilepiti stran HTML, z desno tipko miške kliknite in izberite Uredi kot HTML.
  • vstavitekopirana koda HTML;
  • Pritisnite kombinacijo dveh tipk «Ctrl» in «Enter».
  • Za enak namen lahko prenesete aplikacijo Mozilla thunderbird, ki je preprosta za uporabo. Z njim ustvarite črko, nato izberite Vstavi, nato HTML in tam prilepite kodo svojega poštnega seznama.

    Orodja

    WordPress Plugin e-novice vam omogočajo profesionalno upravljanje poštnih seznamov in naročnikov. In oba, oba, se opravita neposredno preko admin panela WordPressa. Ta okoliščina zagotavlja popoln nadzor in popolnoma brezplačno, kar ne more, ampak prosim. Še eno preprosto orodje - neprebojne slike ozadja, ki je preprosto orodje, ki vam omogoča, da dobite kodo za sliko ozadja, ki jo ustvarijo črke. Z njim lahko dopisovanje postane lepše. Če želite napisati črko, preprosto navedite URL želene slike ozadja in njegovo barvo za varnostno kopijo, prav tako pa tudi te nastavitve veljajo za celotno telo lista HTML ali pa so namenjene samo eni celici tabele. Posledično boste prejeli dokončano kodo, ki jo želite kopirati in prilepiti v predlogo.
    Zdaj veste, kako poslati HTML stran. Njegovo ustvarjanje ne predstavlja posebne zapletenosti, še posebej, če uporabljate že pripravljene predloge, v katerih ni nič slabosti na spletu. Tudi tisti, ki nimajo posebnega znanja, lahko z lahkoto rešijo to nalogo.

    Sorodne publikacije