Docstoc

Free HTML Code

Document Sample
Free HTML Code Powered By Docstoc
					HTML Guidelines
We need you to comply with some simple coding guidelines. The HTML code that you use
to create your content will appear within the Hotmail HTML code; therefore it must be very
carefully formatted. Some codes that may work in a browser alone may not be permissible
in MSN Featured Offer content.

Please validate the HTML: Provide error-free content that follows the MSN Featured Offers
HTML guidelines. Validate your HTML with the following free HTML validator:
http://www.htmlvalidator.com/lite


 Please use these guidelines when coding the HTML:

1   Include all of your HTML inside a fixed width table.
               <table width="500" border="0" cellspacing="0" cellpadding="0" align="center"
               bgcolor=white>

2   All HTML styles must be inline, i.e.:
             <font face="arial, helvetica, sans-serif" size="2" color="#FF0000">

3   Save your HTML to an ANSII (not UTF8) encoded notepad.exe text file

4   For security reasons we do NOT allow the following in your newsletter: (Hackers have
    been known to use these medias to illegally ask users for their usernames and
    passwords)

        a.     NO JavaScript
        b.     NO DHTML
        c.     NO iframes, or frames
        d.     NO rich media advertising

5   No animated gifs

6   No Relative Links. All images and hyperlinks must be ABSOLUTE.
              Correct (absolute links):
              <a href=”http://www.hotmail.com/hotmail.html”>
              <img src=”http://www.hotmail.com/hotmail/image.gif”>

              Incorrect (relative links):
              <a href=”/hotmail/link.html”>
              <img src=”../../../../hotmail/img.gif”>

              Hyperlinks must begin with the “a” and “href” together.
              Do not include attributes before “href.” Example: <a href=”http://www.url.com”
              class=”font”>
              No carriage returns should separate the hyperlink tag. All hyperlink tags
              should appear on one line.

7   Do not use: “target=_blank” or “target=_new” in href tags. Links should NOT open new
    browser windows in your content; Hotmail will add this to your newsletter for you.

8   If you are using a <FORM> we accept only the GET method instead of the POST
    method. All <FORM> tags must have “METHOD=GET”. Scripts receiving the <FORM>
    input must accept the “GET” method. There is a buffer limit of 4096 characters.
    Hotmail will change it to “POST” in your delivered newsletter, and then pass the info
    back in “GET” format.
 9    The Hotmail user interface restricts the width of your content due to the right-hand
      navigation bar. The width of the content cannot be specified to exceed 500 pixels. If
      your content is too wide, it will break the Hotmail UI and lead to a bad user experience.


 10   HTML code: try and keep to a maximum of 512 Latin characters per code line. A long
      block of code without carriage returns affects our HTML parser.

 11   Fill out the height and width tags for images, this helps accommodate faster load time.
 12   Ex: <img src="http://www.test.com/images/test.gif" height="15" width="30">

 13   Weight of the HTML and images must not exceed 25K.


 Note:
 It is common for some HTML editors to automatically convert all ampersands (&) into
 “&amp;”. Unfortunately it also converts the ampersands in hyperlinks. If you have “&amp;”
 in hyperlinks in your submitted content, this will more than likely break links when the
 newsletter is delivered. Please double-check the HTML code to make sure the ampersands
 are correct in hyperlinks.


NB: HTML code to be submitted does NOT require page or header tags,
these are generated by the Hotmail Newsletter Tool, ONLY layout HTML
is required.

Example Code Requirements:

NOT REQUIRED!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>
<body>

REQUIRED!
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor=white>
<tr><td>

Client Content

</td></tr>
</table>

NOT REQUIRED!
</body>
</html>



Appendix 2 – Subject line guidelines


         Subject Line Creation

         Basic Do’s and Don’ts in Subject Line Creation
DO
        Do promote substantial bargains with substantial savings and seasonal offers
        Do use numbers and lists in copy
        Do promote a page featuring a range of products rather than only one
         product

DON’T
   Don’t use vague wording or refer to lesser-known brand names
   Don’t promote small discounts ($ amounts or percentages)
   Don’t promote a single item unless it is a hot new product or is substantially
      discounted
   Don’t use exclamation points!


