CSci 1001 Problem set 1. Due Thursday, February 8 at 1pm.

Written problems

• Exercises 11, 12, 16, 20 p. 17
• Name two advantages of formatting web pages using CSS.
• In the example web page that we considered in class find examples of the following:
  • An element that has two nested elements.
  • A self-closing tag (also known as an empty element).
  • A tag with two different attributes.
  • A link to a file within the same web site. Draw the relevant segment of the file structure and show both files.
  Print out the source code of the page and clearly mark your answers.

XHTML

Construct a web page about yourself or anything that interests you. Do not set any fonts, colors, etc. - you will format your page using CSS. Write your source code in a plain-text editor, such as NotePad. Upload your file to the XHTML validator, your page must be XHTML-compliant.
Your page must have the following:

• A meaningful title
• At least two different-sized headers
• At least one list (of any kind)
• At least three links
• At least one image
• At least one table (do not use tables for formatting)

CSS

• Use an external CSS file, do not use the style attributes or embedded CSS
• Set a background color or an image for your page
• Set the text properties (font, color) for the page
• Set at least one property of a header
• Set the border property of an image or a table
• Make links show up differently when the have been visited or when the mouse moves over them.
• Set a property for at least one group of tags (separated by commas)
• Set a property for at least one tag that appears nested within another tag.

How to submit

Web pages:

If you wish to use your account on cda, you may upload your web page, the CSS file, and the images there and send me the URL by e-mail. In this case do not change the files after the due date.
If you are not using your cda account, just send me all the files (including images) by e-mail.

Word problems: