HTML-e-mail létrehozása a Dreamweaverben

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, hogy a Kód és a Megjelenítés nézetet egyszerre jelenítse meg ugyanazon a képernyőn.

Formázás létrehozása

1. lépés

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

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 "Oldal tulajdonságai..." gombra a Tulajdonságok ablakban a képernyő alján, majd válassza ki az alapértelmezett betűtípust és -méretet, a szöveg színét, a háttérszínt vagy a képet, ha van, és az oldal margóit.

4. lépés

A Kategória oszlopban válassza a „Hivatkozások (CSS)” elemet, majd válassza ki az üzenetben lévő hivatkozások betűtípusát, méretét és színét az egér pozíciója (például az egérmutató) és a hivatkozás állapota (például aktív vagy meglátogatott) alapján. Válasszon aláhúzási stílust az üzenetben található 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

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

Üzenet típusa és formázása

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, ha a hivatkozást új ablakban szeretné megnyílni.

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 az "Image" elemre, majd ismét válassza 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" elemre, 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-mail üzenetet, 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 arról, hogy a HTML-t megfelelően értelmezte és elküldte.

Figyelmeztetés

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.