I really enjoyed every moment with my instructor. She always made me feel welcome and like I was on ... More Testimonials »

Advanced CSS Training

Delivery Options

Class Date and Time Price Pricing Information Register
Mar 31 - Apr 1, 2010 10:00 AM - 5:00 PM ET $790.00 or 2 vouchers Register
Apr 28 - 29, 2010 10:00 AM - 5:00 PM ET $790.00 or 2 vouchers Register
May 24 - 25, 2010 10:00 AM - 5:00 PM ET $790.00 or 2 vouchers Register

Class Description

Class Overview

This advanced CSS training class students 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.

Class Goals

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

Class Outline

  1. Positioning and Visibility
    1. Element Flow
    2. Position
    3. Positioning
    4. Z-index
    5. Display
    6. Visibility
    7. Float
    8. Clear
  2. Advanced CSS Page Layout
    1. Resetting Styles
    2. Full Width Layouts
      1. Two-column
      2. Three-column
    3. Positioning the Headings
    4. Fixed Width Layouts
      1. Two-column
      2. Three-column
    5. A Recommendation on Positioning
      1. Other Methods of Layout
    6. Laying out a Page - The power of float
  3. CSS Shorthand Properties
    1. What is CSS Shorthand?
      1. List of CSS Shorthand
    2. Shorthand Margins and Padding
    3. Shorthand Border and Outline
    4. Shorthand Backgrounds
    5. Shorthand Fonts
    6. Shorthand Lists
    7. Using Shorthand
  4. CSS Lists as Hierarchical Navigation
    1. Using Lists as Vertical Navigation
    2. Using Nested Lists as Navigation
    3. Using Lists as Horizontal Navigation
    4. Using Lists as Drop-Down or Fly-Out Navigation
    5. Using a List to Create a Navigation Menu
  5. CSS Background Tricks
    1. The State of Rounded Corner Boxes
    2. Fixed-width Rounded Corner Boxes
    3. Relative-width Rounded Corner Boxes
    4. "Mountaintop" Corner Boxes
    5. Tabbed Navigation
    6. Drop Shadows
    7. Replacing Text with an Image
    8. Using Backgrounds
  6. Laying out and Styling Forms with CSS
    1. Laying out the Questions
    2. Creating the Form
    3. Reset Revisited
    4. Styling the Form
    5. Expanding the Form
  7. CSS Best Practices
    1. Review some of recommended CSS Best practices
  8. Browser-compatibility Issues
    1. Quirks Mode
    2. Internet Explorer Conditional Statements
    3. Common Browser Bugs / Issues
    4. Fixing the Box Model Bug

Class Materials

All students receive a course manual or book and all the class examples.

Students in private onsite classes will also receive:

Class Prerequisites

Experience in the following areas is required:

  • HTML

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

Client Success
  1. Independent Survey
  2. Client List
  3. Testimonials
Join The Team
  1. Learn how you can become a Webucator Trainer
  2. Career Opportunities
Training Classes
Locations
Live eLearning

Like a class you would go to, but you don't have to go anywhere. More...

Customized Onsite Training

The trainer comes to you and delivers a class customized for your team. More...

Self-Paced eLearning

Our least expensive option. You proceed through the course entirely at your own pace. More...

Reference Library
Partner Programs
© Webucator, Inc. All rights reserved. | Toll Free: 877-932-8228 | UK: 0808-101-3484 | From outside the USA: 315-849-2724| Fax: 315-849-2723