Kuidas luua HTML-tähte: järkjärguline juhendamine

Postiloendid on turunduskampaaniate oluline osa. Kirjade loomine neile sarnaneb paljudel juhtudel lihtsate veebilehtede arendamisega. Samal ajal tuleks arvesse võtta ka teatavaid olulisi erinevusi. Eriti HTML-tähtede saatmine on efektiivne ainult siis, kui need on korrektselt koostatud tehnilises mõttes ja nende sisu ja stiil on kooskõlas teie eesmärkidega. Samal ajal on olemas arvamus, et üksmees ei suuda seda ülesannet toime panna. See artikkel annab üksikasjaliku järkjärgulise juhendi kirjutamise ja HTML-kirja saatmise kohta.

Loome omadused

Tänapäevane inimene saab keskmiselt 5-6 ja mõnikord kuni 10 e-kirja. See tähendab, et adressaadi tähelepanu saamiseks on teil aega vähem kui teine, enne kui lähete järgmise kirjavahetuse lugemiseks. Vastasel juhul on teie HTML-tähte saatmine täiesti ebaefektiivne ja te lihtsalt raisata aega asjata.

Üks nüansse, mis suurendab teie potentsiaalsete klientide või mõne muu sihtrühma tähelepanu meelitamise võimalust, on mobiilsideseadmetesse kohandatud kirjavahetuse loomine. Lõppude lõpuks, enamik neist, kellele see on adresseeritud postituste vaatamiseks, kasutavad neid kindlasti palju sagedamini kui lauaarvutid ja sülearvutid.

Sel eesmärgil saate kasutada näiteks "tundlikku disaini", mis sobib lihtsalt ekraani suurusega.

Mis peaks olema kirja mall?

Kui teete dokumendi, mis on mõeldud saatmiseks korrespondentidele, tuleks järgida järgmisi nõudeid:

• See peaks olema piisavalt kitsas, see tähendab, et see ei tohiks ületada 500-600 pikslit, mis tagab mis tahes tüüpi seadmete teksti ja muu sisu õige kuvamise.
• On vaja kasutada kogu teksti jaoks suhteliselt suurt fonti, kuna iOS-seadmetes on HTML-täht lugemiseks ebamugav, kui fondi suurus on väiksem kui 13 pikslit.
• Elemendid, mida saab klõpsata, peaksid olema piisavalt suured ja eraldatud lähimatest linkidest. Sellisel juhul saab adressaat neid esimesest katsest lihtsalt aktiveerida.

Ettevalmistamine

Enne HTML-põhise kirja väljatöötamist peate looma mõne draiviga uue kausta ja nimetama selle, näiteks "Infolehed". Peate lisaks alla laadima ja installima Dreamweaver CS3. See Adobe toode on ühed üsna lihtsad veebisaitide loomise vahendid ja sobib hästi HTML-vormingus e-kirja väljatöötamiseks.

Loo ja salvestage dokument

Enne kirja tekstiosa kirjutamist peate:

• Avage üsna populaarne programm-disainer HTML-tähed Dreamweaver CS3 (DW);
• Loo dokument, valides tüübiks "Ülemineku HTML 4.01";
• Salvesta fail laiendiga ".html";
• Ülaosas menüüs leidke redigeerimise käsk;
• Märkeruutu eemaldamiseks märkeruustust "Kasuta HTML-i siltide asemel CSS-i".

Üksikasjalik juhendamine

Nüüd kaaluge HTML-kirja loomist. Selleks:

• Avage vahekaardil "Sisestage" ja "Tabel" järjest ja valige vajalikud tabeli parameetrid. Näiteks jooned - 2, veerud - 1, laius - 700, pealkiri - ülal. Piirid saab määrata, kuid võite teha ilma nendeta, näidates 0.
• Kirjutage kirja pealkiri. Kuna HTML-täht on mõeldud suuremale adressaatide arvule, kasutage operaatorit [first_name], asendades adressaadi soovitud nime.
• Alumises aknas "Properties" määrake fondi jaoks vajalikud parameetrid, päise teksti suurus ja värv ning taustavärv.
• "Välju" päisepiirkonnast. Ekraani allservas määrate kursori "Center" ja "Keskel" parameetrid.
• Kleebime kirja viimistletud teksti või kirjutame selle otse DW-programmis, valides fondi soovitud tüübi ja suuruse ning lehe teksti asukoha.

Hüperteksti linkide loomine

Püüame muuta HTML-tähe professionaalsemaks ja arenenumaks. Selle eesmärgiga peitame sisu hüperteksti linke. Selleks vali hüperteksti linkina valitud kohas tekst. Ekraani ülaosas vasakul nurgas peate avama vastava ikooni ja lisama oma lingi rippmenüüst. Samal ajal ärge unustage märkida märkeruudus "_blank", nii et link avaneb uues aknas ja adressaat pärast selle vaatamist ei ole kaotanud juurdepääsu põhilehele.

Kuidas pilte lisada

Tavaliselt täht HTML-vormingus lõpeb kontaktandmetega, eelistatavalt koos autori foto või sobiva temaatilise pildiga. Seda saab alla laadida Internetist või eelnevalt Internetist laadida, kuna teil on vaja selle pildi URL-i. Parim viis seda teha on ühe tasuta teenuste kaudu.

