CIS89A-01: World Wide Web Page Development

Week 2

Assignment 2


Due Date: Day 7 of Week 2
40 points

The goal of this assignment is to create a navigational menu.

Why did you do the first assignment? Because you get a chance to find a site that you like. This is a site that you might want to use as an example to create your site. You know what you don't like in a site when you found the site that you disliked. You know what you want to create for your site to make the users come to your site. So be creative. Add good content for your site.

It is time to be very creative and do what you really enjoy doing: creating your own Web site that you're proud of. So for this assignment you start doing the following:

  1. Rename index.html (that you created for the assignment 1) to sites.html.
  2. Create a new index.html. The content of this new homepage is as follows:
    • Come up with a virtual business. Describe your business. This is up to you. If you cannot think of a business, get the idea from the Internet. If you still cannot find a business, do something that you like to do such as your hobbies, etc. I give you the flexibility to do something that you like and want to do.
    • Create the navigation, i.e. 5 links at the top and bottom of the homepage (index.html):
      • a link to Home (index.html)
      • a link to Sites (sites.html)
      • a link to About Us (about.html)
      • a link to Contact (contact.html)
      • a link to Midterm (midterm.html). This will be used for the midterm in Week 3.
  3. Create about.html page. This is About Us page. This page contains:
    • Five links at the top and bottom of the page for the navigation:
      • a link to Home (index.html)
      • a link to Sites (sites.html)
      • a link to About Us (about.html)
      • a link to Contact (contact.html)
      • a link to Midterm (midterm.html). This will be used for the midterm in Week 3.
    • Tell us about your business.
  4. Create contact.html. This contact page is for the customers to contact your business. This page contains:
    • Five links at the top and bottom of the page for the navigation:
      • a link to Home (index.html)
      • a link to Sites (sites.html)
      • a link to About Us (about.html)
      • a link to Contact (contact.html)
      • a link to Midterm (midterm.html). This will be used for the midterm in Week 3.
    • Provide the contact information for the users to contact your business.
  5. Add 4 links at the top and bottom of the sites.html for the navigation (there is no need to add anything else beside the navigation):
    • a link to Home (index.html)
    • a link to Sites (sites.html)
    • a link to About Us (about.html)
    • a link to Contact (contact.html)
  6. Upload the 4 new files: index.html (it will overwrite the current one), about.html, contact.html and sites.html to the assignments directory under public_html directory in Voyager.

You must use the following for the 3 pages (index.html, about.html and contact.html):

  • For CSS, I make it flexible for you to design the navigational menu and the Web pages.
  • Headings of at least two different sizes.
  • At least two instances of bold.
  • At least two instances of italics.
  • At least two instances of a horizontal rule.
  • At least two attributes applied to an HTML element, such as alignment, font, etc.
  • At least one text color.
  • At least one background color.
  • You can use any other tags as you wish.

The idea of creating a navigation for each page is to allow the users to go to any page from any page.

You can use any other tags discussed up to Week 2 as you wish. We do step by step, so do not use any tags that we have not learned yet. Every week you get a chance to add a new content about your business, thus using new tags.

This is your site. This is the beginning of a real site. Do not create assignment 1, assignment 2, etc. links. Instead do as required above.

Go to Catalyst to submit the lab.

I cannot grade if you don't submit it Catalyst.