Dreamweaver Training: Essentials of HTML5 Schedule
We can also perform this training at your location or at one of the cities listed below:
Dreamweaver Training: Essentials of HTML5 Overview
HTML5 is quickly becoming the standard mark-up for building rich engaging websites. Get up to speed as your instructor introduces you to the emerging new world of HTML 5 using the latest version of Dreamweaver. This class will cover the new HTML5 tags and their semantics, new form elements and attributes, adding video and audio natively in the browser and new CSS3 styles and animations. Also learn to use Dreamweaver’s media query tools to build responsive web layouts for mobile, table and the desktop.
Your instructor will cover the pitfalls, and the best practices will be followed so that you are creating websites with the latest standards to reach world-wide audiences across different browsers and computer platforms. This is a Dreamweaver essential training class.
This Dreamweaver CS5 course is intensive, but not complicated. Our job is to make difficult concepts easy to understand and implement into your own projects.
Using CSS Media Queries
CSS3 Corner Radius
Dreamweaver Training: Essentials of HTML5 Course Materials
Along with this Two-Day Training, you will receive:
- Course Manual
- Student Files and Class Assets
- An Adobe Nationally Recognized Course Certificate
- After-Class, Follow-Up Support
- Conversion Tools Bookmark
- Additional Goodies!
Dreamweaver Training: Essentials of HTML5 Course Prerequisites
Completion of Dreamweaver: Essential Skills I, or have equivalent knowledge of the topics covered in the Dreamweaver: Essential Skills I course.
Dreamweaver Training: Essentials of HTML5 Course Outline
PDF Version of Dreamweaver Training: Essentials of HTML5 Outline
Introducing HTML5
- The Story of HTML5
- Your First Look at the HTML5 Markup
- The HTML5 Doctype
- Character Encoding
- The Language
- Adding a Style Sheet
- Adding a Javascript
- A Closer Look at HTML5
- The Loosened Rules
- HTML5 Validation
HTML5 Elements
- Adding Elements
- Removed Elements
- Adapted Elements
- Tweaked Elements
- Standardized Elements
- Using HTML5 Today
- Evaluating Browser Support
- Browser Adoption Statistics
- Feature Detection with Modernizr
- Feature Filling with Polyfills
A New Way to Structure Pages
- Introducing the Semantic Elements
- Retrofitting a Traditional HTML Page
- Page Structure the Old Way
- Page Structure the HTML5 Way
- Subtitles with
- Adding a figure with
- Adding a sidebar with
- Browser Compatibility for the Semantic Elements "aside" tag
- Designing a Site with the Semantic Elements
- Deeper into Headers, Footer and Sections
- Navigation Links with "nav" tag
- The HTML5 Outlining System
- Basic Outlines
- Solving an Outline Problem
Meaningful Markup
- The Semantic Elements Revisited
- Date and Times with "time"
- Javascript Calculations with "output" tag
- Highlighted Text with "mark" tag
- Other Standard that Boost Semantics
- ARIA (Accessible Rich Internet Applications)
- RDFa (Resource Description Framework)
- Google Rich Snippets
- Enhanced Search Results
- The Recipe Search Engine
Web Forms Refined
- Understanding Forms
- Revamping a Traditional HTML Form
- Adding Hints with Placeholders
- Focus Starting in the Right Spot
- Validation Stopping Errors
- How HTML5 Validation Works
- Turing Validation Off
- Validation Styling Hooks
- Validating with Regular Expressions
- Custom Validation
- Browser Support for Validation
- New Types of Input
- Email Address
- URLs
- Search Boxes
- Telephone Numbers
- Numbers
- Sliders
- Dates and Times
- New Elements
- Input Suggestions with "datalist" tag
- Progress Bars and Meters
- Toolbars and Menus with "command" tag
- An HTML Editor in a Web Page
- Using Content Editable to Edit an Element
Audio and Video
- Understanding Video Today
- Introducing HTML5 Audio and Video
- Making Some Noise with "audio" tag
- Getting the Big Picture with "video" tag
- Format Wars and Fallbacks
- Meet the Formats
- Browser Support for Media Formats
- Using Multiple Formats
- The "source" Element
- The Flash Fallback
- Controlling Your Player with Javascript
- Adding Sound Effects
- Creating a Custom Video Player
- Javascript Media Players
- Captions and Accessibility
Booting Styles with CSS3
- Using CSS3 Today
- Treat CSS3 Features as Enhancements
- Add Fallback with Modernizr
- Browser Specific Styles
- Web Typography
- Web Font Formats
- Putting Text in Multiple Columns
- Adapting to Different Devices
- Media Queries
- More Advanced Media Queries
- Replacing an Entire Style Sheet
- Recognizing Mobile Devices
- Building Better Boxes
- Transparency
- Rounded Corners
- Backgrounds
- Shadows
- Gradients
- Creating Effects with Transitions
- A Basic Color Transition
- More Transition Ideas
- Transforms
ColdFusion 9 Training: Essential Skills I
Photoshop Training: Essential Skills I