<html> Topic 6

Answers to quiz

Webmonkey explains
jpg versus gif very well.

1. You will generally want to use .jpg for photographs or other graphics with subtle gradations. Use .gif for graphics with large areas of solid color, text, or graphics with transparent backgrounds or animation.

2. If you are turning type into a graphic (at least if the type is small) turn the anti-aliasing off so that the edges of type look sharp, rather than fuzzy.

3. The dots per inch (dpi) makes a big difference when printing on paper. However, computer monitors only display 72 dpi on a Mac and 96 dpi on a pc. So if you lower the resolution of the graphic, the graphic will still display well, but you will save a lot in terms of file size. The smaller the file, the more quickly your page will load.

4. Try to keep you file size small, less than 90k so that they load in 3 seconds or less. In general, you want most of your web pages to be less than 30 k.

5. If you do not include an "alt" tag, your viewer will stare at an empty box while waiting for your graphics to load. If your audience is browsing with graphics turned off, with a Palm or other hand-held device, or with a screen reader, they will have no idea what you are trying to display. Indexing robots for search engines will not find interesting words in your "alt" tags to give you a higher ranking. (If you do not include an "alt" tag with each graphic for your project in this class, you will not get a good grade.)

 
Readings
Resources
<head>
<p> etc.
<b> etc.
<li> etc.
<a href>
<img src>
Access
<table>
<frame>
<style>
<form>
<script>
<object>
validate

Copyright by dwang, 1999. All rights reserved.