LESSON 14: RESIZING IMAGES

1. Study the index cards on Resizing Images. I've included a hard copy of these index cards, for your convenience. Be sure you can answer all the questions!
   1. What is one advantage of specifying the height and width of an image?
   2. Suppose that a large image takes a long time to load. If you haven't specified the height and width, what happens when the graphic finally arrives?
   3. What attributes are used to set the height and width of an image?
   4. What is one way to insert horizontal or vertical space in an HTML document?
2. Do worksheet item (W14.1) on Resizing Images. Here, you'll finish the online tutorial.
3. Download this "empty image" gif file onto your own computer: This "black box" is the empty image! (It has a big black border, just so you can see it!)
   • Downloading an image on a PC: right-click on the image, select "Save Picture As...", navigate to the desired folder on your computer, and click "Save".
   • Downloading an image on a MAC: Visit the MAC TIP!
   Then, practice creating empty space in a document using this "empty image":
   Create VERTICAL SPACE of 100 pixels, 50 pixels, 25 pixels, 10 pixels
   Create HORIZONTAL SPACE of 100 pixels, 50 pixels, 25 pixels, 10 pixels
4. Do the attached worksheet, entitled "Practice With Space!!" to practice using an "empty" image to create desired space.
5. What happens if you specify ONLY a width (no height) or ONLY a height (no width) for an image? Experiment and see what happens!
6. Please read pages 53–56 (from "Unix Directory Structures" up to "Uploading Documents (FTP)") in the Weasel book and answer the following questions:
   1. The Web was spawned from what environment?
   2. The syntax used for pathnames comes from what environment?
   3. Where are pathnames used in web documents?
   4. What is a "directory"?
   5. Why is the topmost directory known as the root?
   6. What is the symbol for the "root" in a pathname?
   7. Can a root contain a directory? If so, what is this directory called?
   8. Fill in the blank: a subdirectory is said to be the __________ of the directory that holds it (its __________ ).
   9. What is a pathname?
   10. How many types of pathnames are there? What are these types?
   11. How can you recognize an absolute pathname?
   12. What MUST an absolute pathname begin with?
   13. What type of pathname points to a file or directory, from your current working directory?
   14. Which type of pathname is more commonly used when building a web site, absolute or relative?
   15. If a pathname does NOT begin with a forward slash, then what type of pathname is it?
   16. Refer to Figure 4-3 on page 54 of the Weasel book. Suppose you're currently in the directory users. Give both the absolute and relative pathnames to the file art.html. Which is shorter?
   17. Refer to Figure 4-3 on page 54 of the Weasel book. Give the absolute pathname to the file art.html.
   18. What shorthand is used to mean "go up one level" in a pathname?
   19. Refer to Figure 4-3 on page 54 of the Weasel book. Suppose you're currently in the directory richard. Give the relative pathname to the file art.html.
   20. Refer to Figure 4-3 on page 54 of the Weasel book. Suppose you're currently in the directory work (under richard). Give BOTH the absolute and relative pathnames to the file art.html. Which is shorter?
   21. Refer to Figure 4-3 on page 54 of the Weasel book. Suppose you're currently in the directory tmp. Give BOTH the absolute and relative pathnames to the file art.html. Which is shorter?
   22. How should you usually make the decision about whether to use a relative or an absolute pathname?
   23. Look at the source code for this document, search for the anchor tags, and see whether the author used absolute or relative pathnames for pointing to files.
   24. Study the source code for this document. The file that produces this web document is called les14.htm. In the author's directory structure for this web site, where is the file day_14_resizing_images.htm located relative to les14.htm, and how can you tell?
   25. Do some WYSIWYG authoring tools have site management tools that automatically adjust pathnames for you if a document gets moved?
   26. What must you do in order to have your files traverse the network successfully?
   27. Should you use a "space character" in a filename? If not, why not?
   28. What is common to use in filenames, instead of a space character?
   29. Should you use special characters, like ?, %, #, /, :, etc. in filenames?
   30. What characters are acceptable to use in filenames?
   31. What suffix(es) can be used for HTML documents?
   32. What suffix(es) can be used for GIF graphic files?
   33. What suffix(es) can be used for JPEG graphic files?
   34. What can happen if your file does not have a correct suffix?
   35. Are filenames case-sensitive?
   36. What is one strategy that may make filenames easier to remember and work properly in web documents?
   37. What is a good general rule about the length of a filename, and why?

• Coding part:
  (5 pts) Be able to specify the height and width of an image.
  (5 pts) Be able to use an "empty" graphic to create "invisible space" in an HTML document.
  
• (3 pts) Show me that you've marked the answers to all the questions in your text book.
• (17 pts) Questions from the index cards and reading (see below).
  There will be 25 randomly-chosen questions; you will cross off 8 questions.
  The remaining 17 questions are worth 1 point each.