Advanced CSS Training (2 days)

Advanced CSS Training Overview

This advanced CSS training class studens will learn to use CSS to format forms, create list-based navigation, do advanced page layouts, and create stunning background effects. Students will also learn about CSS coding conventions and shorthand properties.

Advanced CSS Training Course Goals

• Learn to organize your CSS code.
• Learn how to use shorthand CSS properties.
• Learn advanced CSS page layout techniques.
• Learn to layout forms without tables.
• Learn to use CSS with lists to create hierarchical navigation.
• Learn to create cool effects with background images using CSS.

Advanced CSS Training Course Prerequisites

Experience in the following areas is required:

• HTML

Advanced CSS Training Course Outline

1. CSS Coding Conventions
   1. The Benefits of Coding Conventions
   2. File Naming and Organization
   3. Commenting
   4. Indentation and White Space
   5. Naming Conventions
2. CSS Shorthand Properties
   1. What is CSS shorthand?
      1. Benefits of using CSS shorthand techniques
   2. Shorthand-enabled Properties
      1. Value order of CSS properties
      2. Omitting property values
   3. Margin and Padding
   4. Border and Outline
   5. Background
   6. Colors
   7. Fonts
   8. Lists
3. CSS Page Layout
   1. Absolute-width Layout
   2. Relative-width Layout
   3. Centering a Fixed-width Column
   4. 2-column Layout Using Float
   5. 3-column Layout Using Float
4. CSS Form Element Styling and Layout Without Tables
   1. Form Markup
   2. Form Layout Options
   3. Adding Visual Styles to Form Elements
   4. Required Fields and Error Messages
5. CSS Lists as Hierarchical Navigation
   1. Using Lists as Vertical Navigation
   2. Using lists as Horizontal Navigation
   3. Multiple-level Lists as Drop Down Menus
   4. Multiple-level Lists as Fly Out Menus
   5. Browser-specific Considerations, Flash and Use of JavaScript
6. CSS Background Images
   1. Fixed-width Rounded Corner Boxes
   2. Relative-width Rounded Corner Boxes
   3. Mountaintop Corner Boxes
   4. Drop Shadows
   5. Tips and Tricks
7. Using a CSS Template
   1. Breaking Down the HTML Elements
   2. Breaking Down the CSS
   3. Making Changes and Customizing a Template

Advanced CSS Training Course Materials

In addition to a comprehensive set of materials, including course notes and all the programming examples, each student will also receive a one-year subscription to Webucator's online reference library, which contains hundreds of the most current electronic technology books - a $149.95 per student value.

Advanced CSS Training Technical Requirements

1. Operating Systems Options
   • Operating System Options
     • Windows Vista
     • Windows XP with Service Pack 2
   • Macintosh
2. Any Text or HTML Editor
3. Both of the Following Browsers
   1. Internet Explorer 6.0 or later
      • Download
   2. Firefox
      • Download

Class Files for Advanced CSS Training

1. Download the class files.
2. After downloading the files, click here for further instructions.