Homework Page
Rosa L Carter
lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9 :: 10/11 :: 12 :: 13 :: 14 :: 15/16 :: final
Lesson 2/3 - CSS Basics
Link to live page :: link to live css file
"Live page" with external
style sheet added
live.css file - include a multiple and contextual selector
Cascade Sampler
cascade.css file
Lesson 4 - Font and Text Properties
Create the following files to illustrate how to stretch and shrink fonts
live site with font and text properties applied. The properties I used are......s
relative file
relative big
relative small
fixed file
fixed small
@font-face using google and local fonts
live site with font and
text properties
css file
I used these font families Arial, Helvetica, sans-serif; "Lucida Sans Unicode", "Lucida Grande", sans-serif; I used these text properties
- font-size
- font-family
- font-weight
- text-decoration
- text-transform
- font-style
- line-height
- text-align
- font-variant
Lesson 5/6- Position Properties
live site with <div> tags colorized
position-static
position-relative
position-absolute
position-fixed
Lesson 7 - Backgrounds
Lesson 8 - Midterm
Lesson 9/10- Layout part 1 and 2
Lesson 11 - Layout part 3
Lesson 12 - Layout part 4
(please note I have 4 examples on my homework page, you are required to produce only 3)
Lesson 13 - Tables and Forms
Lesson 14/15 - Navigation
links that display an image that has 4 states
horizontal navigation bar with 3 levels of drop down navigation.
live site with either drop down navigation.
Final
link to design with div tags colorized, color kep of div tags, explanation of how they fit together.
