This five day course is an in depth hands-on study of HTML5, CSS3 and modern web and mobile development. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects, including one beginning to end web site.
Student Testimonials
Instructor did a great job, from experience this subject can be a bit dry to teach but he was able to keep it very engaging and made it much easier to focus.
Student
Excellent presentation skills, subject matter knowledge, and command of the environment.
Student
Instructor was outstanding. Knowledgeable, presented well, and class timing was perfect.
Student
Click here to print this page »
Prerequisites
While any background in HTML or development is a plus, all you need are basic PC skills and a desire to learn web development.
Detailed Class Syllabus
Module 1: A Brief History of HTML and the Web
Welcome!
History
Details, Details, Details…
The Life of a Web Page
HTTP Status Codes Definitions
Most Important Things to Know as a Web Developer
Module 2: Core HTML Elements
HTML and CSS Editors
Text, Spaces and Tabs
Working with Tags
Attributes
Comments
Non-Standard Tags
Every Page Includes…
File Extensions
Core Page Elements
Nesting
Testing HTML
HTML and Text
Module 3: Cascading Style Sheets
Before CSS
With CSS
Cascading Style Sheets (CSS)
Adding CSS to a Page
Order of CSS Processing
Experimental Vendor Prefixes
CSS Units
The CSS Box Mode
Module 4: Fonts and Text
Fonts
CSS for Text
CSS Text Ticks!
Working with Lists
Upgrading and to Windows 7
Module 5: Colors and Backgrounds
Q&A quiz
Exercise 1 – Working with Color
Exercise 2 - Gradients
Lab Solution
Module 6: Anchors and Hyperlinks
and CSS
Hyperlinks with Images and Other Objects
Buttons
Module 7: Page Layout
Page Layout Options
Tables for Data
DIVs
Float
SPAN
HTML 5 DIV-like Tags
IFRAMES
Module 8: Images
Favicon
Preparing Images
Image Files
The IMG Tag
Background Images
Image Best Practices
CSS Sprites
Module 9: HTML Forms
A Basic Form
POST vs. GET
name vs. id
Basic Form Elements
Basic Form Attribute
Select
Uploading Files
HTML 5 Form Enhancements
DataList
Module 10: Multimedia
Video and Audio
HTML 5 Video
CSS
JavaScript
Audio
Hosting Videos in the Cloud
Working with Animated GIFs