Bicentennial Seal
CS 325: Web Programming
(Spring 2014)

Syllabus

Teachers

Assignments
Assignments


Other Pages

Project 1:
Positioning and Layout


Assigned: Tue Mar 04 2014
Due: 10:59:00 AM on Tue Mar 18 2014
Team Size: 3 or 4
Language: HTML + CSS
Out of: 100 points


In this project, you will accentuate your pages with some new formatting.

Part 0, 20 points: Change one of the images you added in the last project to be a floating image so that it lies next to multiple lines of text on the homepage.

Part 1, 20 points: Create a sidebar for your pages. The sidebar should include links for at least four external sites relevant to your project. The sidebar should appear on all pages and should not move when the user moves up or down (or left or right) on the page.

Part 2, 30 points: Add a new page to your project. This page should include an arrangement of graphics in a way that utilizes two dimensions (not just a vertical or horizontal list of games). All positioning must be done via CSS (not tables). At least seven separate image files should be used in your diagram/collage/arrangement.

Part 3, 25 points: Create a navigation bar (nav) for your project. It could either be another sidebar or be a stripe near the top. Include links to all three of your content pages from this, denoted with meaningful text or images. It should move with the rest of the page elements.

Part 4, 5 points: Continue to keep your page easily navigable: I shouldn't have to use the back or forward button to go between pages.

Part 5, 0 points: Personal Page update: add a page with a bunch of quotes about how awesome you are as an IAC! Make this page even more awesome by having the quotes be of different sizes. Try to arrange them sort of like a Wordle, except they will be longer quotes. To do this, you'll have to try to rotate elements. There is a CSS3 way to do it (that no major browser supports) and a CSS browser-specific way to do it. Include both in your CSS (to prepare for the CSS3 takeover). You should include at least 10 quotes.

Submitting your Project:

Upload your code to our webserver (cslamp). Then one person should reply to the email I sent out. In that reply:

  • CC all members of your team.
  • include your team name.
  • include the URL where I can view your project on cslamp in a web browser.
After that email has been sent, all members of the team should forward that email back to me, and give percentages of how much they think each team member contributed towards this project.

Reminder: I won't open these emails until I grade the projects. If you ask a question in the email, I won't get to it until after the project due date.