How to create a HTML Coded Newsletter?

- Spark Email Design

Question arises as how to send a message with texts & images in the form of website, blogs and emails? Its not a difficult task you need to convert the document in to HTM coded file! To o"timi#e a document & make it useable for web or email one needs $dobe In%esign! This design tool hel"s to design a "resentation for your com"any and an entre"reneur! $lso it embeds images from website like "roduct images, info&gra"hics or com"any logo! The same HTM coded document can be co"ied to use as email newsletter! Steps to Design an Email Newsletter: ' () *"en $dobe In%esign and "res +tl, - to create a new document! ' .) -ext to /Intent0 there is dro" down menu +lick on it & 1elect /2eb0! -ext to /3age 1i#e0 click the dro" down menu to select /+ustom!!!!0 select the "age si#e as /455 "x0 width and /655 "x0 height! Hit /*70 and save the customi#ed "age si#e! ' 8 3ress /M0 or select /9ectangle Tool0, with the hel" of mouse draw three connecting rectangles for creating header, body and footer! 2ith measurement of .55"x, :55"x and (55"x res"ectively! ' ; 3ress /<0 or selection tool, click header rectangle to select it! +lick /=ile0 or "ress /%0 to o"en "lace o"tion! ' 4 Insert image>s ?9 in the /=ile -ame0 o"tion and click /*"en0! @nter an image>s "ublic ?9 "ath into the A=ile -ameA field and then click A*"en!A Images need to be hosted online in order to include it in email message of reci"ient! %on>t use unnecessary images that makes your email long and untidy! ' : 3ress /$lt&1hift&+trl&@0 to set the "icture "ro"ortionately to your header section! *9 9ight& click on the "icture, mouse over /=itting0 and click on A=it +ontent 3ro"ortionallyA! ' B Iterate the "rocess whenever needed! $dd as many additional images you want in the body or footer! @ither ?se light background color for the body rectangle or leave it blank to intensify the readability of your email or newsletter! ' C 3ress ATAand click body rectangle, insert text of your email there! $dDust your si#e of characters from tools in the text toolbar! ' 6 $t the bottom rectangle add additional footer text! To mention and com"any information or co"yright reserved, trademarks or unsubscribe link etc! ' (5 1ave the document by "ressing /+trl&10 or by +licking A=ile,A & A1ave,A In%esign document!

Exporting to HTML: ' ( *"en you document in $dobe In%esign that you wish to convert to an email message! ' . 3ress /+trl&@0 that o"en u"s @x"ort dialog or +lick /=ile0 and then /@x"ort!!0 To o"en u" the HTM @x"ort *"tions dialog, +lick the dro"&drown menu next to /1ave $s Ty"e,0 select /HTM 0 and click /1ave0! ' 8 +lick on /Image0 from the navigation box, click on A+o"y ImagesA from the dro"&drown box and click on / ink to 1erver 3ath0! $dd "ath of server where images are saved! ' ; @x"ort your document as HTM by clicking *7 button, by doing so "review of document will automatically o"en u" in in new browser! ' 4 *"en u" a !txt file i!e! note"age! ' : 3ress /+trl&-0 to o"en a dialog! Ey +licking the file ty"e menu and select /$ll =iles0 from dro"&drown box! =ind the HTM file that you ex"orted in In%esign, choose the file and click on the A*"enA button! ' B 1elect all the HTM codes by "ressing /+trl&$0 co"y the selected code! 3aste the co"ied HTM code in the body text of your new email! =ormat the HTM de"ending u"on email service "rovider!