HTML Project 1Due: March 29

HTML Project 1Due: March 29

Description:

This assignment requires the student to create a main web and subordinate web pages that convey some background information about the student. In doing so, the student will demonstrate their understanding of the following HTML/XHTML constructs and features:

·  Basic formatting

·  Frames

·  Images

·  Lists

·  Links

·  Tables

Submission:

The assignment should be emailed prior to class on the due date. All files should be included in a single ZIP file. The file name should be of the format lastname_html_assignment.zip.

Conditions:

The assignment should comply with the following conditions:

1.  This homework assignment should be completed individually, not in pairs or groups.

2.  Only those features covered in class up to this point should be used in this assignment.

Requirements:

Create a home page using frames and linked documents to display the following information:

1.  The main page should contain 3 frames called "head", "nav" and "disp". The header frame should extend horizontally across the top of the entire page. The navigation frame and the display frames should run vertically below the header frame. The navigation frame should be on the left side and be 25% of the width of the screen. The display frame should consume the remainder of the screen.

2.  The header frame should contain your name in a large font.

3.  The navigation frame should display links to the following pages. When the links are activated, the selected page should become visible in the display frame. The header and navigation frames should not change.

a.  Résumé: The résumé page should make use of appropriate formatting objects to display a typical résumé. You may use your real information or that of a fictitious person. The following components are required (although additional information may be included). Each section, except for the name, should be preceded by a section title.

§  Your name should be displayed in a large font at the top of the résumé.

§  Your contact information, including mailing address, email address and phone numbers should be next.

§  In the objective section, you should describe the type of job in which you are interested.

§  The work experience section should list the employers in reverse-chronological order. The dates of employment, job title and a brief description of the responsibilities and tasks should be included for each employer.

§  The education section should contain the formal degrees and certifications achieved. These should also be listed in reverse-chronological order. The name of the institution and the degree awarded should be formatted appropriately.

b.  Recipe: The recipe page should display your favorite recipe and contain the following components:

§  The title of the recipe in a large font displayed at the top of the page.

§  An unordered list of ingredients. Each ingredient should begin with the measurement in parenthesizes followed by a dash and then the name of the item.

§  A numbered list of directions for preparing the recipe. If followed in the given order these steps should produce the desired result.

§  A story about why the recipe is your favorite. The story should be one or more paragraphs.

c.  Cars: The cars page should display a title followed by a picture and brief description of at least three cars. If you copy a picture from a web site, you should include the name of, as well as a link to, the source web site.

§  Your first car

§  Your current car

§  Your dream car

d.  Schedule: The schedule page should display the BISI course schedule using a complex table.

§  There should be a title and brief description at the top of the page.

§  The first row of the table should include the column headings. The column headings should be bolded.

§  The first column should show the year in the program (i.e. first year, second year). Each year row should span all the semester and course rows.

§  The second column should indicate the semester (fall, spring, summer). Each semester row should span the course rows included in the semester.

§  The third column is the course id column. Each entry in this column should display the course number (e.g. T81-452A).

§  The fourth column should contain the course title (e.g. Survey of Web Development Languages).

§  The last column should display the number of credit hours for each course.

§  At the bottom of the table should be a total row showing the total credits required for the program. The word "Total" should span the first four columns. The total value should appear in the credits column.

4.  The display frame should be used to display the results of the links chosen from the navigation frame. Upon initial load, this frame may be blank.

Grading:

The grade will primarily be based on whether the web pages function correctly and whether they successfully. Additional points will be awarded based on style and the proper use of the HTML formatting components.