HTML email in Dreamweaver

Hi,
I asked a few days ago how to create an HTML email in Dreamweaver and then send it via Apple's Mail client. Thank you for the responses but they all taked about Outlook Express and other web based email clients. I don't use Outlook or any other web base email client, I only use Mail from Apple's Leopard operating system. Is there any way to create those HTML emails in Dreamweaver and then "importing" or pasting the code or something like that in Apple Mail client?
Thank you

Hi
Yes you can - this is exactly how I do it:
Preview your HTML page in Safari
Select from the File menu Mail Contents of This Page I which will open a new Mail message with your page inline.
The only problem is, there's no way to embed the images, so you'll first have to make sure that they are hosted on a web server and explicitly linked to such in your HTML.
Hope that helps
Peter

Similar Messages

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

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>

HTML Emails and background images in Dreamweaver

Hello. I created a HTML email in Dreamweaver. The original design came out of Indesign and had very specific background art. I removed all the text out of the Indesign and created a jpg. I took this jpg in Photoship and sliced and optimized it. I imported this HTML into Dreamweaver. Here I need to add in all the text (which is variable). I was originally thinking that you can only place background images with CSS. But I was told that you should not use CSS for HTML emails. So instead I left all the background art as normal images inside of a table. At this point I need to add text over these images. They only way I could figure out to do it was to add a div tag right over the image and type into there. This seemed to work fine but when I tested it in some emails all the div tags with text showed up under the table with images. This needed to display over. What is the best way to handle this issue? Thank you in advance.
Melanie

Sorry, but you cannot layer text over images in emails. Simplify your design or make an image with text on it in Photoshop. Use absolute URLs to images on your web server. And give people who can't see graphics and HTML pages in their email client a link to the HTML page on your web server.
How to Code HTML Emails
http://www.sitepoint.com/article/code-html-email-newsletters/
Chart showing how various email clients handle CSS.
http://www.campaignmonitor.com/css/
Download some HTML Email Templates from the links below to get started.
Mail Chimp
http://www.mailchimp.com/resources/html_email_templates/
Constant Contact
http://www.constantcontact.com/email-marketing/html-email-templates/index.jsp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

HTML Email 3

anbody can tell me how to send an Html email from Dreamweaver
to Outlook 2000 ??? i have probleme to insert it , because i don t
want it to be an attachment but to appear like a news letter ...
Thanks

"antoine-John" <[email protected]> wrote in
message
news:f8klq9$qrq$[email protected]..
> anbody can tell me how to send an Html email from
Dreamweaver to Outlook
> 2000
> ??? i have probleme to insert it , because i don t want
it to be an
> attachment
> but to appear like a news letter ...
> Thanks
Here's a good, simple tutorial:
http://www.dwfaq.com/Tutorials/Miscellaneous/htmlemail.asp
It uses Outlook Express - hopefully it's similar enough.
Patty Ayers | Adobe Community Expert
www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

HTML email - link problem

I created an HTML email in dreamweaver. It looks great on my Mac and in Mac Mail. I sent it out and some people on PCs have a blue box around the links. Much like the ones in DreamWeaver when you are working on file. Even to the point where the slices are out of place because blue stroke takes up space.
Do you know how to fix this? Thank you so much!!!

Thank you so much! It's the first time that I received an answer and it was quick,
easy and perfect! Thank you!!!!!!!!!!!!!!!!!!

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/

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 to send html email made in dreamweaver

how to send html email made in dreamweaver

Make sure you upload all of the images used in your email to a server you control. Then, change your image paths to point to those uploaded images with absolute links.
You will get marked as spam if you attempt to send images as attachments to a large list of recipients and most email clients won't download images to begin with, so make sure your html email makes sense with broken pictures.
CSS support is spotty across email clients, if you use css, make sure it's inline, not embedded in the <head> or externally linked in the <head>. Some email clients strip out the <head> section entirely.
Basically, you need to design your html email as if you haven't moved out of the 90's yet, as far as web design is concerned, in order to get maximum cross client compatibility.
Then, when you're ready, I would suggest using a service like www.icontact.com or www.constantcontact.com if your subscriber list is anywhere over 100 or so recipients.

Does dreamweaver cs4 offer html email templates by any chance?

