Create HTML email

Hi people,
I would like to create an email with a formatted body in HTML (with a table).
The body has a lot of tables. Each table was a background color in header and another background color in the other lines.
Is there a simple way to do this?
Thank you!
Cristiana

Small tip -:)
DATA: CR TYPE X VALUE 13. "For ABAP break line...
DATA: MESSAGE(500) TYPE C.
CONCATENATE '<HTML>' CR '<BODY>' CR
'<H1>Test message!</H1>'
CR '</BODY>' CR '</HTML>'
INTO MESSAGE.
Greetings,
Blag.
Message was edited by:
Alvaro Tejada Galindo

Similar Messages

Using MUSE to create HTML email

I'd like to use MUSE to create HTML email. This requires embedding (or adding inline) the CSS file(s). Any suggestions as to how to accomplish this??

Hello Ben,
It is not possible to add inline styles/CSS within Muse. I would suggest you here to Export your webpages to HTML by clicking on File>Export to HTML and then make the changes manually in the HTML code using some HTML editor.
Hope this helps.
Regards,
Sachin

Help needed with creating HTML email in Dreamweaver

Hi everyone, would really appreciate some help with a dilemma or two that I have.
I have created the following newsletter in Dreamweaver and uploaded it to our website:
http://www.nova-design.co.uk/sales/000030.html
Now, when I go into my email mass mailing client (Handymailer) and send a test out, I encounter a couple of problems.
Firstly, in Outlook when I receive the email, the grey table on the right of the eshot, is crushed and a lot of the single line text is forced to go over two lines...
Secondly, in Hotmail, the table displays fine, but it does say that "This message is too wide to fit your screen. Show full message."
Once I click "Show full message" it displays in full, but I then need to scroll across to the middle of the browser to view the email.
If I left align the newsletter will this problem be solved? Or is there a way in Dreamweaver that I can edit the entire page size so that it's not too wide?
The table is 600px wide so I assumed that any email sent out would shrink to this size.
Any help would be greatly appreciated! This is the first full HTML email I have sent out so it's going to be far from perfect!

mozza34 wrote:
I need to look into using inline css styles, I have no idea how to so need to read up on those.
I created a transparent GIF and placed it, but that moves my text down because the image is in the way? Am I doing that right?
Make the transparent gif 1px high.
Is it the links in the right column that go onto two lines? If so that could be because the links are wider than the actual column itself..so you will have to make column wider.
If you can't sort it, have a look at the code below, copy and paste into a new Dreamweaver document and test out. Inline css styling is used in the code below. I've masked your email so no spam bots get hold of it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body style="background-color: #CCC;">
<table width="600" border="0" cellspacing="0" cellpadding="0" style="margin: 0 auto;">
<tr>
<td width="412" style="font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 10px 10px; background-color: #fff; vertical-align: top;">
<table width="392" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="text-align: center;"><img src="http://www.nova-design.co.uk/images/novalogo.jpg" alt="Nova Design" width="208" height="155" align="top" /></td>
</tr>
</table>
September 2011 Update
Welcome to our September 2011 Newsletter! Keeping you up to date with all things Nova Design.
New Addition
We would like to welcome to our team Kieran Duggal. Kieran joins us from Schneider Electric and will be placed into a newly created recruitment role within the company.
With the contracting side of our business growing, Kieran will be looking after all things recruitment.
If you are currently looking for work in the field of engineering design, or if you are looking to take on contract or permanent design engineers, feel free to contact Kieran for a chat about current possibilities.
 Kieran Duggal - Recruitment Executive 
 <a href="mailto:[email protected]" style="color: #000;">
 [email protected]</a> 
 01384 405 977
 Social Media
 Further expanding our Social Media horizons, we have decided to create a group on LinkedIn. Here we will be listing current vacancies and allowing people from the engineering world to take part in various discussions. Please make sure to join our group, as we will be looking to develop it over the coming months.
 Revamped Design Team
 We have recently taken on several enthusiastic, highly skilled graduates. We feel our current team of design engineers is stronger than ever, with a healthy mix of vast experience and youth. We are constantly searching for the best engineering talent in order to consistently provide our clients with high quality levels of work.
 Summary
 2011 has been a busy, exciting year so far and long may it continue. Our clients are what make us, and we would like to thank those of you who have placed business with us in the past.</td>
