Mr. O'Connell's Technology Home Page

Black and Red Website

The goal of this project is to adapt what you have learned from previous CSS projects to an existing website. As you adapt the instructions from earlier projects and tutorials, you are expected to alter the instructions as needed to suit the design needs of the website you are working on.

We will take the Seasons website we created earlier in the course, copy and rename the root folder, and create new formatting that uses only two colors/shades: black and red.

As we have discussed since the beginning of the course, read all instructions three times: once in the beginning of the project, once in the middle of the project, and once more when you think you are done. Revise the work each time as you discover tasks you either missed, or didn't correctly complete. As you will discover from reading the Assessment below, your grade depends on your ability to RAFAD (Read And Follow All Directions).

Instructions:

Open Windows Explorer
Copy your Seasons website (see me for an alternative if you didn't complete this assignment)
Change the name to black_and_red_lastname_firstname
Create a new site in Dreamweaver by adapting the Site Definitions tutorial.
Adapt the instructions from the Personal Website CSS Project to create a new version of the Seasons Website that uses only black #000 and red #F00.
When you finish the above, carefully read the Assessment section below.

Assessment:

As with previous assessments in this class, your ability to follow directions is extremely important to your grade. RAFAD. Then RAFAD again.

Instructions:

Read all of the directions before you do anything
Open Dreamweaver
Open your black and red website
Open index.html
Expand your CSS styles panel
Collapse the File panel and any other panels that are currently expanded. If you are not sure of how to do this, ask the person next to you.
If I do conduct this assessment during class, wait patiently for your assessment. Talk quietly with the person next to you about your project.
After you finish reading all the assessment directions, type the following sentence on your index.html page: “I have read all of the directions.” Don't call attention to this instruction to the people around you who aren't really into reading or following instructions. If this sentence is missing, the highest grade I am willing to give you is a B.
Do not open any other screens while you are waiting. In fact, after you finished typing the sentence above, do not have your hands on the keyboard or the mouse.
In this assessment, you are only being evaluated on your CSS (Cascading Style Sheet). Images are not part of this assessment.
Make sure you have included all of the CSS items listed below.

body

background-color
font-family (should be the same as the "p" font-family)
font-size (should be the same as the "p" font-size)
font-weight (should be the same as the "p" font-weight)
color (should be the same as the "p"color)
alignment
- left or justified only

font-family (should be the same as the "body" font-family)
font-size (should be the same as the "body" font-size)
font-weight (should be the same as the "body" font-weight)
color (should be the same as the "body" color)
alignment
- left or justified only

font-family
font-size (see above)
font-weight
color

font-family
font-size (see above)
font-weight
color

font-family
font-size (see above)
font-weight
color

td
- background
- text-align: left
- vertical-align: top
a:link

font-family
font-size
font-weight
color:
text-decoration

a:visited

font-family
font-size
font-weight
color:
text-decoration

a:hover

font-family
font-size
font-weight
color
text-decoration

a:active

font-family
font-size
font-weight
color
text-decoration

FAQ

Q: I am unhappy with my grade. Is there anything I can do?

A: Yes. Go back, correct all errors and omissions, and resubmit your work after school, Monday through Thursday. It will only take me a moment to re-grade your work. I will raise your score if you have fulfilled all of the requirements, as long as you resubmit the work in a reasonable amount of time.

Q: How can I change the Master Table's background colors in CSS?

A: Edit "background" in the td tag.

Q: Can I use other shades of black and red, like charcoal, salmon, pink, or gray?

A: No. Black and Red only.

Q: I think the CSS items you are asking for are unnecessary, and a waste of time. If I make the website Black and Red, that should be enough.

A: That's a statement, not a question, but I will respond. You will only get full credit if you include the entire list of CSS elements. You have two alternatives. If you don't want to include all of the CSS elements, you can accept a lower grade. The second alternative is to complete the instructions as written, and include your reasons why particular instructions are not needed. If you present a strong argument, and I agree, I will give you extra credit on the assignment of your choice.