I am trying to create an html email which does not fall apart when sent via email. I am currently working on cs3. just wondering if cs4 has this new functionality?
cheers!
Angus

Not out of the box no :-)
here are a few tutorials on how to best code html emails:
http://www.sitepoint.com/article/code-html-email-newsletters/
http://www.sitepoint.com/article/designers-guide-html-email/
http://www.sitepoint.com/article/principles-beautiful-html-email/
http://www.sitepoint.com/article/principles-beautiful-html-email/
Mail Chimp and iContact have some excellent templates and tutorials to help you get started.
http://www.mailchimp.com/resources/
http://www.icontact.com/home/index2

Possible to save HTML email as HTML?

Is it possible to take an html email I've received and save it as html for easy conversion to a webpage? This is a weekly newsletter (someone else creates it) that gets emailed to people and then put up on the group's website (that I'm in charge of). I've been just saving it as plain text and having to reapply all the formatting once I get it into Dreamweaver, but it seems rather redundant. Any help would be hugely appreciated.

I have a shareware program that should do what you want. I don't want to use Apple's discussion board to promote my own software though. Just do a search on "etresoft" and you should find it/me. Contact me via e-mail if you want more info.

HTML Email Issue

My problem is strictly an Outlook 2007 HTML issue. Now I'm trying Mailchimp to send an email. The problem is with thier footer. They are telling me its my code that is causing the display issues with their footer.
I have run the Dreamweaver Outlook 2007 Browser Validator from the MSDN website ( http://msdn.microsoft.com/en-us/library/aa338201.aspx ) and I have run my page through the W3 Validator ( http://validator.w3.org/ ). No errors are appearing and it is only their footer which is causing the issue.
Here is the code that Mailchimp has which they want to show a grey shaded box with a top and bottom border:
<center><table width="95%" style="clear:both;margin:0px !important;padding:0px !important;margin-top:20px !important;border-top:1px solid #999 !important;border-bottom:1px solid #999 !important;" cellpadding="0" cellspacing="0"><tr>
 <td align="left" style="padding:10px !important;margin:0px !important;color:#666 !important;background:#CCC !important;width:50% !important;border-bottom 1px solid #999 !important;font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;vertical-align:middle !important;text-align:left !important;">
 Sent to *|EMAIL|*. <a href="*|UNSUB|*" style="font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;color:#03C !important;">Unsubscribe</a> |
 <a href="*|UPDATE_PROFILE|*" style="font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;color:#03C !important;">Update Profile</a> |
 <a href="*|FORWARD|*" style="font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;color:#03C !important;">Forward to a Friend</a>
 </td>
 <td align="right" style="padding:10px !important;margin:0px !important;color:#666 !important;background:#CCC !important;width:50% !important;border-bottom 1px solid #999 !important;vertical-align:middle !important;text-align:right !important;">
 *|REWARDS|*
 </td>
</tr></table></center>
The problem is thatt this is not displaying as a table with a shaded background and top/bottom border. It is displaying as plain text on a white background. However, running their code through the W3 validator shows no validation errors in their code. This leads me to believe that there is some quirk that neither myself nor their support has been able to figure out.
If anyone has any ideas as to why this is not showing properly in Outlook 2007 I am inclined to try just about anything at this point.

Ok, I found solution on Verizon forum:
1) delete your email-related service books (options ---> advanced options ---> service books ---> delete everything with your email address on it)
2) create an account on BIS from your phone if you haven't done so in the past (www.blackberry.com/go/vzw from your blackberry browser, it will ask for your PIN and MEID)OR update BIS account online with MEID if you have it already (Go to BIS on a computer browser then go to Change device and enter your HEX MEID).
4) do a hard reset (using QuickPull or battery pull)
5) Go to BIS on a computer browser, log on to your account, and re-add your email accounts
6) You should get an email from blackberry that your email has been activated, and you'll get HTML emails back in no time!
Thanks for lilyipster and bumsy1 from that forum!!

HTML Email Problem

