HTML5 is the latest HTML web standard, offering flexibility, ease-of-coding, and powerful new features. Similarly, CSS3 offers us more sophisticated properties and elegant solutions for styling and even animating elements.

Although the specifications for these languages have not yet been finalized, many modern browsers already support a large set of the proposed HTML5 elements and CSS3 modules. This class will show you a sampling of new techniques that you can use today in most major browsers.

Learn how to better structure your page content with new semantic elements and experience the magic of native audio and video support. Create drop shadows, text shadow, rounded corners, elements with semi-transparency, and gradient backgrounds purely with CSS. Practice using the exciting new CSS Transform and CSS Transition modules to produce simple animated effects without the use of JavaScript or Flash.

This advanced level course is ideal for people who have experience coding webpages but want to stay ahead of the curve. Knowledge equivalent to our Dreamweaver Advanced class is highly recommended, as is some experience with hand coding. This class will use Dreamweaver but will be almost 100% hand coding.

• 12 hours of hands-on training, one person per computer
• Includes workbook with CD (used by teachers and colleges worldwide)
• Workshop fee: $650 | Discounts
• Course Schedule | Register Now
  
  

Brief History of HTML 4 > XHTML > HTML5
New Doctype and Streamlined Meta Charset
Using HTML5 New Semantic Elements
  header, hgroup, nav, and footer
  aside, article, and section
Understanding the New Outline Algorithm
Validation
Styling New Semantic Elements
Simplified Style Tag
The Child Selector
X-UA-Compatible Meta Tag
Simplified Script Tag
HTML5 Enabling Script (Shiv) for Internet Explorer
Setting New Semantic Elements' Display to Block
HTML5 Sectioning Overview
Using the HTML5 Boilerplate
Using Divs for Layout and Style

Understanding Progressive Enhancement and
Graceful Degradation
Rounded Corners with Border-Radius
Drop Shadows with Box-Shadow
The CSS3 Gradient Stack
Using Vendor Prefixes and Understanding The Stack
Using the IE Filter for Gradients
Working with Multiple Backgrounds
Combining CSS3 Gradients with Multiple Backgrounds
Using Modernizr
Using RGBA for Backgrounds
RGBA for Gradients
RGBA for Box Shadow & Text Shadow
Modernizr Fallbacks

Setting the Opacity of Elements
Changing Opacity on Hover
CSS Transitions
  Transition-Property
  Transition-Duration
  Transition-Timing-Function
  Transition Shorthand and the Transition Stack
CSS Transforms
  Scale
  Rotate
  Opacity
  Modifying the Transform Origin
Transitioning Transforms
HTML5 Forms
  The Placeholder Attribute
  The Required Attribute
  New Input Types: Email
  Using Attribute Selectors
  The Patter Attribute and Regular Expressions
  Client Side Validation—No JavaScript Necessary

Workshop fee: $650 | Discounts
Course Schedule | Register Now