CIT 040 Index > Assignment 4

Assignment 4

The object of this assignment is to use styles to change fonts and colors. You must use the style attribute to do the markup; you may not use the <font> element!

Take the following text and mark it up as specified by using the style attribute. Save the result as assignment4.html

Your <title> element should contain the words Assignment 4 and your name. For example:

<title>Assignment 4 - Moishe Pipik</title> 

CIT 010 : Introduction to Computing and Information Technology : 3 units

Recommended: Math 11A or 11S or  or 12L or placement
based on Math assessment.
Corequisite: CIT200
Advisory Level:   READ: 2  WRITE: 2 MATH: 2
Material Fee: $2.00

A comprehensive overview of computers and information technology.
Students are required to register in CIT 200.

16255
    Lec | MW | 0745-0910 AM | S150 | Tarquinio
16257
    Lec | W | 0600-0915 PM | S150 | Eisenberg
16258
   BY INTERNET

CIT 020 : Program Design and Development : 3 units
Prerequisite: Math 13 or equivalent
Corequisite: CIT 200
Advisory Level: READ: 2 WRITE: 2
Material Fee: $2.00

This course is an introduction to problem solving and
computer programming. Students are required to register in
CIT 200.

16260
    Lec | Sat | 0100-0405 PM | RG248 | Staff
    Lab | Sat | 0415-0555 PM | RG240 | Staff
16262
    Lab | TTh | 0915-1020 AM | RG240 | Lichtbach
    Lec | TTh | 1030-1110 AM | C209  | Lichtbach

Assignment Requirements

  1. The entire page should have a light purple background (#ffe0ff).
  2. The entire page should be in Arial, Helvetica, or sans-serif font. (Allow the choice of all three.)
  3. The first line of each course is a level one heading with a font size of 18 points. This is the correct way to do things; the heading implies structure, and the style gives you the desired presentation.
  4. The Instructional materials fee is bold and 80% of the normal font size.
  5. Prerequisites appear in green.
  6. Corequisties appear in blue.
  7. Advisory levels appear in red.
  8. The lines listing corequisites, prerequisites, and advisories must be single-spaced.
  9. The timetable for the course is a definition list.
  10. Display the information for morning classes in brown (#cc6600).
  11. Display the information for afternoon and evening classes in blue.
  12. Internet classes display in teal.
  13. Classes are separated by a horizontal rule that takes up 75% of the width of the window.
  14. Add paragraphing as required to make a nice layout. You may use the <br /> element only in the timetable.

Hint: You may apply a style directly to a <p>, <dt>, or <dd>. This may save you some typing.

You must validate your document before you submit it. It must be valid XHTML 1.0 transitional.

See a screenshot of a possible solution. Your screen will not look identical to this picture; it was taken on a Linux system using different fonts than those available on Windows.