Length: 3 Days

Cost: $1495

Time: 9am - 4pm

Free Retakes: 8 Months

Upcoming Dates:

  • Dec 14 - 16
  • Feb 8 - 10
  • Mar 21 - 23


Web and App Development Level 1: HTML5 & CSS

Class Description

HTML5 is the foundation for every website. Learn how to build professional, interactive websites and apps with HTML5 and CSS. Add images and video, attach CSS for different styling techniques, and use Javascript for interactivity. This instructor-led class is packed with hands-on exercises that give you the tools to write code and create navigatable sites.

Class Prerequisites

Solid computer skills, Mac or Windows.

About HTML 5

  • Understand how to use HTML5 code and how HTML is a work in progress
  • Key features of HTML and why it is important
  • How HTML 5 has improved with support for the latest multimedia technologies

New HTML Tags for Designers

  • The transition from HTML4 to HTML5 and new capabilities including video and animation
  • CSS1, CSS2, and evolving JavaScript, XML and data, Core Tag Language enhancements
  • CSS Tags as a supplement to HTML

Working with HTML5

  • Modifications to sections such as using the SECTION and ACTION tags
  • Using the HEADER and FOOTER Tags
  • New Text Level semantic additions such as the MARK, TIME and PROGRESS Tags
  • How forms have changed in HTML5, Displaying data with the DISPLAY and DATAGRID settings
  • Migrating your webistes to work with the new HTML5 standard

CSS3 for Designers

  • Understanding CSS
  • How Cascading Style Sheets 3 (CSS3) builds upon CSS1 and CSS2 for a comprehensive tool-set
  • Designing your page with CSS to control font display and interactive elements
  • Embedding fonts and adding text effects
  • Understanding enhanced Border Control
  • Using CSS3 for simple animations
  • Adding image controls with HTML 5 from new Bitmap image formats
  • Incorporating interactive vector based image control in 2D and 3D

Images and Illustrations in HTML5 and Dreamweaver

  • Working with Bitmap images: JPEG, GIF and PNG files
  • Introducing Vector Images to the web and the death of VML
  • When to use Flash and when to use HTML and Javascript
  • Introducing SVG and CANVAS Tag
  • Working with 2D and 3D formatting with CANVAS
  • Adding color, lines, text and controlling shapes, Applying transformations and shadow effects
  • Adding interactivity with JavaScript

Video and Audio in HTML 5

  • How HTML 5's VIDEO and AUDIO tags bring a single, unified standard for video and eliminate third party software
  • Streaming media throgh Rich Internet Applications
  • Using Flash to deliver video
  • Video tags support in Mobile phones
  • Controlling AUDIO and VIDEO tags
  • Setting up traditional video/audio servers to communicate with HTML5 code

JavaScript to add Interactivity

  • How to leverage Open Source JavaScript Libraries to quickly build Web applications
  • Integrating JavaScript into CSS, HTML, SVG and CANVAS
  • Elevating JavaScript with AJAX, Data control with XML in AJAX
  • Using SPRY AJAX Libraries