Link to EngineeringLink to ArchitectureLink to Print MediaLink to Web MediaLink to Audio/Visual DesignGame Development

Unit 4: CSS

Learning Targets

  1. Use proper syntax to write CSS rules.
  2.  Apply CSS styles to an existing HTML tag.
  3.  Apply CSS styles to an ID tag.
  4.  Apply CSS styles to a class.
  5.  Use div tags for the layout of a web page.
  6.  Style div tags using CSS.

Resources

  1. Introduction to CSS (Download Keynote)
  2. w3schools
    1. CSS Tutorial
    2. CSS Complete Properties List
    3. CSS Online Quiz
  3. CSS Styles Panel in Dreamweaver
  4. The Box Model
  5. CSS Menu Builder

Assessments

  1. CSS Syntax Worksheet 
  2. CSS Assignment #1 - Adding CSS Rules to HTML Tags
    1. Download files: cssAssign1.zip
  3. CSS Project #1 - Animal Photos
    1. Download files: cssProject1.zip
  4. CSS Assignment #2 - CSS and Div Layout
  5. CSS Project #2 - More CSS and Div Layouts
    1. Optional Setup Files: cssProject2.zip
  6. CSS Assignment #3 - Half Face
    1. Download files: cssAssign3.zip
    2. Sample
  7. CSS Project #3
    1. Sample
  8. CSS Assign #4
    1. Sample