Home
About Us
Missing/Vision
Teacher Information
Lab Information
Advisory Board
Courses
PLTW:Intro to Engineering Design
Residential Architecture
PLTW:Digital Electronics
PLTW:Civil Engineering and Architecture
PLTW:Principles of Engineering
PLTW:Engineering Design & Development
Print Media
Web Development
Audio/Video Design
Game Development
Media Arts Design & Development
Project Lead the Way
Competitions
Clubs
VEX Robotics Club
Graphic Media Club
College/Careers
COURSES
WEB DEVELOPMENT
WD Home
Calendar
Student Work
Links
WD1 Unit #1
WD1 Unit #2
WD1 Unit #3
WD1 Unit #4
WD1 Unit #5
WD2 Unit #1
WD2 Unit #2
WD2 Unit #3
WD2 Unit #4
WD2 Unit #5
WD2 Unit #6
Unit 4: CSS
Learning Targets
Use proper syntax to write CSS rules.
Apply CSS styles to an existing HTML tag.
Apply CSS styles to an ID tag.
Apply CSS styles to a class.
Use div tags for the layout of a web page.
Style div tags using CSS.
Resources
Introduction to CSS
(
Download Keynote)
w3schools
CSS Tutorial
CSS Complete Properties List
CSS Online Quiz
CSS Styles Panel in Dreamweaver
The Box Model
CSS Menu Builder
Assessments
CSS Syntax Worksheet
CSS Assignment #1 - Adding CSS Rules to HTML Tags
Download files:
cssAssign1.zip
CSS Project #1 - Animal Photos
Download files:
cssProject1.zip
CSS Assignment #2 - CSS and Div Layout
CSS Project #2 - More CSS and Div Layouts
Optional Setup Files:
cssProject2.zip
CSS Assignment #3 - Half Face
Download files:
cssAssign3.zip
Sample
CSS Project #3
Sample
CSS Assign #4
Sample