Checkpoint Overview

There will be three checkpoint assignments based on the material covered in HTML. These assignments will be cumulative and based on checkpoints at given times. 

These continual assignments will not only serve as an in class assignment but will also be used as hand in assignments. As there is a fair amount of material, be extra careful not to get behind. Much of the material, in some way or another, builds on itself. It is very important that you attempt to stay current.

The checkpoints will be broken down into two smaller checkpoints:

1. Consulting company web site.

2. HTML online reference manual.

At each checkpoint interval, both of the smaller checkpoints must be handed in. Each smaller checkpoint will be worth 15 marks each, both totaling 30 marks.

During each of the checkpoint intervals, there will be partial lab time that can be used to work on the assignments. This will give you a chance to work through some details with assistance. As there is not enough class or lab time available, it is highly recommended that time outside of class be used to work on the assignments.

Checkpoint Due Dates

All web pages, graphics, and other media must be supplied at each interval so it can be marked. Please hand in the entire web at each interval, not just the incremental changes. 

There are three ways that the checkpoints can be submitted:  Placing on a disk and giving to instructor prior to due date. Your name and class should be clearly labeled on the disk.

• Emailing to instructor on due date or before. The contents should be attached to an email and sent to the instructor account. Contents can be placed in a zip file if desired. The subject line should read: IMOS - Checkpoint # - Student Name.
• Placing submission on a host that is accessible from the Internet. (your own host or a free account). The URL should be emailed to the instructor account. The subject line should read: IMOS - Checkpoint # - Student Name.

PART A

This checkpoint assignment will be an online manual. Design a series of web page(s) which outlines the tags which are covered in tutorials 1 and 2 of the New Perspectives manual on HTML. 

Include in the manual the command, a description or the command, the syntax of the command, examples of using the command, the output of the command, and any details that you feel are necessary. Commands should be grouped under logical headings and subheadings.

You should begin by creating a single page that outlines the tags that you want to cover. Once you have developed the material, you will want to break the HTML document into a number of smaller pages. These pages could be grouped by major topic such as “HTML tags structure”, “Character Attributes”, and “Linking”. A table of contents should be included which not only groups the tags you have learned, but also provides hyperlinks to the relevant documents. Pages should provide a link back to the table of contents.

Remember to include examples of the commands. You will want to utilize the <CODE> tag in order to demonstrate HTML codes (you could also use the font tag.) You will also want to make use of some of the extended characters for displaying the "<" and the ">" characters when demonstrating the codes.

PART B

You are the owner of a computer/technology based consulting company. Create a "Home" page for your company that serves a number of purposes. Explain what the company's function is as well as how one should navigate the site. Include an index of the services your company offers. Create an individual page for each service and describe in more detail. Utilize links and fonts to make the pages more interactive.

Your page should contain information or be based on the following criteria/steps:

• Come up with a name for your business.

• Come up with a  company slogan.

• Define the role of the business / mission statement.

• Define the services your company will offer. Some suggestions include:

  • ISP Services

  • Web Site Design

  • Web Site Maintenance

  • Web Development

  • Web Hosting

  • Computer Sales

  • Software Sales

  • Systems Analysis and Solution Recommendation

  • Network Design, Setup, and Configuration

  • Application Development

  • Image Scanning

  • Database Design and Development

  • Training

  • Graphic Design

After you have chosen some services, explain in further detail what your company will be offering.

While designing your page, consider your target audience:

• Individuals

• Small/Medium/Large Business

• Government

• Other Organizations

Start thinking of logo ideas for your business. We will be designing them in some of the classes devoted to incorporating graphics on your web page.

Your page should consist of: 

• A main heading identifying your business

• An overview of your company and it's services.

• Smaller headings for each of the services that will be offered.

• Description of services under each of the headings.

• Footer with company contact information.

*Note that this is cumulative of the first two checkpoints. Although they are not a specific requirement of this checkpoint, they are needed for organization and design marks.    

PART A

• Add the list tags and related extensions to your HTML manual. Also include information on block quotes, subscripts, and superscripts. As before, there should be a description of the tag, it’s attributes, syntax, and an example. This should be linked into your main menu though the use of hyperlinks. Although not required, you may want to consider using lists for your table of contents as well.
• Include the image tag in your online manual. Describe its syntax and provide examples of EACH of the attributes covered in class. This should be accessible from your table of contents utilizing a hyperlink.
• Include the table tag in your online manual. Describe its syntax and provide examples of EACH of the attributes covered in class. This should be accessible from your table of contents utilizing a hyperlink.

PART B

• Include a practical example of an ordered list (numbered) and an unordered list (bulleted) on your company page.

• Either locate graphics relevant to your company or begin to generate your own with Paint Shop Pro or another graphics program. Your graphics should have a consistent look: this is in terms of color, pattern, and style. Having graphics which “match” make them belong on your page and appear less like a collage of slapped on images. Your page should contain a main company logo or title. It should also contain recurring elements of a similar color scheme in terms of bullets, rules, etc.

• Utilize a table in your company web page for formatting purposes.

• Utilize a table in your company web page for displaying a rate sheet.

*Note that this is cumulative of the first two checkpoints. Although they are not a specific requirement of this checkpoint, they are needed for organization and design marks.    

PART A

• Add a section to your online manual that describes image maps. Include all tags that are required to construct both a client side and server side image map.
• Add pages that describe the use of frames in your document. Examples are not necessary.
• Incorporate the tags used within HTML forms into your online manual. Your online manual does not need to utilize the tags. You can however choose to include code that demonstrates the tag using a test server. Many of the in class exercises can be directly incorporated into the manual.
• Add a navigation system that utilizes frames.

PART B

• Add a clickable image map to your company page. This clickable map should be broken down into at LEAST 4 different links. This could include a table of contents for some major headings.

• Create a framed version of your corporate pages. You should provide the user the ability to use either a framed or non framed version of the site. (Frames can either be used for a particular area of your company pages or could be used as a navigation system for your site.)