Advanced CSS Training Courseware
Length: 2 days
Webucator's Advanced CSS Training Courseware provides a complete solution for deliverying Private or Public Technical Training.
Advanced CSS Training Courseware
Webucator courseware is authored by content-area experts with a great deal of training experience. Topics are broken down into small chunks, which are explained, demonstrated with sample files or applications, and then practiced with hands-on exercises.
Courseware Overview
In 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.
Courseware 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 lay out 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.
Courseware Outline
- Positioning and Visibility
- Element Flow
- Position
- Positioning
- Z-index
- Display
- Visibility
- Float
- Clear
- Advanced CSS Page Layout
- Resetting Styles
- Full Width Layouts
- Two-column
- Three-column
- Positioning the Headings
- Fixed Width Layouts
- Two-column
- Three-column
- A Recommendation on Positioning
- Other Methods of Layout
- Laying out a Page - The power of float
- CSS Shorthand Properties
- What is CSS Shorthand?
- List of CSS Shorthand
- Shorthand Margins and Padding
- Shorthand Border and Outline
- Shorthand Backgrounds
- Shorthand Fonts
- Shorthand Lists
- Using Shorthand
- What is CSS Shorthand?
- CSS Lists as Hierarchical Navigation
- Using Lists as Vertical Navigation
- Using Nested Lists as Navigation
- Using Lists as Horizontal Navigation
- Using Lists as Drop-Down or Fly-Out Navigation
- Using a List to Create a Navigation Menu
- CSS Background Tricks
- The State of Rounded Corner Boxes
- Fixed-width Rounded Corner Boxes
- Relative-width Rounded Corner Boxes
- "Mountaintop" Corner Boxes
- Tabbed Navigation
- Drop Shadows
- Replacing Text with an Image
- Using Backgrounds
- Laying out and Styling Forms with CSS
- Laying out the Questions
- Creating the Form
- Reset Revisited
- Styling the Form
- Expanding the Form
- CSS Best Practices
- Review some of recommended CSS Best practices
- Browser-compatibility Issues
- Quirks Mode
- Internet Explorer Conditional Statements
- Common Browser Bugs / Issues
- Fixing the Box Model Bug
Courseware Materials
- A printed manual with an optional custom cover.
- A zip file containing the class files to be distributed to the students.
- A zip file containing the class files and a PDF copy of the manual for the instructor to present.
Class Prerequisites
Experience in the following areas is required:
- HTML
- Basic CSS
Technical Requirements
Our computer technical requirements and setup process is easy, with support just a click away.
of Live Online Training:
Webucator is a Registered Education Provider (R.E.P.) approved by PMI to issue professional development units (PDUs) for our training courses.