|
10
Start CSS
· Introduction
· What is CSS?
· How does CSS work?
Colors and
backgrounds
Alter lesson 3 to include:
1. Change the
text so you have enough text to scroll.
2. Make
background picture stationary, so text scrolls over picture.
3. Add a
different picture, other than the butterfly.
4. Have the
picture right or bottom or centered
5. Have a
heading color other than red or black
6. Have a
heading background color change, from orange
7. Have a
background color change
6pts.
|
11
Fonts
Lesson 4
Create a simple web
page with an article copied off an internet news site that includes:
-monospace
in h1
-Use font style, use
oblique and italic and normal
-Have an example of small
caps
-Use font-weight: bold; or
heavier
-Have an example of
font-size that is approximately twice the size of the smaller font.
-Show
me using View, Text size, Larger
|
12
Get caught up
Move onto lesson 5 if you are bored.
|
13
· Text
Lesson 5
Lets make either a table with 7 rows or an unordered or ordered wish
list with at least 7 lines.
Include:
1. Letter spacing
2. Upper case
3. Capit ali zation
(capit ali ze the first letter of each word)
4. Have an indented
heading- name at the end
5. A text decoration
change (line over, line under, or line through)
6. Text- ali gn something so it lines
up on the right or center, title centered (example).
(6 points)
|
14
Lesson
1-5 Project
|
|
17
Lesson
1-5 Project
|
18
Lesson
1-5 Project
|
19
Complete the:
Links
Project,
Topic, Hunting or Animals
Include these links:
A: visited
A:link
A:active
A:hover
Also:
A text decoration change
A background color change
A font color change
A text transform change
|
20
Identification and
grouping of elements (class and id)
We’ll wrap this up Wed if we run out of time.
|
21
Class
and Id Project
Go
to Wikipedia, search for AFC West, scroll to the AFC, NFC table near the
bottom of the page. If you don’t want to use these groups, you can
choose two different groups of 4 or more items.
Create
a webpage using a style sheet that has:
1.
An AFC West Class is a unique color, ex red
2.
NFC West Class that is a unique color, ex yellow
3.
An ID for the Seahawks that is a unique color, ex blue. If you choose
a different topic, have one item that is a unique color.
4. Have a link to a second
page
Extra Credit, 2 options, refer
to lesson 8 and complete the lesson below it, or refer to 8, 9, and 10 and
complete the assignment linked at the bottom of this cell. 10 points for option 1.
|
|
24
Finish
CSS7
From
Friday
|
25
Work on:
3-Page
Holiday or Hobby Web Site
|
26
Finish: 3-Page
Holiday or Hobby Web Site
|
27
Lesson 8 Grouping of elements (span and div)
Grouping
Lesson 8, span and div
Create a website with the preamble to the
constitution, pick 3
sections that are important to you and have them appear as a different
color (not red) from the other text using <span>.
On a new page or the same page,
create two lists with 5+ school appropriate items with different colors
using <div> (no Presidents).
|
28
Lesson 9, The Box Model
Lesson 10 Margin
and padding
*the assignment: Disaster Survival Website.
|
|
31, Memorial Day, no School.
|
|
26
Work on Disaster
website.
|
27
Work on Disaster
website.
|
28
Borders
Presidential Border Project
1. Write 3 sentences
about your favorite President and put a 3 different border styles, widths,
and color changes using 3 different tags (h1, h2, h3, p, ul). *Include one incomplete border.
2. Change the
paragraph or body margins as in lesson 10.
3. Find a picture and
include it on the website however you want.
|