Assignment 3 for LIS530: Tables

Go to bottom of page

For this assignment, I first entered the code for the first exercise in the text (Web Publishing with HTML4) and then followed the directions in the assignment - which included:

  1. the table centered and 50% of screen width
  2. height of 100%
  3. border size at 10
  4. cell-spacing at 10 (between cells) and cell-padding at 7 (between content and edges of cell)
  5. caption of cell at bottom
  6. cells in 1st row are col headings
  7. 2nd row content aligned horizontally at center
  8. 3rd row content aligned vertically at bottom
  9. 4th row content aligned vertically and horizontally with 1st cell top left, 2nd cell middle center and 3rd cell at bottom right
  10. content was already there, which is why this table has 4 columns and 4 rows and not 3x4, as directed (it looked really strange to take the logic out of the table, by cutting off the extra column)
Table 1.1: Mixing Colors

Red Yellow Blue
Red RED Orange Purple
Yellow Orange Yellow Green
Blue Purple Green Blue

Go to top of page

More directions: 5x5 table with 100% screen width, border of 5 pixels

  1. 1st row: 1st col heading empty; set column-span for 2nd and 3rd cols and for 4th and 5th
  2. 2nd row: set row-span for 2nd and 3rd rows and enter row heading there; enter data in 4 remaining cells
  3. 3rd row: 1st cell empty, enter data in 4 remaining cells
  4. 4th row: 1st cell empty, enter data in 4 remaining cells
  5. 5th row: 1st cell empty, enter data in 4 remaining cells
  6. Use table header function to describe row and col headings and enter data into each cell to see results (??)
  Column Heading 1 Column Heading 2
Row Heading data data data data
data data data data
Row Heading data data data data
data data data data

Go to Top of Page

  1. create a 3x2 table (presumably 3 rows and 2 columns, although my HTML editor reverses the values)
  2. set table width to 100%
  3. use default table border
  4. in 1st row, put image in 1st and 3rd cells and explanation in 2nd cell, using unordered list. Set image widthxheight at 200 pixels
  5. do the same thing in the second row
  6. each of the four small images should be clickable to display the original big images. (However, in this case, the clickable images here then display the original smaller sizes.)
  • both images are round
  • both images are unequally expanded
  • image to left is grossly out of proportion
  • image to right is just slightly out of kilter
  • both images are to be used in their original size
  • both images are grossly out of proportion and zigzagged when enlarged to 200x200 pixels

Kate Duttro
37628 Swede Heaven Rd.
Arlington, WA 98223
360/436-0048
jackate@glacierview.net

Objective: Placeholder for marvelously pertinent objective.
Experience:

Placeholder text for experience
More experience

More experience

More experience
2nd line experience

Still more experience

Education:

Placeholder text for education information
2nd line education

Still more education

Yet more education

   

 

 

 




Go to top of page


Kate Duttro
Dept. of Geography, Box 353550
University of Washington
Seattle, WA 98125-3550

206+436-0048
duttro@u.washington.edu
homepage

Go to other LIS530 assignments{Main, 1, 2, 3, 4, 5, 6, 7, 8, Proj}