Logical Layouts Using Cascading Style Sheets
| Duration: | 1 day |
| Prerequisite: | Styling Web Pages with Cascading Style Sheets |
| Course Materials: | Course manual with CD containing exercises |
| Prices: | $260 each for 1 student (one-on-one training) $230 each for 2 to 3 students $200 each for 4 to 6 students $200 for the first 6 students, $125 for each additional student |
| Description: | This is the second class of our CSS course. Once you know the fundamentals of Cascading Style Sheets and how to style different parts of a web page, you can now advanced to a more challenging aspect of CSS: logical layouts. Although we start with styling forms, the rest of the class is dedicated to logical layouts. CSS layouts keep your file sizes down, allows visitors to your web site to download your pages quickly, and are easy to maintain. We discuss different layouts and thoroughly discuss challenging topics like the Box Model and positioning. |
Forms
- Markup Refresher
- Browser Rendering of Form Elements
- Basics of Form Styling
Layout Basics
- Floats and Clearing
- Positioning
Classic Layouts
- Types of Layouts (Fixed, Liquid, Elastic, Variable Fixed Width)
- Before You Build
- Liquid Floated Two-Column Layout
- Liquid Floated Three-Column Layout
- Liquid Positioned Two-Column Layout
- Liquid Positioned Three-Column Layout
- Fixed Width Layout
Layout Manipulation
- Switching Layouts with Contextual Selectors
- Faux Columns
The Journey From Layout to Template
- Masthead
- Headings
- Navigation
- Cool Footers