<td width="158" style="font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0 10px; background-color: #333; vertical-align: top;"><img src="../images/novalogo.jpg" alt="Nova Design" width="168" height="1" align="top" />

Nova Design Ltd 
Watt House 
Innovation Centre 
Pensnett Trading Estate 
Kingswinford 
West Midlands 
DY6 7YD
T: +44 (0)1384 400 044 
F: +44 (0)1384 400 090
W: <a href="http://www.nova-design.co.uk" style="color: #fff;" target="_blank">www.nova-design.co.uk</a> 
E: <a href="mailto:[email protected]" style="color: #fff;">[email protected]</a>
<table width="168" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.facebook.com/novadesignuk" target="_blank"><img src="http://www.nova-design.co.uk/images/facebook.gif" alt="Facebook" width="25" height="25" align="absmiddle" style="border: none;" /></a> <a href="http://www.facebook.com/novadesignuk" style="color:#fff;" target="_blank">Facebook</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://twitter.com/novadesignuk" target="_blank"><img src="http://www.nova-design.co.uk/images/twitter.gif" alt="Twitter" width="25" height="25" align="absmiddle" style="border: none;"/></a> <a href="http://twitter.com/novadesignuk" style="color:#fff;" target="_blank">Twitter</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.linkedin.com/groups?about=&gid=4002529&trk=anet_ug_grppro" target="_blank"><img src="http://www.nova-design.co.uk/images/linkedin.gif" alt="LinkedIn" width="25" height="25" align="absmiddle" style="border: none;"/></a> <a href="http://www.linkedin.com/groups?about=&gid=4002529&trk=anet_ug_grppro" style="color:#fff;" target="_blank">LinkedIn</a></td>
</tr>
<tr>
<td style="vertical-align: middle; padding: 7px 0; font-size: 12px;"><a href="http://www.nova-design.co.uk/blog/?feed=rss2" target="_blank"><img src="http://www.nova-design.co.uk/images/rss.gif" alt="RSS" width="25" height="25" align="absmiddle" style="border: none;" /></a> <a href="http://www.nova-design.co.uk/blog/?feed=rss2" style="color:#fff;" target="_blank">RSS Feeds</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Creating html email with apple's mail

