HTML e-mail létrehozása a Dreamweaverben

Html kódok

A HTML egy jelölőnyelv a webes dokumentumok stílusozásához.

Kép jóváírása: Janka Dharmasena/iStock/Getty Images

A Dreamweaver, az Adobe webfejlesztő eszköze lehetővé teszi bármilyen HTML-dokumentum, például weboldal vagy e-mail létrehozását. Ha ismeri a HTML-jelölések írását, a Kódnézetben HTML-címkéket tartalmazó e-mailt írhat be. Ha inkább vizuálisan szeretné stílusozni az e-mailt, a Dreamweaver biztosítja a legtöbb formázási lehetőséget, amelyet a szövegszerkesztő programok biztosítanak. Kiválaszthatja az Osztott nézetet is, ha a Kód és a Megjelenítés nézetet egyszerre szeretné látni ugyanazon a képernyőn.

Formázás létrehozása

1. lépés

Indítsa el a Dreamweavert, majd az Új létrehozása oszlopban válassza a „HTML” lehetőséget.

A nap videója

2. lépés

Kattintson a felül található "Tervezés" gombra, hogy Kódnézetről Tervező nézetre váltson, ha a Tervezés még nincs kiválasztva.

3. lépés

Kattintson az "Oldaltulajdonságok..." gombra a Tulajdonságok ablakban a képernyő alján, majd válassza ki az alapértelmezett betűtípus és méret, a szöveg színe, a háttérszín vagy a kép, ha van ilyen, és az oldal margók.

4. lépés

Válassza a „Linkek (CSS)” lehetőséget a Kategória oszlopban, majd válassza ki a hivatkozások betűtípusát, méretét és színét a üzenetet az egér pozíciója alapján, mint például a görgetés, és a hivatkozás állapota alapján, például aktív vagy meglátogatott. Válasszon aláhúzási stílust az üzenetben lévő hivatkozásokhoz.

5. lépés

Kattintson a ":Headings (CSS)" elemre a Kategória oszlopban, majd válassza ki az üzenetben használni kívánt különböző címsorok betűtípusát, méretét és színét.

6. lépés

A Kategória oszlopban válassza a "Cím (kódolás)" lehetőséget, írja be a dokumentum címét, például az üzenet tárgyát, és majd válassza ki a dokumentum típusát, például "HTML5" és a karakterkódolást, például "Unicode (UTF-8)." Válassza az „OK” lehetőséget, amikor Kész.

Írja be és formázza az üzenetet

1. lépés

Írja be e-mail üzenetét az üres képernyőre. Formázza a szöveget a képernyő alján található Tulajdonságok ablak stílusainak alkalmazásával, miközben beírja az üzenetet, vagy miután befejezte a beírást.

2. lépés

Válassza ki a fejléc típusát a Tulajdonságok ablak Formátum mezőjében a szöveg fejlécként való stílusához. Kattintson a "B" gombra, ha a szöveget félkövérre szeretné szedni, vagy az "I"-re, hogy dőlt betűkkel jelenjen meg.

3. lépés

Jelölje ki az üzenetben azt a szöveget, amelyet rendezetlen vagy rendezett listaként szeretne stílusozni, majd kattintson a "Rendezett lista" vagy a "Rendezett lista" gombra a Tulajdonságok ablakban. Válassza a "Blockquote" gombot a szöveg blokk idézetként való formázásához; a formázás eltávolításához válassza a "Blockquote eltávolítása" gombot.

4. lépés

Jelölje ki azt a szöveget, amelyet kattintható hivatkozássá szeretne alakítani, majd írja be a hivatkozás URL-jét a Tulajdonságok ablak Hivatkozás mezőjébe. Válassza ki, hogyan szeretné megnyílni a hivatkozást a Cél kijelölő mezőben. Például válassza a „_blank” lehetőséget, hogy a hivatkozás új ablakban nyíljon meg.

5. lépés

Válassza a "Beszúrás" lehetőséget, majd kattintson a "Táblázat" gombra egy táblázat beszúrásához az üzenetbe. Válassza ki a sorok és oszlopok számát, adja meg a táblázat szélességét és adja meg a szegély vastagságát. Írja be a szóközök számát, amelyet a táblázat celláinak kitöltésére és a táblázat cellái közötti szóközökre kíván használni. Írjon be egy feliratot és egy táblázat-összefoglalót, ha fel szeretné venni őket, majd kattintson az "OK" gombra. Írja be a szöveget a képernyőn megjelenő táblázatba.

6. lépés

Válassza a "Beszúrás" lehetőséget, kattintson a "Kép" gombra, majd ismét válassza ki a "Kép" lehetőséget a kép beszúrásához. Keresse meg és válassza ki a megjeleníteni kívánt képfájlt. Módosítsa a kép elhelyezését az üzenetben az egérrel húzva.

Előnézet és átvitel

1. lépés

Válassza a „Fájl” lehetőséget, kattintson az „Előnézet a böngészőben” lehetőségre, majd válasszon böngészőt, ha több böngésző van telepítve az e-mail előnézetének és formázásának megtekintéséhez. Kattintson az üzenetben szereplő hiperhivatkozásokra, hogy megbizonyosodjon arról, hogy megfelelően oldódnak meg.

2. lépés

Nyomja meg a "Ctrl-A" gombot a teljes üzenet kiválasztásához, majd nyomja meg a "Ctrl-C" gombot a másolásához. Váltson a levelezőprogramra, hozzon létre új e-mailt, majd módosítsa az üzenet típusát "HTML"-re, ha szükséges.

3. lépés

Nyomja meg a "Ctrl-V" gombot az üzenet beillesztéséhez az e-mail programba. Címezze meg az üzenetet a címzetteknek, írja be az üzenet tárgyát, majd küldje el.

Tipp

Tesztelje az e-mailt úgy, hogy elküldi saját magának, mielőtt elküldi másoknak, hogy megbizonyosodjon a HTML helyes értelmezéséről és elküldéséről.

Figyelem

A cikkben található információk a Dreamweaver CC-re vonatkoznak. Kissé vagy jelentősen eltérhet más verzióktól vagy termékektől.