Communications Logo Deptartment Logo
 Welcome > HOME > Web Design > Table Properties
WEB PAGE DESIGN

13 May 05

Table Properties

  Tables (rows & columns) are the basic building blocks of many web pages. They provide a consistent and definable space that is able to be accurately (digitally) transmitted and reproduced by any web browser.  This assures the web page designer that those who view his web page will see the page exactly as intended.  In order to accomplish this, the web page designer must be able to create a base structure which is consistent with the content and design theme of the web site as well as accurately manipulate the properties of the tables and individual cells within.
  The following assignments are intended to cover some of the basic table manipulations required to achieve these goals.

Assignment (10 pts)

 Create four separate web pages and reproduce the tables with properties as indicated...
    
 Table size, Rows & Columns, Alignment, Border color, Nested Table
    
 Merging Cells (.pdf document)
    
 Text & Image alignments within a cell.
    
 Combined text and image alignments within a cell (picture properties)
               (Info in Teacher Handout folder)

 Link your four (4) web pages together.

Assignment (10 pts)
 Do some web research and locate four (4) different web sites.  Print the HOME page only!  Analyze the web page and determine the basic structure of table size, columns, and rows. Then using a marker or dark pencil draw the border lines which indicate the locations of those elements ON the printed page. Staple and turn in with rubric.

Basic Skills

  • Page Properties: Back Ground Color - HTML Title - Visible Page Title - Name - Modification Date

  • Identifying basic table structure of existing web pages

  • Basic Table Formatting

  • Basic cell alignment

  • Folder organization / Saving files

  • Linking multiple pages to each other

Specific Requirements

A. Folder Organization

            1. Create and organize all folders...
                  a) Tables folder containing...
                      1) index web page (Table : Properties web page)

                      2)
Table 2: Merged cells web page
                      3)
Table 3: Cell alignment web page
                      4)
Table 4: Combined text & Image alignment web page

                      5) images folder

                            a)
Clip art used in Table 3 assignment
                            b) Be Sure Clip art is named appropriately (NOT #'s)

                      6) navimages folder
                      7) originaldocs folder
                      8) pdfdocs folder
                      9) powerpt folder

                      10) video folder

            2. Save ALL materials in appropriate folders

B. Individual Web Page Requirements

            1. Background color applied to pages
            2.
Page titled appropriately within the HTML code
            3. Visible Page Title / Heading
            4. Your Name / Modification Date
                 a) Small unobtrusive
            5. Each tables page created as specified

            6. ALL tables pages linked to each other

Reflection / Assessment

 Prior to submission for grading, Self Evaluate your finished product based
     on the project rubric. Make changes, corrections as necessary.
 Print project rubric and submit for grading