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:
- the table centered and 50% of screen width
- height of 100%
- border size at 10
- cell-spacing at 10 (between cells) and cell-padding at 7 (between content
and edges of cell)
- caption of cell at bottom
- cells in 1st row are col headings
- 2nd row content aligned horizontally at center
- 3rd row content aligned vertically at bottom
- 4th row content aligned vertically and horizontally with 1st cell top left,
2nd cell middle center and 3rd cell at bottom right
- 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
- 1st row: 1st col heading empty; set column-span for 2nd and 3rd cols and
for 4th and 5th
- 2nd row: set row-span for 2nd and 3rd rows and enter row heading there;
enter data in 4 remaining cells
- 3rd row: 1st cell empty, enter data in 4 remaining cells
- 4th row: 1st cell empty, enter data in 4 remaining cells
- 5th row: 1st cell empty, enter data in 4 remaining cells
- 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
- create a 3x2 table (presumably 3 rows and 2 columns, although my HTML editor
reverses the values)
- set table width to 100%
- use default table border
- in 1st row, put image in 1st and 3rd cells and explanation in 2nd cell,
using unordered list. Set image widthxheight at 200 pixels
- do the same thing in the second row
- 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}