Week 12 - Online Guide - wrap-up and details

Week 11 - Online Guide

Lecture

• A Selection of Advanced CSS Topics
• What class(es) to take next?

Week 11 Topic Outline

• Final Project Description

Week 10 - Online Guide

Lecture

• Clearing Methods
• Faux Columns
• Types of Web Page Layouts
• Creating Liquid Layouts
• Homework 6 Comments & Review - Float/Position

Week 10 Topic Outline

• Homework 7 - Research Project

• Final Project Description

• Stylin' - pages 153 - 171
• CSS in 10 Minutes - Lesson 21

Week 9 - Online Guide

Lecture

• List Properties for Menus
• Vertical Menus
• Horizontal Menus
• Navigation Menu Techniques

Week 9 Topic Outline

• Homework 9 - Navigational Menus

• Homework 7 - Research Project

• Final Project Description

• Stylin' - pages 173 - 195
• CSS in 10 Minutes - Lessons 15 & 16

Week 8 - Online Guide

Lecture

• Midterm Review
• Layout Examples
• Two-Column Absolute Layout
• Three-Column Absolute Layout
• Three-Column Float with Header/Footer
• Two-Column Float with Header/Footer
• Final Project Presentation

Week 8 Topic Outline

• Lab 8 - Layout Practice for Final Project

• Homework 8 - Layout/Design

• Homework 7 - Research Project

• Stylin' - Chapter 5
• CSS in 10 Minutes - Lessons 9 & 19
• Resource Links

Week 7 - Online Guide

Lecture

• Midterm details, explanation, and help
• Image Basics
• Manipulating Visibility

Week 7 Topic Outline

• Homework 7 - Research Project

• Stylin' - Chapter 6, pages 149 - 153
• CSS in 10 Minutes - Lesson 6
• Resource Links

Week 6 - Online Guide

Lecture

• Floating Elements
• Positioning Elements
• Understanding & Using Z-Index
• Browser Tools
• Midterm Preview

Week 6 Topic Outline

• Homework 6 - Float/Position

• Stylin' - Chapter 4, pages 112 - 122
• CSS in 10 Minutes - Lesson 11 and 12
• Review all reading assignments for Midterm (next week)

Week 5 - Online Guide

Lecture

• Box Model Basics
• Borders, Padding & Margins
• Understanding the Box Model
• Browser Tools

Week 5 Topic Outline

• Lab 5 - Three Nested DIVs
• Lab 5 - Three Stacked DIVs
• Homework 5 - Callout-type Boxes & Advertisement Sidebar

• Stylin' - Chapter 4, pages 101 - 111
• CSS in 10 Minutes - Lesson 5

Week 4 - Online Guide

Lecture

• Semantics in CSS
• Styling Fonts and Text
• Font Sizing
• Font Styles and Variants
• Text Properties
• Browser Tools

Week 4 Topic Outline

• Homework 4A - Font and Text Options
• Homework 4B - Add text Properties to your Home Page

• Stylin' - Chapter 3
• Zen - pages 161-179 and 186-191
• CSS in 10 Minutes - Lessons 1-4 and 7

Week 3 - Online Guide (start here)

Lecture

• The DOM - Revisited
• Advanced Selectors
• Pseudo-Classes
• Pseudo-Elements
• Inheritance
• The Cascade
• Browser Tools

Week 3 Topic Outline

• Homework 3A - Pseudo Elements.
• Homework 3B - Cascade and Specificity
• Homework 3C - Re-styling the Home Page

• Stylin' - Chapter 2
  pages 47 - 59.
• Zen - pages 47 - 77.

Week 2 - Online Guide (start here)

Lecture

• Separating Structure and Presentation
• Style Sheets
• CSS Basics
• Selectors, Classes and IDs
• More about Validation
• Browser Tools
• Setting up Your CTIS Web account
• How to Submit Assignments

Week 2 Topic Outline

• Lab 2 - Experiment with Styling. This lab is not graded and is used for practice and experimentation.
• Homework 2 - Style the lab 1 document in two different ways. This is a graded assignment.
• Finish Homework 1 by adding styles to the home.html page you created last week and upload that to your CTIS web space. This is a graded assignment.

• Stylin' - Chapter 2
  pages 28 - 46 and 60 - 64.
• Zen - pages 47 - 77.

Welcome & Intro (start here!)

Online Guide

Lecture

• CSS History/Foundation
• XHTML Strict Standards
• Document Hierarchy
• Browsers & Tools

Week 1 Topic Outline

• Lab One
• Build Your Home Page
• Download and install Firefox &
  the Web Developer Toolbar
• Post your Intro in the Forum

• Read the course Syllabus
• Stylin' Ch 1
• Zen Ch 1 (if you have it)
• Quirksmode: CSS Hacks