Tips for Creating a Compelling Subject Line

What works:

List-oriented content                            “Top 10 weight loss tips”
Breaking news, gossip/entertainment              “JFK Jr. crash report released”
Money-saving/money-making content                “Summer hotel bargains”, OR
                                                 “Net bargain-hunter tips”
Specific, immediately useful information         “3 ways to make a better lunch”
“Fantasy” content                                “Latest luxury car ratings”
                                                 “Guilt-free chocolate cake and
                                                 more”, NOT “Guilt-Free Chocolate
Lower case words are easier to read              Cake and more”
Stuff about love/romance                         “What's his romantic style?”
Stuff about dogs                                 “Best breed for your lifestyle”
                                                 “Latest space station details
Stuff about space                                revealed”
List-oriented content                            “Top 10 weight loss tips”
Breaking news, gossip/entertainment              “JFK Jr. crash report released”
Money-saving/money-making content                “Summer hotel bargains”, OR
                                                 “Net bargain-hunter tips”
Specific, immediately useful information         “3 ways to make a better lunch”
“Fantasy” content                                “Latest luxury car ratings”
                                                 “Guilt-free chocolate cake and
                                                 more”, NOT “Guilt-Free Chocolate
Lower case words are easier to read              Cake and more”
Stuff about love/romance                         “What's his romantic style?”
Stuff about dogs                                 “Best breed for your lifestyle”
                                                 “Latest space station details
Stuff about space                                revealed”
List-oriented content                            “Top 10 weight loss tips”
Breaking news, gossip/entertainment              “JFK Jr. crash report released”
Money-saving/money-making content                “Summer hotel bargains”, OR
                                                 “Net bargain-hunter tips”
Specific, immediately useful information         “3 ways to make a better lunch”
“Fantasy” content                                “Latest luxury car ratings”
                                                 “Guilt-free chocolate cake and
                                                 more”, NOT “Guilt-Free Chocolate
Lower case words are easier to read              Cake and more”
Stuff about love/romance                         “What's his romantic style?”
Stuff about dogs                                 “Best breed for your lifestyle”
                                                 “Latest space station details
Stuff about space                                revealed”
 What doesn’t work:

 Generic-sounding          “Do it better on MSN”
 promos
 Alarmist information      “What you need to know about
                           bioterrorism”
 Deals that don’t seem     “PDA – only $499.95”
 to be deals
 General information       “Care for your car”
 Things that sound like    “5 things to do to save money”
 “work”
 The word “smart”          “Smart ways to save”


 Good words:
    Hot – “10 hot fashion tips”
    Sexy – “Sexy cars of 2001”
    #1, the best – “Find the best restaurant in your city”
  Fat, losing weight – “Can fidgeting help you lose weight?”

 Helpful Tips:

 Good:                      Bad:

 Good:                     Bad:
 “Track your own           “Track your portfolio”
 stocks”
 “Turn $1 a day into       “Smart ways to save”
 $67,815”
 “12 hot Hollywood         “A century of fine scandals”
 scandals”
 George W. Bush:           George W. Bush: crazy
 crazy?


 Do not entice clicks with teasers. Your subject should have something directly to do
   with the content of your newsletter.
 Use a short abstract of your content to help your user relate to the newsletter.
 Vary your newsletter subjects.
 Start with an important, information-carrying first word, for example, the name of the
   company, person, or concept           discussed in the newsletter.
 Do not make all your newsletters start with the same word.
 Try using a question as a teaser. It limits your liability while expanding your verbiage
   and making your subject catchy

 Tips on creating compelling creative
        Use colors pleasing to the eye
        Make the call to action clear
        Make sure that the creative is similar in style to the destination page
        Keep the format simple
        Lead in matters – A short snappy beginning will pull better than a long wind-
         up
        Getting to “yes”: position yourself as the solution through price, value, quality,
         status or uniqueness
        Take a problem/solution approach
        Use paragraphs and white spaces as needed – Avoid crowded content
   Point responders to the destination page easily and through multiple links

				
DOCUMENT INFO
Description: This is free example of HTML codes. This document is useful for creating HTML.