+

William M. Pegram
Home | Courses | Web Design | Office | Client-Side Scripting | Server-Side Scripting | About Me

Home Page, Linking, Biography, Image, CSS Assignment

In this assignment you will create two pages.

The first page is the home page. This home page will have links to work you do in this class. I will assume the location of this home page will be at the root directory of the URL specified for you on the student page at www,billpegram.com unless you email me otherwise. For example, if you do not want the home page of your student site to be devoted to this class, you may put all the files for this class in a folder within your site and then you would email me the URL of that folder. Thus I want to have links to your work, rather than a directory listing of files, which is what would display if there is no "index page."

Requirements for the home page (25 points total)

• Filename of index.htm , index.html, default.htm, default.html, etc. (5 points)
• A relative link to another page that contains a short biography of yourself (6 points)
  • relative implies no reference to a drive such as the hard drive (2 points)
  • relative implies no complete URL, e.g. nothing beginning with http: (2 points)
  • relative implies no use of a leading / in the address (Dreamweaver will call this a site-root relative reference but normally these are considered absolute references) (2 points)
• This link must be easy to find (4 points)
  • this means pay attention to the contrast between color of link and color of background (2 points)
  • placement of tag on page (2 points)
• An appropriate title in the <title> tag  (5 points)
• A relative reference to an external stylesheet (5 points)

Requirements for the bio page (35 points)

• An appropriate title in the <title> tag (5 points)
• Two or more paragraphs of information about you -- Try to make this informative so that I can get to know you better, but since the page will be up on the internet and would be located by search engines, consider what information you do and do not want to include (10 points)
• An inline image (not a background image) (5 points)
• The reference to this image must be a relative reference (5 points)
• If you get the image from elsewhere, indicate the source of the image on the page or in HTML comments. (5 points)
• A relative reference to an external stylesheet (5 points)

Requirements for both pages (10 points)

• Both pages validate as XHTML 1.0 Strict

Requirements for the external stylesheet (30 points)

• At least one style for a tag (5 points); the tag must appear in at least one of the pages (5 points)
• At least one style for a class (5 points); the class must appear in at least one of the pages (5 points)
• At least one style for an id (5 points); the id must appear in at least one of the pages (5 points)

When you are done, FTP all four files (the two html files, the image file, and the external CSS file) to your web space.  Test to see that it works by clicking on the link to your site at www.billpegram.com -- once it works, email the URL to pegramite170@gmail.com I will not grade it until I receive your email and I will not grade files that are attached to the email.

Revised: August 21, 2010. Comments to William Pegram, wpegram@nvcc.edu