Click on any phrase to play the video from that point.
[ADOBE DREAMWEAVER CS5.5 HTML5 SEMANTICS]
Hi, I'm Scott Fegette, senior product manager for Dreamweaver.
I wanted to talk to you today about HTML5 semantics
and our support for them within Dreamweaver CS5.5.
Whereas some of the more interactive and multimedia features of HTML5
tend to get most of the attention, a lot of the really kind of cool behind-the-scenes work
within HTML5 was simply to make the code a little bit more semantic.
It was very popular that you would open up a web page using Web standards
and see nothing but div soup--tons of div tags holding lots of content
but no real idea as to what they were.
So in Dreamweaver CS5.5 we've given you some ways to kind of get a jump start
and work effectively with it.
First up, we've got two HTML5 starter layouts--
two-column and three-column fixed layouts.
You'll see HTML5 is now a doctype within the selection list here.
We'll just go ahead and choose Add to Head and create a new page.
You'll see that this looks a lot like the starter pages
you're maybe used to in previous versions of Dreamweaver, but there's a big difference.
When we flip over into code, you'll see that the code within the new starter templates
is actually using HTML5 semantics.
Instead of divs being used for navigation, we actually have the nav element.
Instead of sidebars being tagged with classes, we actually have an aside
that can be tagged and targeted specifically within CSS.
So all of this is really available within the starter templates
for you to get kicked off.
But if you're creating from scratch, we also have code hinting for all of it--
for example, the video element.
All you need to do is just start typing, and we do the rest.
You can get to all the HTML5 semantic tags directly within Dreamweaver,
and it'll help you tag up your page correctly.
And when you're ready to actually start working with the visuals,
Dreamweaver CS5.5's new updated WebKit rendering
gives you accurate preview that matches what's currently in the Google Chrome browser
as well as Apple Safari browser,
making sure that your projects can stay up to date and as visually accurate as possible.
So this is a little peek into HTML5 semantics.
I hope you enjoy this as a way to sort of kick off HTML5-based projects
and maybe start adapting more of the principles yourself as you develop sites further.
Thanks a lot for watching me today, and keep posted
because we're going to have a lot more small sneak peeks
into Dreamweaver CS5.5 features as we go. Thanks.
[ADOBE TV - tv.adobe.com]

