Overview
-
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.
Syllabus
-
Introduction
- Welcome
- Using the exercise files
- Choosing a text editor
- 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
- Using absolute positioning
- Using relative positioning
- Using the float property for positioning
- Using fixed 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
- Goodbye
