December
TechPrep Information

 

 

 

 

 

 

Mon

Tue

Wed

Thur

Fri





1

Check off Super Big Project

2

 

Start CSS
·  Introduction

·  What is CSS?

·  How does CSS work?
Colors and backgrounds

Alter lesson 3 to include:

 

1.  A 3 page web page with links to each other, and linked to CSS.

2.   Change the text so you have enough text to scroll.

3.   Make background picture stationary, so text scrolls over picture.

4.   Add a different picture, other than the butterfly.

5.   Have the picture right or bottom or centered

6.   Have a heading color other than red or black

7.   Have a heading background color change, from orange

8.   Have a background color change

 

6pts.

3

Start CSS
·  Introduction

·  What is CSS?

·  How does CSS work?
Colors and backgrounds

Alter lesson 3 to include:

 

1.  A 3 page web page with links to each other, and linked to CSS.

2.   Change the text so you have enough text to scroll.

3.   Make background picture stationary, so text scrolls over picture.

4.   Add a different picture, other than the butterfly.

5.   Have the picture right or bottom or centered

6.   Have a heading color other than red or black

7.   Have a heading background color change, from orange

8.   Have a background color change

 

6pts.

6

 

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

7

 

·  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)

8

 

Lesson 1-5 Project

9

Lesson 1-5 Project

10

Lesson 1-5 Project

13

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

14

 

Caught up on work due to Internet outage.

15

Flash Project 1

Create movie of a car crashing into a rock.  Include:

1 shape tween

2+ motion tweens

2+ drawings

4 layers

School Link to explanation video

Flash Project 2

Choose your own topic, include at least:

1 shape tween

2+ motion tweens

2+ drawings

4 layers

Topic or story

 

16
Work on Flash project

 

17

Wrap it up.

Identification and grouping of elements (class and id)

 

We’ll wrap this up Wed if we run out of time.

 

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.

 

Winter Break Project

Winter Break Project

20

 

*December 20-31 Winter Break

Finish CSS7

From Friday

21

Work on:
3-Page Holiday or Hobby Web Site

22

Finish: 3-Page Holiday or Hobby Web Site

23

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).

24

Lesson 9, The Box Model

Lesson 10 Margin and padding

*the assignment: Disaster Survival Website.

27

28

 29

 

Work on Disaster website.

30

Work on Disaster website.

31

 

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.