How do i get an html page (created in Dreamweaver) to show up in apple's mail window?
I want the html page to display. If I just attach the html file all I get is an icon of the file not the look of the html file (ie with background color and placed photo and html text). I know to have the placed image with an absolute reference (ie. http://www.whatever.com/image.jpg)

Tiger Mail uses Apple's new WebKit authoring engine, creating complex HTML email messages with Mail's trademark simplicity. However, most of the power of that engine is inaccessible. Aside from the addition of an "Add Hyperlink…" menu item, Mail's composition window offers no better text or layout controls than 10.0's Mail did in 2001.
Tiger was replaced by Leopard last October, and Leopard Mail has a new feature called Stationery which might provide some of what you are talking about:
http://www.apple.com/macosx/features/mail.html

Creating html email newsletter in Outlook 2003

Hi,
I've had a good look through the forum and haven't been able
to find the answer to this (most likely) simple issue. I have
created an email html newsletter in DW 8 and I have found out how
to copy/paste the code into an Outlook Express email's source, but
how do I do it in Outlook 2003???
I'd be grateful if someone could put me out of my misery :-)
Thanks a mill!!!

You can place your HTML file in your Stationery Folder,
then open Outlook,
select that file as Stationery,
Select your recipients (or group) and send.
My folder is here:
"C:\Program Files\Common Files\Microsoft Shared\Stationery"
"Jan Baggesen" <[email protected]> wrote in
message
news:eb73ga$92p$[email protected]..
> Hi,
>
> I've had a good look through the forum and haven't been
able to find the
> answer to this (most likely) simple issue. I have
created an email html
> newsletter in DW 8 and I have found out how to
copy/paste the code into an
> Outlook Express email's source, but how do I do it in
Outlook 2003???
>
> I'd be grateful if someone could put me out of my misery
>
> Thanks a mill!!!
>

Creating HTML email newsletter

Hey all,
Not sure what forum.....
Looking for a program for creating newsletter emails containing graphics and pictures etc.., not sure what it is called. Like what you get from Apple, Borders or any big company.
Thanks,
Al

I just did one recently by hand, and so have some fresh experience; it's HTML & CSS at the crux of it.
Learned that there are unique parameters beyond web page knowledge that must be considered when doing this. There are a lot of quirks that you need to test against; many email clients render html emails differently and so it's a matter of getting a good balance of aesthetic & features. Plus you don't want to leave out people who prefer to use text only in their email... (they exist are are numerous for better or worse).
The quickest way to get up and running is probably to do your newsletter design in your preferred HTML editing program, view the page in Safari, then hit CMD-I (in Leopard).
The result won't be as professional (or size efficient) as it could be, but it's a quick start.
After spending about 2 days rolling my own, I still would love to know the workflow Apple uses haha!

Can I create html emails in iWeb?

I see those html emails with the colours and the embedded images and links to the website. The programming doesn't seem tough but I don't know how to create them and then how to send them.
I use Entourage for email but am not married to it, and wondered if anyone had any resources. I'm looking to do a newsletter style email (images links to site, etc.), not that different from an eVite, but I've not heard of anyway to create them.
thanks
enzosf

The way you do this currently is to create your web
page, open it with Tiger Safari, and use the menu
item for emailing the contents. However you may need
to put your page on a server and I think pages
created with iWeb may not work that well -- you would
need to experiment.
I just did this both ways. Creating an email from an iWeb site hosted on the internet worked OK... but didn't pick up the background graphic, tiled.... maybe I just didn't wait long enough! (Ha!)
And I did it from the local files on my computer, (Publish to Folder), and it worked much better, picking up the background immediately.
So....open the page you want (index.html) in Safari>File>Mail Contents of this Page.
Would work GREAT just for doing an email Newsletter with Graphics and such!
Bill

Creating HTML emails

Hi, guys!
I'm a print guy, not a web guy, so please show me the path! I can do a little HTML and CSS, but nothing fancy.
My company is asking me to take over an email newsletter that is sent out embeded into the email body as an HTML message. It was orginaly done (not by me) in MS Word using tables, and those things will strech out after being sent.
I ahve 3 questions:
1. Why are the table stretching? Is it because they were done using Word tables?
2. 100% of the people who will be receiving this will open it using MS Outlook. If I'm designing for Outlook, do I need to build using tables, or can Outlook interpret CSS Divs?
3. Some people will be using outlook in mobile devices. Is there anyway to create a mobile version for them or is this the kind of thing I'd need to host on a web page to pull off?
Thanks, guys!

Here is a compatibility chart for all major e-mail clients including web services (Gmail, Yahoo mail, etc..) for what they support and what they don't: http://www.campaignmonitor.com/css/
Tables are globally supported. CSS is not, on some of them. It depends on the demographic that you're sending this out to. If it is majorly Outlook only, look at the link above to see what fits you best and create your newsletter.
Another best practice is to include a text link to a webpage containing the same newsletter to the top of your newsletter - this way, if the newsletter doesn't load on the e-mail client, users can still click on the link to see the exact same newsletter as a webpage on your website.
You may also want to look at http://www.mailchimp.com - It's a great service, they have a free plan too. You may want to try it out. Very user-friendly and easy to create/ administer.
Other than that, you don't have to use MS Word. You could do it using Dreamweaver or any HTML code editing program - even Textmate can do it for you as long as you know your code.
Quick tip: Be sure to load up the images to your webserver and link to them as an absolute link in your HTML code so the images are loaded from your webserver. You cannot provide local/ relative links like you'd do in a normal webpage as you're sending this out via e-mail and relative links won't show up.
Good luck.
-ST

Using iweb to create an HTML email

Simple question and I'm sure it has been asked, but I can't find the answer. I am pretty new to html coding and was wondering if I could use iweb as a sort of wysiwyg editor to create html emails. Would this work? Thanks!

It doesn't always work that well, but the way to do it is to publish your page and then view it with Safari and use File > Mail Contents of this Page.
The stationery feature of Mail.app in Leopard is an alternative.

MS SharePoint 2010 Designer Workflow Email - Enhanced Rich Text Field look-up values on HTML email have large spaces

MS InfoPath 2010 form with RTF (Rich Text Fields)
MS SharePoint 2010 Custom Library
MS SharePoint 2010 Designer Workflow Send Email
http://office.microsoft.com/en-us/sharepoint-designer-help/send-e-mail-in-a-workflow-HA010239042.aspx
https://www.nothingbutsharepoint.com/sites/eusp/pages/creating-html-emails-with-spd-workflows.aspx
Hi all of the above work, our question is how to control the RTF (Rich Text Field) look up values to the InfoPath 2010 form in the HTML email?
How to FORMAT the RTF look up value? in the HTML email
EXAMPLE
we have a InfoPath 2010 form published in the SharePoint 2010 custom list library there are 5 RTF fields (Notes1, Notes2, Notes3, Notes4, Notes5) there are other plain text fields, date fields, and other field types in the form
We use a HTML table to make the email look like the InfoPath form, so when the users fill out the form and they get the email notification everything looks the same.
Our problem is the EXTRA LINE SPACE in the RTF look up values
We want to remove any leading spaces, and line spaces between HTML table cells
Our Workflow has the HTML in a Workflow variable, as you know it does not support remote CSS it has to be in-line style for any formatting we want all cells to have
valign="top" the email should align at the top of the cell, all field types do except the RTF look up values they make the email look bad and they contain a lot of white space.
Please test this in your enviroment
<table>
<tr><td>Title:</td><td>[%Current Item:Title%]</td><td>[%Current Item:Notes1%]</td></tr>
<tr><td>Created by:</td><td>[%Current Item:CreatedBy%]</td><td>[%Current Item:Notes2%]</td></tr>
<tr><td>Date Created:</td><td>[%Current Item:Created%]</td><td>[%Current Item:Notes3%]</td></tr>
<tr><td>Modified by:</td><td>[%Current Item:ModifiedBy%]</td><td>[%Current Item:Notes4%]</td></tr>
<tr><td>Date Modified:</td><td>[%Current Item:Modified%]</td><td>[%Current Item:Notes5%]</td></tr>
</table>
I could not update the question below to the proper forum section. that is why i am asking again.
http://social.technet.microsoft.com/Forums/en-US/a7918bfb-9166-4bdb-828c-132a0c7611e3/ms-sharepoint-2010-designer-workflow-emails-huge-lines-paces-in-rich-text-fields-values-from-ms?forum=sharepointcustomization
-Isaack

Hi IssackB,
perhaps you may try this article:
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/f8fa2a11-9f74-4dd2-b277-21ce872fdcb2/can-we-add-rich-text-editor-to-the-sharepoint-designer-2010-workflow?forum=sharepointcustomizationprevious
there are some notes that perhaps you may check:
Use the same font for all the controls to ensure consistent spacing between rows.
Choose Size from the Format menu, and then choose To Fit from the menu that appears. This adjusts the size of each control, depending on the font set for the data that appears
in the control.
NOTE: The Print Preview and Output To commands use different algorithms for calculating text width; therefore, the text may occupy more or less
space in the RTF file.
Reduce the amount of blank space above and below the report controls. Any vertical
space between the controls is converted to whole lines
in the RTF file. For example, a
space of .02 inches can increase to .1667 inches in the
RTF file.
Make sure controls on the same output row are not too close to each other or overlapping. This can cause the Output To command to omit the controls or to align the columns incorrectly
in the RTF file.
Use the Align command from the Format menu to ensure that a row of controls is aligned properly on the report. If a row of controls is not aligned properly, the Output To command may place the controls
in different rows, causing extra blank
spacein the RTF file.
and please have a check there are updates for exchange 2013 and will be available with the upcoming release of CU4 for Exchange 2013, that stated the format rtf was saved instead HTML. http://support.microsoft.com/kb/2862739/en-us
Regards,
Aries
Microsoft Online Community Support
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.

HTML Email - Will an inline-coded CSS image float work?

Best guesses are welcome.
Many thanks for your counsel.

Oddly enough, when creating HTML emails, you WANT to use inline styled Tables or image maps instead of floats.
Mail Chimp and iContact have some excellent templates and tutorials to help you get started with HTML email campaigns.
http://www.mailchimp.com/resources/
http://www.icontact.com/home/index2
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

HTML Email Newsletters

Hi,
Im tying to find out the best way to create HTML email
newsletters but cant find a good starting point, in terms of what
application to use (if any) and a sample template?
Thanks in advance.

On Mon, 12 Feb 2007 11:32:11 -0500, "JFK"
<[email protected]>
wrote:
>I think this service is exactly what you need. Check it
out free for 60
>days.
>
>
http://www.constantcontact.com/index.jsp?pn=webgreen
>
>
Please be aware that this is an affiliate link. To get
directly to
Constant Contact go to www.constantcontact.com.
Win
Win Day, Wild Rose Websites
http://www.wildrosewebsites.com
[email protected]
Skype winifredday

Dreamweaver CS4 html email absolute paths help

Anyones help would be so great to this! I am going crazy.
I have read all posts I can find on creating HTML emails. I find that images in DreamWeaver need to have absolute paths. Ok, I will try to be as clear as possible.
I created the page (email) in DreamWeaver CS4. I connected to my server fine to get access to my images. I also uploaded the index.html file in the server file with the images.
I used Cyberduck to upload the images to my server once I created an FTP Account. Creating the account gave me:
Manual Settings
FTP Username: [email protected]
FTP Server: ftp.toledocitypaper.com
FTP Server Port: 21
SFTP Server Port: 22
Within Cyberduck it explains:
ftp:toledocitypaper.com
ftp://[email protected]@ftp.toledocitypaper.com//[email protected]@ftp.toledocitypaper.com
Here I find one issue: I created a folder called citytest with my images and when I click Open URL the page opens blank. Here is the URL it generates:
http://ftp.toledocitypaper.com/citytest/ADAMSNEWScitcroppedy_01.jpg
Now I need to generate absolute paths for the images in DreamWeaver. I would think you need to put the http address in the SRC field? Now with files located and dragged and dropped on my page I get a input such as ../Library/Application Support/Adobe/Dreamweaver CS4/en_US/Configuration/ServerConnections/Unnamed Site 5/citytest/ADAMSNEWScitcroppedy_15.jpg
Can anyone explain how I can make an absolute path for these images? everything I have enetered for the SRC image doesn't work. I get an image with a broken link when I enter any info I have found.
I also prievewed the html file in Safari and it looks fine with images dragged from server Local files in DW. I click Mail Contest of this page then it shows up in my Mac email as outgoing image. Looks fine for a second then all images turn to Missing Plug-in. The images I tried to enter a URL for in the SRC show up as little blue boxes with question marks.
I have a feeling I need a working URL to these images and I have no idea what this is. If this helps we use Gator Host.

If you have uploaded your citytest folder with images to the root folder on the server,
the proper link would be http://toledocitypaper.com/citytest/ADAMSNEWScitcroppedy_15.jpg

How do I create a plain text version of my HTML Emailer?

Hi,
I have created an html emailer in Dreamweaver which works fine, but have noticed that there isn't a plain text version to go with it. How do I add the plain text version to the html so that people that can't see the html version will instead see the plain text version. any answers greatly appreciated.
Many Thank
Paul Connor

Here's an online tool from a good provider
http://templates.mailchimp.com/resources/html-to-text/

Is there a video tutorial available on creating an html email with dreamweaver

Is there a video tutorial available on making an html email with dreamweaver?

Hello Warren,
Currently we do not offer a video on this topic; all of our getting started videos currently available can be seen at: http://helpx.adobe.com/creative-cloud/learn/start.html. That's not to say a video such as the one you are looking for doesn't exist out in the wild somewhere, but we have not produced any content on that particular topic.
However, we're just getting started (no pun intended ) so feedback like yours is valuable as we consider future topics to focus our getting started projects on.
Thank you for your input.
Ed Sullivan

Create HTML email

Similar Messages

Maybe you are looking for