CSS Positioning Best Practices

Takes the student step-by-step through the process of using CSS positioning to create pages that have traditionally been laid out using HTML tables.

Introduction

• Welcome
• Using the exercise files
• Choosing a text editor

1. CSS Overview

• Reviewing CSS linking and setup
• Understanding levels of inheritance
• Understanding levels of style sheets
• Apply styles with SPAN and DIV
• Relating styles to the HTML document with selectors
• Understanding units of measure in CSS

2. CSS Positioning Properties

• Using absolute positioning
• Using relative positioning
• Using the float property for positioning
• Using fixed positioning

3. Building a Web Site with CSS Positioning

• Exploring the finished web site
• Building a document header
• Placing a contact button
• Laying out a main menu
• Creating a layout template pt. 1: Main body area
• Creating a layout template pt. 2: Sidebar area
• Creating a layout template pt. 3: Footer content
• Building a main home page pt. 1: Main body content
• Building a main home page pt. 2: Sidebar content
• Creating a page with a menu, graphics, and formatted links
• Creating a page containing an ordered list
• Creating a page containing video

Conclusion

• Goodbye