HTML and WEB DESIGN COURSE, 2003--2004 academic year: Lesson 10

LESSON 11: LINKS WITHIN DOCUMENTS

  1. Study the index cards on Links Within Documents. I've included a hard copy of these index cards, for your convenience. Be sure you can answer all the questions!
    1. What does "naming a fragment" mean? In particular, what is a "fragment"?
    2. What does "linking to a fragment" mean?
    3. How do you name a fragment?
    4. What do you call anchors that use the NAME attribute?
    5. Suppose you want to link to the fragment named "this_place" in the document "www.document.htm". What would the anchor tag look like to do this?
  2. Do worksheet item (W11.1) on Links Within Documents, where you'll continue with the online tutorial.
  3. CODING PART OF QUIZ:
    Create an HTML file, called test1.htm, that has the words "the top" at the top, then about 40 <br> tags, then the words "after the breaks". On the top of the file, put a named anchor that takes you to the words "after the breaks".
    Create a second HTML file, called test2.htm. Write a link that takes you to the file test1.htm, directly to the words "after the breaks".
  4. Please read pages 43–46 (from "System Colors in Web Pages" up to "Web Graphics Production Tips") in the Weasel book and answer the following questions:
    1. An 8-bit display allows 256 colors, and there are only 216 colors in the browser's web palette. What happens to the remaining 40 colors?
    2. What colors are particularly difficult to reproduce using only the colors in the web palette?
    3. What are the two most popular formats for graphics on the web?
    4. What does "GIF" stand for?
    5. What was the first graphic file format to be supported by web browsers?
    6. What file format is used for the vast majority of graphics on the Web today?
    7. What is the greatest number of colors that a GIF file can display?
    8. What types of graphic images are GIF files most appropriate for?
    9. What is the second most popular graphics file format on the Web?
    10. What does "JPEG" stand for?
    11. Which file format allows more colors, GIF or JPEG? How many more?
    12. What type(s) of images are best saved as JPEG files?
    13. What does "PNG" stand for, and what is it?
    14. What are a couple nifty features of the PNG file format?
    15. How many dots per inch (dpi) are common for printed images? How many dpi are web graphics?
    16. What do "dpi" and "ppi" stand for? Do these terms tend to used interchangeably?
    17. Suppose an image is displayed on a 72 dpi monitor, and is one inch wide. Will it look bigger or smaller on a 100 dpi monitor?
    18. Does the measure of "inches" have meaning on the web? If not, what is the only meaningful unit?
    19. Instead of thinking in terms of "how many inches" an image is for web design, what SHOULD you be thinking of?
    20. What is one "bad" thing about graphics on the Web?
    21. What is the single most important guideline a web designer should follow regarding graphics?



    THE QUIZ OVER THIS LESSON WILL CONSIST OF:
    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? (26 max)