Lynda.COM Dreamweaver CS5: Getting Started with HTML5

Author:
Joseph Lowery

Duration:
01h 58m

Released on:
3/16/2011

Exercise files:
Yes

In Dreamweaver CS5: Getting Started with HTML5, author Joseph Lowery explains how to develop cross-browser compatible web sites utilizing the enhanced capabilities of the HTML5 specification. The course details Dreamweaver's support for HTML5, including templates, additional code hints, and a multi-screen preview for mobile device development. Tutorials on embedding native audio and video players without plug-ins, incorporating non-standard fonts with @font-face, and creating forms with spinners, sliders, and calendars are also included. Exercise files accompany the course.
Topics include:

    Updating Dreamweaver CS5 to support HTML5
    Developing for mobile devices and tablets
    Understanding enhanced structural tags
    Creating a basic page layout
    Drawing with the canvas tag
    Implementing CSS3 type effects
    Setting up styles


Introduction
Welcome           00m 57s
Using the exercise files           00m 50s
Who can benefit from this course?           01m 21s

1. Dreamweaver HTML5 Updates
Installing HTML5 in Dreamweaver           02m 30s
Scoping out HTML5           01m 51s
Understanding HTML5 templates           04m 25s

2. Enhanced Structural Tags
Understanding the benefits of structural tags           02m 29s
Implementing basic page layout           04m 01s
Adding sections           02m 40s
Making an aside           02m 53s
Using heading groups           03m 18s
Framing articles           03m 26s

3. CSS3 Media Queries
Using the Multiscreen Preview panel           04m 57s
Designing for tablets           05m 23s
Optimizing smartphone layouts           10m 19s
Handling the iOS viewports           02m 00s

4. Native Media Implementation
Embedding video without a plug-in           06m 20s
Using the HTML5 Video Player widget           07m 48s
Playing audio without a plug-in           04m 17s
Drawing on a canvas           10m 27s

5. Next Generation Forms
Inserting new input types           02m 53s
Designing with enhanced attributes           02m 37s
Setting ranges with spinners and sliders           03m 39s
Choosing calendar dates           03m 51s

6. New Wave Typography
Understanding web fonts           01m 52s
Declaring @font-face families           05m 34s
Implementing CSS3 type effects           04m 45s

7. Working with HTML5 Now
Setting up styles           04m 37s
Detecting features           06m 03s

Conclusion
Next Steps           00m 35s