CSCI 100 - Homework 8Positioning and Tables

Due before midnight, Thursday 19 Apr 2007

In this project, you'll be playing around with position and doing less than useful things with HTML tables.

Remember, I've put template HTML and XHTML files on the web.

Feel free to use them as starting points.

All final pages should be both valid HTML or XHTML and valid CSS.

Part 1 - Making folders

Make a folder called hw08. Inside it create 3 subfolders, pages, images, and css. Create additional folders as needed.

Part 2 - Fixing the house

Create a file called house.html inside your pages directory. In this file you will be assembling these pieces:
chimney roof house door knob grass
into this picture of a house:
final

You should copy these files into your images folder You can also download a ZIP file of the images: hw08.zip


Part 3 - Vexillology

For this part, you'll be abusing <table> and making some flags of various countries. Create a page called flags.html in your pages folder. You can either include all the tables on this page or have individual pages for each flag.

Tri-colors

Pick either a 3 color horizontal striped flag or a 3 color vertically striped flag and implement it using a table. Try to get the aspect ratio and colors to look OK.

Sweden

Next, create the flag of Sweden.

Flag of Sweden

United States of America

Finally, create the flag of the United States of America (without the stars).

Flag of USA

Extra Credit

For extra credit you can create either the flag of Norway:

Flag of Norway

Or the flag of Greece:

Flag of Greece


Update index.html

Create top level index.html that has links to both house.html and flags.html.

If you followed the Honor Code in this assignment, include the requisite statement within this page.

I affirm that I have adhered to the Honor Code in this assignment.

Update your index.html file in your csci100 directory with a link to this assignment.

Part 4 - Validate

Be sure all (X)HTML files are validated as either 4.01 Strict or XHTML 1.0, and all CSS files are valid CSS.

Part 5 - handin

Upload, set permissions, and so forth. You now just need to electronically handin all your files.

  1. either ssh into cs.oberlin.edu or start a terminal from a lab machine
  2. cd ~/www/csci100
  3. handin -c cs100 -a 8 hw08

If you are using Terminal you can just do this as one command:

    ssh username@cs.oberlin.edu handin -c cs100 -a 8 www/csci100/hw08

No secret message this week.


Last Modified: April 11, 2007 - Benjamin A. KupermanVI Powered