Hello,
I am creating an HTML email. I sent the email to someone who
opened it with Entourage on a mac - it looked great. Then I sent it
to some people who use Microsoft Outlook - it had some issues - the
main div tag was extending all the way to the right of the window,
but I had set the div to a fixed width of 600px. Also the image
maps that I had created for external links were now not over the
locations I had put them on (they had shifted out of place)
As I said, no problems in Entourage - it displayed and
functioned exactly how I intended. But in Microsoft Outlook, I had
the above issues.
Any help would be much appreciated. I can send you the email
so that you can see what I am talking about.
If this is not the right place to post concerning HTML
emails, I would appreciate some guidance as to where I should go.
Thanks
Kit

Yep. As does JangoMail.
Mark "elifgis." Boyd
Keep-On-Learnin' :)
Murray *ACE* posted in macromedia.dreamweaver:
> Most probably it does.
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "P@tty Ayers ~ACE"
<[email protected]> wrote in
> message news:[email protected]...
>> Ok, good to know. I bet Constant Contact does too.
>>
>> --
>> Patty Ayers | www.WebDevBiz.com
>> Free Articles on the Business of Web Development
>> Web Design Contract, Estimate Request Form, Estimate
Worksheet
>> --
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>> Mailchimp and UniversalEmail (WebAssist) both
have the option to
>>> create a multipart email containing both HTML
and Text versions.
>>> Doing this manually would be a major PITA!
>>>
>>> --
>>> Murray --- ICQ 71997575
>>> Adobe Community Expert
>>> (If you *MUST* email me, don't LAUGH when you do
so!)
>>> ==================
>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>> ==================
>>>
>>>
>>> "P@tty Ayers ~ACE"
<[email protected]> wrote
>>> in message
news:[email protected]...
>>>> How is that done, Murray?
>>>>
>>>> --
>>>> Patty Ayers | www.WebDevBiz.com
>>>> Free Articles on the Business of Web
Development
>>>> Web Design Contract, Estimate Request Form,
Estimate Worksheet
>>>> --
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in
>>>> message
news:[email protected]...
>>>>> That's why I send my HTML emails with
both text and HTML
>>>>> parts, although if your preferences are
to render incoming
>>>>> stuff in HTML, you won't see the text
version.
>>>>>
>>>>> --
>>>>> Murray --- ICQ 71997575
>>>>> Adobe Community Expert
>>>>> (If you *MUST* email me, don't LAUGH
when you do so!)
>>>>> ==================
>>>>>
http://www.projectseven.com/go
- DW FAQs, Tutorials &
>>>>> Resources
http://www.dwfaq.com - DW FAQs,
Tutorials &
>>>>> Resources ==================
>>>>>
>>>>>
>>>>> "P@tty Ayers ~ACE"
<[email protected]>
>>>>> wrote in message
news:[email protected]...
>>>>>>
>>>>>> "JoeyD1978"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>
>>>>>>>I see no reason to avoid using
imagery in HTML emails. Every
>>>>>>>big brick and
>>>>>>> mortar retail store uses the
hell out of them that's for
>>>>>>> sure. I've seen a ton
>>>>>>> of tricks to get people to click
the "view images link" too.
>>>>>>
>>>>>> The reason is that most people won't
see the images. None of
>>>>>> those tricks work on me, and I throw
out most of those
>>>>>> emails, because they arrive looking
terrible and looking like
>>>>>> spam.
>>>>>>
>>>>>> A nicely-formatted text email with
actual information in it -
>>>>>> that I'll stop and read.
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Patty Ayers | www.WebDevBiz.com
>>>>>> Free Articles on the Business of Web
Development
>>>>>> Web Design Contract, Estimate
Request Form, Estimate
>>>>>> Worksheet --
>>>>>>
>>>>>
>>>>
>>>
>>
>
>
>

Sending HTML emails from Outlook

I am a Mac user and only know how to send an HTML email from
Entourage. How do I send an HTML email created in Dreamweaver from
a PC that uses Microsoft Outlook?

It's tricky in Outlook (Outlook Express lets you actually
edit the code directly if I recall correctly). But one clunky way
to do it regular Outlooks is to display your HTML page in your
browser. Not the source code, the resulting display page in a
normal browser window. Select all, copy, then paste into your HTML
format message in Outlook.
Keep in mind if you're sending this to more than 50 people or
so you stand a real good chance of getting that domain/IP black
listed.

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

HTML email in Dreamweaver

Similar Messages

Maybe you are looking for