Advanced CSS Training
Delivery Options
- Live Online Training - Public Class (): $790.00 (Register)
- Customized Onsite Training (2 days): Request a Proposal
- Looking for a self-paced course? Starts at $99.90
| Class Date and Time |
Price
|
|
|---|---|---|
|
$790.00
or 2 vouchers
vouchers
|
||
| $790.00 or 2 vouchers vouchers | ||
| $790.00 or 2 vouchers vouchers | ||
| $790.00 or 2 vouchers vouchers | ||
| $790.00 or 2 vouchers vouchers | ||
| $790.00 or 2 vouchers vouchers | ||
| $790.00 or 2 vouchers vouchers | ||
| $790.00 or 2 vouchers vouchers |
Class Description
Class 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.
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 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.
Class 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
Class Materials
Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.
Class Prerequisites
Experience in the following areas is required:
- HTML
- Basic CSS
Courses that can help you meet these prerequisites:
Technical Requirements
Our computer technical requirements and setup process is easy, with support just a click away.
- Instructor-led Online course technical requirements and setup instructions.
- WebEx system requirements for Instructor-led Online delivery option.
- Onsite course technical requirements and setup instructions.
- Self-paced course technical requirements and setup instructions.
Potential Follow-on Classes
Client Success
Join The Team
- Learn how you can become a Webucator Trainer
- Career Opportunities
Locations
- Where We've Trained
- We have trainers all over North America.
Compare Us
Recent Blog Articles
CSS3 Training: Vendor Prefixes
Posted on May 23, 2012 by Bob Clary
Welcome to CSS3 and the world of trying to make browsers happy! I wish you luck. Here we go. Check out this code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 #secondbox ...
CSS3 Training: Transitions Overview
Posted on May 23, 2012 by Bob Clary
In CSS3 we can create smooth transitions. Transitions take effect when the property they are applied to changes value. For a transition to be successful ...
CSS3, Fonts, and Legal Issues
Posted on Nov 09, 2011 by akenien
Among other hot CSS3 topics, bloggers are buzzing about @font-face. A frequently overlooked topic are the legal issues associated with this new design ...
Understanding the CSS Inherit Value
Posted on Jul 18, 2011 by Nat Dunn
I had a student ask to see an example of the inherit property in CSS. It is a little hard to demonstrate, because most of the time the property does not ...
Testing Web Pages in Old Versions of IE with Virtual PC
Posted on Mar 11, 2011 by Nat Dunn
Testing on old versions of Internet Explorer can be a pain. I have used IE Tester a lot and it used to do a pretty good job, but lately it has been having ...