Back to Homework Page

Graphics
This assignment is about the different graphic formats, how to get (download) free clip art you can use for backgrounds, buttons and crazy and cute images, the code to insert graphics into your text and link them to other pages.

Instructions

    Add the following elements to your Web site:
  1. Three (3) to five (5) graphics. I will grade three. Worth 10 points.
  2. Align some text to the each graphic. Do it three (3) different ways. See example page. Worth 10 points.
  3. Use ALT tags for all graphics (alt="Call It Whatever It Is and Spaces are OK here but keep it short — less than 4 words."). Worth 10 points.
  4. Two (2) linked graphics. (This means when you click on the graphic, it takes you to another page, another place on that page or another Web site.) Worth 10 points.
    5.
  5. IMPORTANT: Email me your name, your section number and the (exact) URL to your site. Make sure to follow all of these instructions. I will only view this homework assignment via the Internet. Do not give me a disk.
Note: Day 7 in your text book (starting on page 173) will give you directions on how to complete this assignment.
For free clip art, go to, on our main Beg. HTML site: Resources Page.

WARNING: If you leave off your name and/or section#, you will not get credit for this assignment.

More Help:
How to copy/download graphics from a free clip art site.
These instructions apply to Netscape, Internet Explorer and NCSA Mosaic. There are slight variations in the wording each browser uses.

    Windows
  1. Move your cursor over the graphic.
  2. Press the right mouse button.
  3. Choose "Save this Image As.." or "Download Image to Disk" from the pop-up menu.
  4. You will get a dialog box to save the image. You can rename it or keep the name the site gave it.
  5. Click on Save or OK button to save the image. (Pay attention to where the image is saved on your hard drive or you may never find it again.)

    Mac
  1. Move your cursor over the graphic.
  2. Click and hold down the mouse button.
  3. Choose "Save this Image As.." or "Download Image to Disk" from the pop-up menu.
  4. You will get a dialog box to save the image. You can rename it or keep the name the site gave it.
  5. Click on Save or OK button to save the image. (Pay attention to where the image is saved on your hard drive or you may never find it again.)
    6.

Note: What happens if you choose "Copy" or "Copy This Image"?
It will copy the image to your clipboard (a temporary storage place on your hard drive). You then would open a graphics program like Photoshop or Photoshop Lite, "Paste" it into a new file and get your graphic this way, too.

Then save your new file, name it and make sure you know where on your hard drive you are putting it. But the next graphic you "Copy" will replace the last one in the clipboard. This is a longer way to get graphics but sometimes the downloading way does not work for reasons unexplainable (like many things in life).
GIFs and JPGs Examples — shown in class

For graphics shareware programs you can download, go to:
Resources Page – Graphic Converter (Mac), L-View Pro (Windows), Paint Shop Pro (Windows) and Tutorials

Back to Top of Page