courses   |   sign up   |   materials   |   instructor   |   jobs   |   email   

text link
read/watch link
homework link
grades link
examples link
resources link
faq link
syllabus link
  
    home link

LESSON 7: TABLES

Objectives
    o learn basic table code
    o add table attributes
    o include graphics, links, and color in tables
    o assign attributes to rows and cells
    o use colspan and rowspan codes

Listed above are the lesson objectives. Refer to the CD for step-by-step instructions and video demonstrations that will help you master these objectives.

Overview
This week, we get to exercise some control over the placement of text and graphics as they display on the screen. Those of you who enjoy creating columns in Word, PageMaker, or Quark: this is your week. We will use tables to create a grid into which text, graphics, and links can be placed.

Sometimes Web designers create tables with borders, which clearly indicate that the information is within a table. At other times, they turn the borders off and use the table cells as a hidden structure within which they arrange their site elements. If you visit ten popular Web sites, chances are good that nine or ten of them will use tables to control the screen layout.

We can use HTML code to add color to table cells, which allows the page to display spot color without the use of graphics. This speeds up download time and adds visual interest to the page.

By experimenting with cells that span rows or columns, you can create complex tables and even nest one table inside another.

This is the last lesson that deals with code. You will now add two tables that contain these elements:

basic table tags <table> <tr> <td> or <th> content </th> or </td> </tr></table>
five table attributes width, border, cellspacing, cellpadding, colspan, rowspan, align, valign
images and links <td><a href="link.html"><img src="button.gif" /></a></td>

After reading the step-by-step instructions and watching the video demonstrations on the CD, we recommend you read the text, review your notes, and view examples of the code. Then begin creating the Web pages required for your homework.

If you are still confused, send your instructor an email.






























 
lessons || read/watch || homework || grades || examples || resources || messages || syllabus || home

instructor contact information
robert caruso [707] 527-4999 X1142
dave harden [707] 527-4282
linda hemenway [707] 527-4855


This course is a core requirement for several Web Development Certificates. Learn more at the Web Certification site.

The CIS Department offers courses in the following areas: computer basics, applications, graphics, web development, productivity, networking and programming. Visit the CIS Web site.

copyright 2004 linda hemenway