LESSON 37: GRIDS

1. Study the index cards on Grids. I've included a hard copy of these index cards, for your convenience.
2. Be sure that you can answer all the following questions, which are fair game for quizzes and tests.
   1. What is a "grid"?
   2. Fill in the blanks: Grids are created by using the                          and                          attributes in the <FRAMESET> tag.
   3. What is the name of the attribute used to create a specified number of rows in a framed document?
   4. What is the name of the attribute used to create a specified number of columns in a framed document?
   5. Suppose you are creating a grid with 2 rows and 3 columns. How many <FRAME> tags would you have?
   6. Suppose you are creating a grid with  m  rows and  n  columns. How many <FRAME> tags would you have?
   7. Does the order that you list the <FRAME>
   tags inside the <FRAMESET> container make a difference?
   8. Discuss the order that cells are filled inside a grid.
   9. Is the structure below a grid? (YES or NO)
      

      cell 1	cell 2	cell 3	cell 4
      cell 5	cell 6	cell 7	cell 8

   10. Is the structure below a grid? (YES or NO)
       

       cell 1	cell 2
       	cell 3	cell 4

   11. Suppose this frameset code is used:
       <FRAMESET COLS="100,400" ROWS="150,50">
       In a window that is sized to have a width of 500 pixels and a height of 200 pixels, give the width of each column and the height of each row.
   12. Suppose this frameset code is used:
       <FRAMESET COLS="100,400" ROWS="150,50">
       In a window that is sized to have a width of 400 pixels and a height of 400 pixels, give the width of each column and the height of each row.
   13. Suppose this frameset code is used:
       <FRAMESET COLS="100,400" ROWS="150,50">
       Are these absolute pixel values, percentages, or relative values?
   14. Suppose this frameset code is used:
       <FRAMESET COLS="20%,80%" ROWS="75%,25%">
       In a window that is sized to have a width of 500 pixels and a height of 200 pixels, give the width of each column and the height of each row.
   15. Suppose this frameset code is used:
       <FRAMESET COLS="20%,80%" ROWS="75%,25%">
       In a window that is sized to have a width of 400 pixels and a height of 400 pixels, give the width of each column and the height of each row.
   16. Suppose this frameset code is used:
       <FRAMESET COLS="20%,80%" ROWS="75%,25%">
       Are these absolute pixel values, percentages, or relative values?
   17. What happens if you have something like COLS = "10%,40%", where the percentages don't add up to 100%? In particular, how wide would the first and second columns be in this example?
   18. Suppose this frameset code is used:
       <FRAMESET COLS="*,4*" ROWS="3*,*">
       In a window that is sized to have a width of 500 pixels and a height of 200 pixels, give the width of each column and the height of each row.
   19. Suppose this frameset code is used:
       <FRAMESET COLS="*,4*" ROWS="3*,*">
       In a window that is sized to have a width of 400 pixels and a height of 400 pixels, give the width of each column and the height of each row.
   20. Suppose this frameset code is used:
       <FRAMESET COLS="*,4*" ROWS="3*,*">
       Are these absolute pixel values, percentages, or relative values?
   21. Rewrite this code using percentages:
       <FRAMESET COLS="*,4*" ROWS="3*,*">
   22. Rewrite this code using relative values:
       <FRAMESET COLS="20%,80%" ROWS="75%,25%">
   23. Can relative values, absolute pixel values, and percentages be mixed and matched in ROWS and COLS specifications?
3. Code the grid for (W37.1) Exercise #1 in the original Lesson #37.
   Don't cheat by viewing the sourcecode until you're tried it yourself!
4. Code the grid for (W37.2) Exercise #2 in the original Lesson #37.
   Don't cheat by viewing the sourcecode until you're tried it yourself!
5. Code the grid for (W37.3) Exercise #3 in the original Lesson #37.
   Don't cheat by viewing the sourcecode until you're tried it yourself!
6. There is no reading in the Weasel Book in this lesson. We'll return to the Weasel Book in Lesson 38.

• (15 pts) Questions from the index cards and reading (see below).
  There will be 20 randomly-chosen questions; you will cross off 5 questions.
  The remaining 15 questions are worth 1 point each.
• (30 pts total) CODING PART: Write all the code needed to produce grids. This coding part will be modeled on exercises 1, 2, and 3 in the original lesson #37.