Due Date: Wednesday, 5/8/24: Create a table that is going to be the layout design for a web page.

explanation video

Create a web page using one big table as a layout template. This table should fill the web page, and it should automatically change size when the page changes size. Here is an example of a table that could be used as a template for a web page.

Use proper indentation to make your code easier to read. Use these guidelines:

html indentation guide.

CSS indentation guide.

Be creative and make the site an interesting place to visit. Use the skills you have learned. Think about colors. Impress me. Style the table, the text, and other things that will appear on the page.

Rubric

Category minus 15 points minus 10 points minus 5 points Full points
Full size table with columns   One of the three items at right have been done. Two of the three items at right have been done. The table fills the viewer's window, both across and down. Column widths are determined with code.
Resizing     One of the two items at right have been done. Table re-sizes to fit when the the window is made narrower. Columns re-size proportionally, unless prevented by images that can't be shrunk.
Code Indentation     Code is fairly easy to read because of OK indentation. Code is indented according to the guidelines in the above linked "html indentation guide."
Code Style Code uses one style rule for the table, text, or other things that will appear on the page. Code uses two style rules for the table, text, or other things that will appear on the page. Code uses three style rules for the table, text, or other things that will appear on the page. Code uses at least four style rules for the table, text, or other things that will appear on the page.