Lesson Plan

Objectives

• Create a text table

• Create a graphical table using the <TABLE>, <TR>, and <TD> tags

• Create table headers and captions

• Control the appearance of a table and table text

• Create table cells that span several rows or columns

• Look at I/E extensions

• Using tables for page layout & design

Coursework / Lab Work

• Quiz

• Table exercise (in class)

• Assignment #2 (Checkpoint 1) now due.

• From the New Perspectives HTML manual (tutorial #4):  

  • Work your way through the New Perspectives manual for Tutorial #4.

  • Work your way through chapter 5 of the supplementary notes.

  • Quick checks on page 4.12, 4.29, and 4.46 

  • Case problems 1 & 2 on pp 4.47-4.48.

Home Work

• Work on case problems from this chapter.

• Work on checkpoint.

• Read chapter 4 of HTML manual.

Demo

• Fixed width tables using <PRE> - pp 4.2 – 4.6

• Table structure using <TABLE>, <TR>, and <TD> - pp 4.7 – 4.9

• Table headers using <TH> - pp 4.9 – 4.10

• Table captions - <CAPTION ALIGN=TOP|BOTTOM> - pg 4.11

• Table borders – pg 4.13 – 4.14

• Cell padding and spacing – pp 4.14 – 4.17

• Table alignment / text wrap – pg 4.17

• Text alignment within cells – ALIGN, VALIGN – pp 4.17 – 4.19 (Discuss TR vs TD)

• Define table size – pp 4.20 – 4.21

• Defining cell and column sizes – pp 4.21 – 4.22

• Modifying the background – Colors/Tiles – TABLE, TR, TD, TH – pg 4.23 – 4.24

• Spanning rows and columns – pp 4.25 – 4.28

• Internet Explorer extensions – for colors and borders – pp 4.43 – 4.45

• Tables for layout (newspaper columns, sidebar techniques, drop caps, etc.)