|
4
Get super big project checked off.
We have to start CSS Wednesday, we can’t
interrupt class after Tuesday, so get it checked off by Thursday during
Panther Period or after school Friday, no later than 2:30.
|
5
ß
|
6
· Introduction
· What is CSS?
· How does CSS work?
|
7
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.
|
8
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
· 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)
|
13
Lesson
1-5 Project
|
14
Lesson
1-5 Project
|
15
Lesson
1-5 Project
|
|
18
MLK Day
|
19
Complete the:
Links
Project,
|
20
Cover
putting in a style sheet from Lesson 2.
Create
a folder called lesson 6b, put a style folder in that folder and a file
called “style.css” in the style folder.
The css adjustments that used to go
between the <style> tags now go in there.
|
21
Last day for Lesson
1-5 Project
Work on:
3-Page
Holiday or Hobby Web Site
|
22
Finish: 3-Page
Holiday or Hobby Web Site
|
|
25
Non-Student day
|
26
Identification
and grouping of elements (class and id)
We’ll wrap this up Wed if we run out of time.
|
27-28
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.
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).
Lesson 9, The
Box Model
Lesson 10 Margin and padding
*the assignment: Disaster Survival Website.
|
30
Have all work checked off by
12:30 on Friday, no later, even by email.
|