Hogyan hozzunk létre egy html-lépésre oktatás

Hogyan hozzunk létre egy html-lépésre oktatás

Jellemzői alkotás

Erre a célra lehet használni, például „reagáló design” könnyen alkalmazkodik a képernyő mérete.

Mi legyen a levél sablon

Ha az elrendezés a dokumentum, amelynek célja, hogy küldjön tudósítók, be kell tartaniuk az alábbi követelményeknek:

Hogyan hozzunk létre egy html-lépésre oktatás

edzés

Kifejlesztése előtt HTML-levelet, akkor létre kell hozni az egyik meghajtó egy új mappát és nevezze el, például „News”. Ezen kívül, meg kell töltse le és telepítse a Dreamweaver CS3 szoftver. Ez a termék az Adobe egy viszonylag egyszerű eszköz tervezés weboldalak és kiválóan alkalmas a fejlődés egy levelezési levelek HTML formátumban.

Készíts és ments el egy dokumentumot

Mielőtt írni a levél szövegét, meg kell:

  • nyissa meglehetősen népszerű program-tervező HTML-mailek Dreamweaver CS3 (DW);
  • hozzon létre egy dokumentumot, hogy kiválaszt egy fajta „Átmeneti HTML 4.01»;
  • mentse a fájlt a kiterjesztés «.html»;
  • a felső menüben, hogy megtalálják a szerkesztési parancsot;
  • távolítsa el a kullancsot a check-box „CSS használata helyett tag HTML».

Lépésről lépésre útmutató

Most lássuk, hogyan kell létrehozni HTML-mailt. Ehhez:

  • Következetesen nyissa meg a menüt „Insert” és a „táblázat”, és tegye meg a szükséges paramétereket az asztalra. Például, a vonal - 2 oszlop - 1 - szélesség 700, a fejléc - a tetején. A határokat lehet állítani, és meg tudod csinálni anélkül, hogy őket, meghatározva 0.
  • Forma az üzenet fejlécét. Mivel a HTML-levél szánt nagyobb kedvezményezettek száma, ezért használja az üzemeltető [first_name], hogy helyettesítse a nevét a kívánt címzettet.
  • Az alsó ablakban a „Tulajdonságok” tegye fel a szükséges paramétereket a betűtípus, méret és szín a cím szöveg és a háttér színét.
  • „Kilépés” a fejléc mezőben. A képernyő alján, hogy a kurzort put opciók „központi” és „a közepén.”
  • Helyezze be az elkészített szöveges üzenet vagy „írás” ez jobb a DW programban adja meg a kívánt betűtípust és méretet, valamint a helyét a szöveg az oldalon.

Létrehozása hipertext hivatkozások

Hogyan hozzunk létre egy html-lépésre oktatás

Hogyan kell behelyezni képek

Állít ki ilyen szép vége:

Hogyan hozzunk létre egy html-lépésre oktatás

A „Project” részt, és menjen a kód egy részét - a „Code”. A megjelenő ablakban elválasztjuk, és másolja mindazt, ami a címkék között és . Mentsd el a fájlt. Ezután illessze be a HTML-kódot.

Hogyan hozzunk létre egy html-lépésre oktatás

Küldés e-mailek HTML-

Számos népszerű sablonok

Egy keret segít jelentősen felgyorsítja a folyamatot az írás és még hozzáférhetőbbé tegyék azt, hogy a fejlesztő, amely csak megérti az alapokat a webes-dokumentumokat. A legnépszerűbb minták:

  • Cerberus. Ez az úgynevezett adaptív sablonokat létrehozni levelek, általában megjelenik egy mobil alkalmazás a Gmail és az Outlook. Ez lehetővé teszi, hogy a HTML-kód blokkok, akár egyedül, akár kombinálva őket.
  • Ink - a betakarítás e-mailek, levelek, amelyek szinte általános, és minden olyan eszközzel kompatibilis és az ügyfelek.
  • Igazán egyszerű HTML email sablon. A sablon lehetővé teszi, hogy levelezési levelek nagyon egyszerű és gyors. Ezek azonban van egy nagyon egyszerű design formájában egy oszlopot, amely lépett a cselekvésre.

Hogyan hozzunk létre egy html-lépésre oktatás

Hogyan kell behelyezni HTML egy

Nézzük egy kicsit más probléma. Beszúrásához HTML kódot egy e-mailt, például gmail használva, mint az alábbi példában a Google Chrome böngésző, akkor:

  • kattintson a gombra «F12», vagy válassza ki a megfelelő parancsokat a menüben;
  • a nyitott ablakon az ügyfél aktuális kódlap gmail találni egy helyet, ahol be kell helyezni a HTML-levél, hogy egy jobb klikk, és válaszd «Edit HTML».
  • illessze a HTML kódot;
  • nyomja kombinációja két kulcs «Ctrl» és «Enter».

Ugyanebből a célból lehet letölteni könnyen ispolzovnii Mozilla thunderbird programot. Ezzel lehet létrehozni egy levelet, akkor először válassza ki a „Beszúrás”, majd „HTML”, és illessze a levelezési kódot.

műszerek

Egy másik egyszerű eszköz - Golyóálló háttérképet, ami egy egyszerű eszköz, amely lehetővé teszi, hogy a kódot a háttérképet által létrehozott leveleket. Ez segíthet, hogy a levelezés szebb. A regisztrációhoz a levelet kell egyszerűen adja meg az URL-t a háttérképet tetszett, és fenntartjuk a színét, és azt, hogy ezek a paraméterek alkalmazni a teljes test HTML-mailek vagy azok kizárólag az egyik asztalnál sejteket. Az eredmény egy kész kódot, amit szeretnénk, hogy másolja be a sablon.

Hogyan hozzunk létre egy html-lépésre oktatás

Most, hogy tudjuk, hogyan kell küldeni HTML-mailt. A teremtés nem különösebben nehéz, különösen akkor, ha kész sablonok, amelyben az interneten nincs hiány. Ezért, még azok is, akik nem rendelkeznek olyan speciális ismereteket, könnyen megbirkózni ezzel a feladattal.

Hogyan hozzunk létre egy html-lépésre oktatás