Logical Layouts Using Cascading Style Sheets
| Duration: | 1 day |
| Prerequisite: | Styling Web Pages with Cascading Style Sheets or equivalent experience |
| Course Materials: | Course book containing exercises, 456 pages |
| 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