CPSC 110: Lab #4

Raw HTML

Unlike many other HTML authoring tools, Dreamweaver allows you to have very direct access to the raw HTML of your Web pages. In fact, you can type in raw HTML yourself.

Read through the HTML tutorials at PageResource.com. Start with the "What you need to have to get started" tutorial and end at "Using HTML Lists".

Now open up your old Web pages. Using those pages and the tutorial, answer these questions:

  1. What does a general beginning tag look like? What does a general end tag look like?
  2. What HTML tag is used to separate paragraphs of text?
  3. What HTML tag breaks a line of text? (This answer might have to come from the tutorial.)
  4. What HTML tag is used to underline text? Boldface text?
  5. What HTML tag is used for headings?
  6. What HTML tag is used to change the color of a font?
  7. What HTML tag is used for links?
  8. What HTML tag is used for images?
  9. What HTML tag is used for unordered lists?
  10. What HTML tag is used for a custom CSS style?
Type your answers to these questions in a word processor, and print them out on paper.

Rollover Images

A rollover image is an image that changes when the mouse cursor moves over it. Pages 109 and following in our textbook explains what they are and how to use them. You can find one on Professor Fife's home page---just move your mouse cursor over his picture. Calvin's home page also uses rollover images to implement the menus at the top. Each menu item is actually an image; when the mouse rolls over one of the menu items, a different picture is displayed with a slightly different look.

You might find the navigation possibilities useful for your Web project, and you will do this for Project #4. For this lab, though, create a rollover image similar to Professor Fife's. It is entirely up to you what pictures to use, but it can be as "useless" as you like.

Add the rollover image to your home page. Save and publish this page as both index.htm and indexlab4.htm.

Turn In

Turn in the print out with your answers to the HTML questions. Be sure your name, course number (i.e., "110"), section letter, and "Lab #4" are printed clearly on the paper. This part of the lab is worth 5 points.

Also, make sure your home page is accessible from The Lab #4 Page of Links. If the grader cannot access your pages from the page of links, you will receive no credit for this assignment. You do not have to include your name, course number (i.e., "110"), section letter, or even "Lab #4" on these pages since it's all very explicit from the page of links. This part of the lab is worth 5 points.

See the schedule page for the due date.

Other Projects

Please, please, please, please, please continue working on the email project and thinking about the Web project. Their due dates are hard and fast; the email project must be worked on every week; and the Web project cannot be done the night before.

Schedule page --- Project #4 --- email project --- Web project

Last modified: Thu Feb 21 15:08:07 EST 2002
This document was prepared with Latte, the best text processing language for the Web.
Every attempt has been made to validate the HTML on this page. Valid HTML 4.0!
© Copyright 2001--2002, Jeremy D. Frens & Calvin College. Permission to copy by any means is granted as long as this copyright is preserved.