Thursday, January 20, 2011

Adding HTML5 tags to Dreamweaver CS4

Ten Steps and your  Dreamweaver CS4 work in HTML5


  1. Start Dreamweaver and go to Edit > Tag Library Editor
  2. Click on the plus “+” icon and select New Tag Library
  3. Give your new tag library a name, something like “HTML5 tags”
  4. Select the type of documents you want the HTML5 tags to be used in from the “Used in“ list
  5. Now, click on the plus “+” icon again and select New Tags this time
  6. Type the HTML5 tags you’d like to add
    TIP: add multiple tags at once – copy and paste this selection of tags if you like:
    article, aside, audio, canvas,  command, datagrid,
    datalist, details, dialog, figure, footer, header, 
    hgroup, mark, meter, nav, output, progress, rp, rt, 
    ruby, section, source, time, video
  7. Next, you can add HTML5 global attributes to these tags. Click on the plus “+” icon and select Add Attributes
  8. Select the HTML5 tags library you created before and select the tag you want to give attributes to. You can comfortably add the global attributes to all new HTML5 tags:
    class, id, style, contenteditable, irrelevant, tabindex,
    contextmenu, lang, template, dir, ref, title, draggable, 
    registrationmark
  9. Once that is done you can also assign attribute types where possible, ie: class = CssStyle or dir = Enumerator (with values: ltr, rtl) etc.
  10. That’s it!
Or you can download HTML5 Pack for Dreamweaver CS3 and CS4. Click here

    2 comments:

    1. I ADAMS KEVIN, a representative Aiico Insurance plc, we trust and respect for individual differences in day out a loan. We will provide 2% of the loan's interest rate. If you are interested in this business contact us by e-mail: (adams.credi@gmail.com) now transfer their loan documents issued properly. Do you need a loan to set up business or school if you are very welcome to Aiico Insurance plc. You can also contact us by e-mail: (adams.credi@gmail.com). We first week can request a balance transfer.

      DO YOU NEED LOAN FOR PERSONAL BUSINESS? IF YOU CONTACT YOUR EMAIL ABOVE TO PROCEED WITH YOUR LOAN TRANSFER IMMEDIATELY OK.

      ReplyDelete