|
3
Work on:
3-Page
Holiday or Hobby Web Site
|
4
Finish: 3-Page
Holiday or Hobby Web Site
|
5
Identification
and grouping of elements (class and id)
We’ll wrap this up Wed if we run out of time.
|
6
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.
|
7
Work on Disaster
website.
|
|
17
|
18
Borders
Inauguration Border Project
1. In celebration of
inauguration, 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.
|
19
Height and width
Floating
elements (floats)
News
Project (3 pages)
1. Look up a local
news story with a picture and float the text around the picture on a
website. Change the margins and color, so it has a good appearance
(try to finish this part today). Have a hyperlink to the second page.
2. Include a
hyperlink to another page, for example, “columns”. On the columns
page present a news story in columns (try to finish this part Thursday).
3. Have a link to a 3rd
page with the text below the picture using the clear property (start this
part Friday).
|
20
Finish the
Floating
elements (floats) tutorial and continue the news project with part III
2. Include a hyperlink to
another page, for example, “columns”. On the columns page present a
news story in columns (try to finish this part Thursday).
|
21
Continue the news project
with part III:
Have a link to a 3rd page
with the text below the picture using the clear property
|
|
24
Positioning of
elements
Layer on
layer with z-index (Layers)
Just show me the boxes, the dog pictures, and cards
|
25
*Skip
this Fall semester 2010-2011
Z-Index
Have the cards as in lesson 15 (reordered is
fine), and add at least 3 pictures in a new pile of items using z index, adding
to the old one is fine.
|
26
Final
Project
Per 1-3
|
27
Final
Project
From Lesson 15: Create a stack of 3-5 pictures of
different sizes. The pictures need to be black and white. Have
a hyperlink to project 2.
From Lesson 13: Find a picture of your favorite car and an
article of text, and have the text wrap around the picture. Have an
appropriate heading. Have a hyperlink to project 3.
From Lesson 14: Have four differently colored boxes on the
screen, not bordering each other, using absolute referencing. Have a link
to the columns section.
From
Lesson 13: Find an article about a winter activity, format it
in a web page in 2-4 columns.
8 points each section for 32.
|
28
Recent Make-up work, don’t try to turn in anything after 12:12, as I
have to enter grades and get ready for second semester.
|