UCSF University of California, San Francisco      About UCSF       Search UCSF       UCSF Medical Center     
  Education & Training    Research    Patient Care   
 
Print This Page For Normal View, Click Here For Larger Font Sizes', Click Here

 
 
Information Services Unit
Web Resources
Announcements
Web Techniques
Web Worker Meetings
Training Resources
Web Style Guide
 

Creating and Sending an HTML Email in Outlook
 
Creating the Email
 
Step One
 
  • Create your email in html and place in a folder named appropriately. All of the images in the email should live in another folder titled images.
  • This entire folder will be posted onto your server.
 
Step Two
 
  • The images must be given a full URL -- including the http://www. path -- defining their placement on the server. By writing the images in this manner, the email recipient does not download the images, but instead the HTML email points to the server and the images appear.
 
Step Three
 
  • When you look at your html file, the images will show up as broken. But when you send the file in Outlook the images will appear in the email message.
  • Post onto your server.
  • Make sure you have written the URLs for the images correctly by testing these after you have posted the folder onto your server. Type the URL path of an image into your browser window. That image should appear in your browser.
 
Sending the Email in Outlook
 
Step One
 
  • Click on the Tools tab in Outlook.
  • Select Options.
 
Step Two
 
  • From Options click on the Mail Format tab.
  • Select HTML in the pull down menu.
  • Do not send pictures from the Internet.
  • Press the Stationary Picker button.
 
Step Three
 
  • Press the New button.
 
Step Four
 
  • Enter the title of your email.
  • Select Use this file as a template.
  • Press the browse button to locate the html file on your server, or type in the full URL. You only need to locate the html file - not the images.
  • Press the Next button.
 
Step Five
 
  • Change the type to 10pt Verdana.
  • Select Do not include a background in this stationary.
  • Press the OK button.
 
Step Six
 
  • You should see the title of your email in the window highlighted.
  • Press the OK button.
 
Step Seven
 
  • Since you are in HTML mode, the next time you create a new email your selected HTML email will show up.
  • Fill in the To and Subject boxes.
  • Body text can be edited directly in Outlook.
  • Send away. (Test this out on yourself first!)
  • If you wish to remove your signature from the HTML email go to Tools > Options > Mail Format > and select none in the Signature drop down menu.
 
Switching Back to Regular Text Emails
 
 
  • To switch back into plain email mode go back into Tools > Options > Mail Format > and select Plain Text.
  • When you want to send another HTML email follow the same steps and select HTML > Stationary Picker > and choose your saved HTML email.
  • To reinsert your signature go back to Tools > Options > Mail Format > and select your signature in the Signature drop down menu.

Updated: May 17, 2007
    Site Map    Contact Info     ©UC Regents