Lesson 2: Capstone Project: Revising the Home Page of the Personal Web Site Using Tables to Control the Layout

Overview:

In this lesson you reconstruct the home page of your personal web site using Homesite or Notepad based on the specifications and the storyboard you created in the previous lesson.

Learner Outcomes:

At the completion of this exercise, you will have demonstrated your ability to:

1. control the horizontal alignment within the table cell tag.
2. control the vertical alignment within the table cell tag.
3. span columns and rows of a table with the aid of an editor's wizard.
4. span columns and rows of a table without the aid of an editor's wizard.
5. nest a table within a table.
6. make elements of adjoining cells contact without gaps or borders.

Activities

1. Code the home page to your personal web site according to your specifications and storyboard.
2. You must use a table to control the layout of at least the navigation buttons and the focal image (your portrait).
3. Other than that use any and all of the tricks you have learned in this unit or previous units to create an attractive home page.
   • table attributes such as border, cellpadding, cellspacing,
   • nesting tables,
   • giving cells dimension and aligning vertically and horizontally, and
   • non-breaking space and pixel shims

Resources/Online documents

• Notepad or Homesite
• Storyboard and specifications (from Unit 4, Module 3, Lesson 1)
• Web site evaluation tool created by the class in Unit 1

All done?

Assess your work using the web site evaluation tool created by the class. Use those traits which are appropriate for the task of evaluating the home page only as opposed to an entire web site.