Search this site

HTML/CSS Project

Your task is to create a website using HTML and CSS directly (use Notepad to create the files). You must work in groups of 2, no exceptions. The purpose of this assignment is to pull together the HTML and CSS lessons you've learned in order to create a complete, professional-looking website.

This project is due Monday, March 2, at midnight. You should demonstrate drafts of the site to your instructor to get feedback before the final due date.

Content

You can choose the topic of your site-- choose something which could help some organization or the world. Also think in terms of your portfolio--create something with a professional look which you would be proud to show a potential employer.

Technical Requirements

For full credit, you must follow these requirements:
  • All styling should be in CSS files. There can be no styling in the HTML. If you are not clear on what this means, ask your instructor.
Your site should have the following:
  • The same logo at the top of each page.
  • The same drop-down menu on each page.
  • The following HTML elements: html, header, body, paragraph, headings, table, list.
  • At least one relative reference in an anchor or image tag.
  • Appropriate mouse-over text on all links (use title attribute).
  • Images with captions and CSS styling setting the padding, size, etc.
  • An embedded video.
  • CSS definitions for font and background. At least two CSS class definitions and one CSS id definition.
  • At least 5 pages of content.
  • Each team member should be responsible for at least one page on the site.
  • A 'contributions' page should list the contributors and what they were responsible for.
  • An alternative presentation for your site in a separately defined CSS file. By changing the CSS file that is linked to, you should be able to change the way the entire site looks.
The site must be accessible on the web, either on the CS server or elsewhere.  Email me (wolber@usfca.edu) the link of your site upon completion, and each team member should link to the site from their portfolio.

Extra Credit
Research methods for using CSS to provide a cell-phone version of your site, and then create a CSS file which allows your site to be viewed nicely on a cell phone.

Recent site activity