HTML project

posted by: Ms. Martin 5 January 2010 5 Comments

Time to build a website composed of at least 3 pages!  As you know, being a self-learner is a theme in this class.  You will need to make heavy use of the tutorial to complete this assignment.  Have fun with it!

You will need to create a web site with exactly 3 pages to either sell a product or introduce someone other than yourself to the world.  I want to put these on the web, so please don’t include any identifying information beyond your first name (no last names, pictures, etc).

Look at other websites for inspiration and steal their ideasMy example (which is NOT COMLETE!!) should give you ideas, but your page should look very different — no copying and pasting!  Remember, you can right click and hit ‘view source’ to see the HTML for any page.

For this assignment, due at the end of Friday 1/8/2010, you must have at LEAST:

  • three pages (one of which MUST be index.html)
  • a title
  • a navigation bar
  • a footer (contact info, copyright, for more info… etc.)
  • one list (<ol> or <ul>)
  • one table
  • three images
  • centered text in two places
  • colored text
  • 2 different fonts
  • one colored background (for a paragraph, the body, a table…)
  • four links
  • three headings

Additional hints

Inserting images

The tutorial has good examples on how to use images as a background or simply as part of a page.  You can use any image you want by saving it into THE SAME DIRECTORY AS YOUR HTML.  You can then refer to it directly.  For example, if you save an image called apple.jpg, you can use the image in your page like so:

<img src="apple.jpg">

Linking between pages

You will create three different html pages saved in the same directory.  You can link between them by using their full file names.  For example, if you have a file named shop.html, you link to it like so:

<a href="shop.html">Shop</a>

Notice that this is exactly what I do in my example (Ms. Martin’s Phone Store)

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>