MS-55319 - HTML5 and CSS

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