55319

HTML5 and CSS Training

55319AC HTML5 and CSS is the Community Courseware equivalent of retired MOC Course 20480CC - Programming in HTML5 with JavaScript and CSS3.

This five day course is an in depth hands-on study of HTML5, CSS3 and modern web and mobile development. 

Course Details

Duration

5 days

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.

Target Audience

  • Professional developers new to HTML
  • Self-taught HTML developers
  • Graphics designers
  • Anyone new to HTML development

Skills Gained

  • Create HTML5 compliant web pages.
  • Test and validate HTML and CSS code.
  • Create CSS for style pages.
  • Work with experimental vendor prefixes.
  • Work with fonts and CSS font effects.
  • Work with color and color tools.
  • Layout pages and content using DIVs, iFrames and Tables.
  • Add and format images and CSS sprites.
  • Create HTML5 forms.
  • Embed and manage video and audio content.
Course Outline
  • 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
  • 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
  • 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
  • Fonts and Text
    • Fonts
    • CSS for Text
    • CSS Text Ticks!
    • Working with Lists
    • Upgrading and to Windows 7
  • Colors and Backgrounds
    • Specifying Colors
    • Applying Colors
    • Gradients
  • Anchors and Hyperlinks
    • and CSS
    • Hyperlinks with Images and Other Objects
    • Buttons
  • Page Layout
    • Page Layout Options
    • Tables for Data
    • DIVs
    • Float
    • SPAN
    • HTML 5 DIV-like Tags
    • IFRAMES
  • Images
    • Favicon
    • Preparing Images
    • Image Files
    • The IMG Tag
    • Background Images
    • Image Best Practices
    • CSS Sprites
  • 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
  • Multimedia
    • Video and Audio
    • HTML 5 Video
    • CSS
    • JavaScript
    • Audio
    • Hosting Videos in the Cloud
    • Working with Animated GIFs