ENGL 467: Computer and Text (Spring 2004)


Help With Images (posted 24 February 2004)

HOW TO DOWNLOAD AN IMAGE AND PLACE IT ON YOUR WEB PAGE

1. You're surfing the Web and find an image you want to use on your own page. Right-click your mouse over the image, and choose Save Image As from the menu. Save the image to your hard drive. If it has a long, complicated name best to change the name to something simpler when you save it. Avoid spaces and mixed upper/lower case in your file names.

2. Make sure you retain the .jpg or .gif or .png suffix--these are the ONLY image formats that will work on the Web. If your image does not have one of these three suffixes, it will not display.

3. Now you need to upload the saved image to your WAM account. You will do this with an FTP client.

4. Open WS_FTP. (Note: you may be using a different FTP client, with a slightly different interface, but the basic procedure will remain the same.) Enter, in the appropriate fields, the name of the machine (also called the host) to which you are connecting (wam.umd.edu), your login, and your password.

5. Once connected, you will see the directories for your local machine
on the left and your remote account (WAM) on the right.

6. On your local machine, change directories to whereever it was you put the iamge you download. On your WAM account, change directories to ../pub

Note: if you forget to do this, you will wind up putting your image into the private portion of your WAM account and it will not display on the Web.

7. Select the file(s) you want to transfer and use the right-arrow icon to send it to your WAM account. Be sure that FTP is using the BINARY setting. If you do not transfer your images as binary files they will not display on the Web.

8. Your image should now be in your WAM account, alongside your HTML files. You can use the image tag to insert it into your document.

TROUBLESHOOTING

If your image isn't displaying:

1. Make sure that the file name of the image and the value of the src attribute in your image tag correspond EXACTLY, including upper/lower case. (Remember, file names ARE case sensitive.) This is why I recommend using simple file names and all lower case--there's simply less room for error that way.

2. Make sure your image has a .gif or .jpg or .png suffix.

3. Make sure you indeed put the image in the same directory as your HTML files (you can see if it's there by using the "ls" command when logged in to your account via telnet).

4. Make sure you FTPed the image in binary format.

Comments & Trackbacks