Selle kena lõpu kavandamiseks:

• Sisestage tähe põhjas olevasse peate tabeli teine osa 3 veergu ja parameetrit 0 piksli piirile;
• Pange kursor tabeli kohale, kus nad soovivad pilti näha;
• Märkige alumises aknas "Keskel" ja "Ülemisele servale" iga sektsiooni jaoks;
• Valige topmenüü sakk "Lisa";
• Klõpsake kirjaga "Pilt" ja kopeeritud aadressi kleepides rippmenüüs;
• Vajuta "OK" 2 korda.

Vaata sees

Nüüd, kui tead, kuidas HTML-kirja teha, peate veenduma, et adressaat seda õiges vormis näeb. Selleks peate enne saatmist oma tööd vaatama Dreamweaver CS3 brauseris. Selleks klõpsake keskmise ülemise menüüga ikoonil koos gloobusega. Kui ekraanil olevate tähtede asemel ilmub abracedabra, siis peaksite brauseri seadistustes automaatselt kodeerima.

Kodeerimine

Jaotisest "Projekt" ja mine koodi ossa - "Kood". Ava aknas valige ja kopeeri kõik, mis on kinnitatud ja siltide vahele. Salvestage fail. Seejärel kleepige HTML-kood.

Saada HTML-sõnum

Lähetamise tegemiseks avage SmartResponder (SR). Siis:

• Valige või looge uus täht, täites "Nimi" ja "Saatja aadress".
• Täitke rida "kirja teema";
• Märgi ülemises vasakus menüüs HTML-kood;
• Sisestage DW-koodile kopeeritud kood suurele väljale "Allikas";
• Kontrollige ekraani õigsust tööriista "Eelvaade" abil;
• Kustuta tähe tekstiversioon;
• Katsetage seda rämpspostiks, kasutades sama nime nuppu, mis asub nupu "Saada" kõrval.

Mõned populaarsed malle

Raamistiku kasutamine aitab oluliselt kiirendada kirja kirjutamist ja muudab selle kättesaadavamaks arendaja, kes õpib veebidokumentide loomise põhitõdesid. Kõige populaarsemad mallid on:

• Cerberus . See nn reageerimismallide komplekt võimaldab teil luua tähed, mis tavaliselt kuvatakse nii mobiili Gmaili rakenduses kui ka Outlookis. See võimaldab teil kasutada HTML-koodi plokki kas eraldi või nende ühendamisel.
• Tint on kirjade ettevalmistamine, mille lähetused on peaaegu universaalsed ja ühilduvad mis tahes seadmete ja klientidega.
• Tõesti lihtne HTML e-posti mall. Mall võimaldab teil meililisandeid luua lihtsalt ja kiiresti. Tõsi, neil on ülimalt lihtne kujundus ühe veeru kujul, milles on tehtud üleskutse.

Kuidas sisestada HTML-i sõnumisse

Mõelge nüüd mõnevõrra teistsugusele probleemile. HTML-koodi sisestamiseks e-kirja, näiteks Gmaili, nagu Google Chrome'i brauseris allpool toodud näites, peate:

• Vajutage nuppu "F12" või valige menüüs sobiv käskude jada;
• Avage aken, kus on gmaili kliendi praeguse lehe kood, leidke koht, kuhu HTML-täht tuleks sisestada, paremklõpsake ja valige käsk "Muuda HTML-vormingus".
• Sisestage kopeeritud HTML-kood;
• Vajutage kahe klahvi kombinatsiooni "Ctrl" ja "Enter".

Samal eesmärgil saate alla laadida lihtsa Mozilla Thunderbirdi programmi. Sellega saate kirja luua ja seejärel kõigepealt valida "Kleebi" ja seejärel "HTML" ja sisestage oma meiliaadress.

Tööriistad

Wordpressi pistikprogrammide e-uudiskiri võimaldab meililistiga ja abonentide haldamist professionaalselt hallata. Mõlemad on tehtud otse WordPressi halduspaneeli kaudu. See asjaolu annab täieliku kontrolli ja on täiesti tasuta, mis ei saa kuid rõõmu tunda.

Veel üks lihtne tööriist - bulletproof background images, mis on lihtne tööriist, mis võimaldab teil saada loodud tähtede taustpildi koodi. Selle abil saate teha kirjavahetust palju ilusamaks. Sõnumi kujundamiseks märkige lihtsalt soovitud taustpildi URL ja selle varukoopia värv ning kas neid parameetreid tuleb rakendada kogu HTML-sõnumi kehale või kui need on mõeldud ainult ühele tabeli lahtrisse. Selle tulemusena saate valmiskoodi, mida soovite oma malli kopeerida ja kleepida.

Nüüd saate teada, kuidas saata HTML-tähte. Selle loomine ei ole eriti keeruline, eriti kui kasutate valmis malli, milles veebis puudub puudus. Seepärast saavad ka need, kellel puuduvad eriteadmised, selle ülesandega hõlpsasti toime tulla.