LESSON 8: INTRODUCTION TO LISTS

1. Study the index cards on Introduction to Lists. I've included a hard copy of these index cards, for your convenience. Be sure you can answer all the questions! Do (W8.1); here, you'll continue with the online tutorial.
   • What types of lists are available in HTML?
   • What is an UNORDERED (bulleted) LIST?
   • What does the tag name "UL" stand for?
   • What does the tag name "LI" stand for?
   • Should you close your "<LI>" tags?
   • Can you change the bullet shape for a list item? If so, what attribute is used to do this?
   • What is usually the default bullet shape for an unordered list?
   • What bullet shapes can you get in an unordered list, besides a disc?
   • What is an ORDERED (numbered) list?
   • What does the tag name "OL" stand for?
   • Can you change the "numbering" scheme in an ordered list (say, from numbers to letters)? If so, what attribute is used to do this?
   • What is the usual default numbering scheme for an ordered list?
   • Can you change the starting "number" in a list? If so, what attribute is used to do this?
   • What is a DEFINITION list?
   • What do DL, DT, and DD stand for?
2. Do the assignment items A8.2 through A8.13 on Introduction to Lists. Here, you'll practice working with lists.
3. The CODING PART of this quiz will (of course) require that you can create lists! Practice by creating the lists below; these lists incorporate all the ideas that I could ask.
   • Here's an unordered list.
     • Here's a sublist.
     • Note the different bullet shape.
     • And this bullet shape is still different!
   • I'll be looking for good coding style.
   • Make sure you can do ordered lists:
     1. with numbers
     2. with uppercase letters
     3. with lowercase letters
        1. with uppercase roman letters
        2. with lowercase roman letters
   • Be able to alter the numbering!
     7. This did not
     8. start with
     9. one!
   • Finally, definition lists are also fair game:

     "DL"

     Definition List

     "DD"

     Definition Definition

4. Please read pages 33–36 in the Weasel book (from "Why Specifying Type Is Problematic" up to "Color on the Web") and answer the following questions:
   1. What two things mentioned in the text can give web designers some level of control over typography?
   2. What is one thing that makes specifying fonts and sizes for use on web pages difficult?
   3. Suppose you've specified that some text should be in the Georgia font. What users will see it this way? (This list item should appear in the Georgia font, if you have it on your machine!)
   4. Can you specify backup fonts, in case your first choice isn't available on the user's hard drive?
   5. What unit is traditionally used to specify type size? How does this unit compare to an inch?
   6. Do point sizes translate well between platforms? If not, why?
   7. On a Mac, will 12 pt Times look about the same on screen as it would look on paper? If not, what will it look like?
   8. On a PC, will 12 pt Times look about the same on screen as it would look on paper? If not, what will it look like?
   9. Some fonts are installed with the operating system. Some fonts are installed with Internet Explorer. Study the charts in the Weasel book on pages 34 and 35. Does "Comic Sans" get installed with any of the Windows, Mac, or Unix platforms? Does it get installed with Internet Explorer? (This list item should appear in Comic Sans, if it is available on your machine.)
   10. What is a "serif"?
   11. What is one reason that many fonts (most notably the ubiquitous Times) are difficult to read at small sizes on web pages?
   12. How has Microsoft responded to the need for fonts that are easy to read on the screen?
   13. List some of the characteristics of TrueType core fonts for the web that make them better for online reading.
   14. Here are the Microsoft core fonts:
       
       This sentence is in "Andale Mono" (if it's on your machine).
       
       This sentence is in "Arial" (if it's on your machine).
       
       This sentence is in "Comic Sans MS" (if it's on your machine).
       
       This sentence is in "Courier New" (if it's on your machine).
       
       This sentence is in "Georgia" (if it's on your machine).
       
       This sentence is in "Impact" (if it's on your machine).
       
       This sentence is in "Times New Roman" (if it's on your machine).
       
       This sentence is in "Trebuchet MS" (if it's on your machine).
       
       This sentence is in "Verdana" (if it's on your machine).
       
       Here are the "Webdings" (Windows only). All caps first: top row to bottom row. Then, all lower case: top row to bottom row.
       
       ~ ! @ # $ % ^ & * ( ) _ +
       Q W E R T Y U I O P { } |
       A S D F G H J K L : "
       Z X C V B N M < > ?
       ` 1 2 3 4 5 6 7 8 9 0 - =
       q w e r t y u i o p [ ] \
       a s d f g h j k l ; '
       z x c v b n m , . /
       
       
   15. Is the complete set of TrueType core fonts for the Web available for free download? If so, from where?
   16. What does the phrase "embedded font" mean?
   17. Is there a way to have a font "travel with" your HTML file, so you can be sure a user sees a certain font, even if it is not installed on their machine? If so, what is this technology called?
   18. How is the browser support for embedded fonts?
   19. In order to see an embedded font, do users have to have a browser that supports embedded font technology?
   20. What does the special "font embedding tool" do?
   21. What is the name of Netscape's embedded font technology? What is the file extension for Netscape's embedded fonts?
   22. What is the name of Microsoft's embedded font technology?
   23. How can you create embedded fonts for use on Netscape? What software can be used to do this?
   24. Is browser support better for TrueDoc or OpenType technology?
   25. What do the phrases "TrueDoc (Dynamic Fonts)" and "OpenType" refer to?
   26. What must Internet Explorer users do in order to view Dynamic Fonts?
   27. What happened in Netscape 6, regarding embedded font technology?
   28. Who was the OpenType technology developed by? What file format does it use?
   29. What is "WEFT"? Is it freely available? Does it work on all platforms?
   30. How can a ".eot" file be created?
   31. Can Mac users create or view OpenType on the web?
   
   
   
   THE QUIZ OVER THIS LESSON WILL CONSIST OF:
   • (15 pts) Coding part: LISTS!
   • (5 pts) Show me that you've marked the answers to all the questions in your text book!
   • (30 pts) Questions from the index cards and reading (see below).
     There will be 19 randomly-chosen questions; you will cross off 4 questions.
     The remaining 15 questions are worth 2 points each.
   
   Prepare for the quiz over this section by practicing below.
   Questions are asked in random order.
   You can generate a printable quiz with solutions.
   
   
   
   
   
   
   
   
   
   How many problems would you like on the quiz? (46 max)