Problem Set 2
Due: Monday, 15 September, beginning of class.
Update the web site that you created in problem set 1. You must use only
CSS for formatting in all three pages of the new web site. You may still use tables for
layout, but all of the formatting must be done in CSS. In addition, you must
include the following formatting on your pages.
- You must have an external CSS that is used in all pages. This stylesheet must contain
styles for the a (including hover), p, em, li, ul, nested ul, and H1 and H2
tags.
Attributes changed must
include font-family, font-style, color, background color, font-size, and text-decoration. You
must include classes for the a, p, and H1 tags. Additionally, you must use the
.special class.
- You must also use embedded style sheets in each page. In these you must do some formatting
styles and you must do some layout commands. For layout, you must use the span style together
with the .super, .sub, .shiftleft, .shiftright and margin styles. These styles must be
created by using relative positioning (you may not use vertical-align styles).
- Finally, you must
use the div
style to create boxes around some elements. You must demonstrate boxes with colors, grooves, thin and
thick widths and inset/outset. Not every page must contain all of these formatting commands,
but all of the commands must be present on the site.
In addition, you must add the following features to your site:
- Add a new page that contains a form (provide a link from the main page).
The form must contain text boxes, text
areas, radio buttons (at least 3), check boxes (at least 3), and a pull-down selection
choice. Ask relevant questions about the college site.
Use the Ithaca College mailmerge program to store the information from the
form in your icsun or www.ithaca.edu account. Require a first and last name field
and an email address.
- Use a SSI to include a header and footer on your main page. The footer
must contain a SSI to indicate the last date that the page was modified.
You perform the following tasks to complete this assignment:
- Create a directory on your icsun account named "problemSet2" (or something similar) and store all of
your html files in this directory.
-
You must use your icsun account to store this web page.
The class page contains instructions about the icsun account.
-
Hand in a printed copy of the html code of all pages.
You must have your name and the assignment number
on the page. Note that you must also turn in a hard copy of your external CSS file.
