Images for the Web:
The brief version

So you want to put images on a web page. Maybe they're your wedding photos, or your senior art portfolio, or your class homework sets, or something completely different.

What you will need:

• A web space on our server. This can be on your account, or your department's, group's, or class's. Web space lives in the 'AFS space' controlled by a AFS/Network Server account and password. If you don't have an account, you need to fill out an Account Request form in Client Services; once you have the account, you can set up your web space using /w3setup.
• Copies of images to put up.
• Images cannot be in violation of copyright. That means that if you didn't create the image yourself, you must have the permission of the person who did, preferably in writing, or a statement that the image is available for free copying and publication on the Internet.
• Images cannot be in violation of Lehigh's Computer Use policy (covering offensive, obscene, or defamatory material).
• Images need to be in, or converted to, JPEG (.jpg) or GIF (.gif) format. Use programs like LView, XView, or Photoshop to convert images.
• If your images are not already computerized, you will need a scanner to computerize them. There are scanners available for use in the Media Center in Fairchild-Martindale, and in the Media Production area in Linderman, among other places.
• A way to securely upload your files: SSH or Netscape Composer.

Once you have converted your images in GIF or JPEG format (with the correct .gif or .jpg file extension), you will want to upload the files to your webspace.

If you are using SSH:

1. Connect to: ws2.cc.lehigh.edu
   using the userid and password of the account you want to upload the files to.
2. Click on the webspace directory to open it.
   or use the Go To Folder command in the Operations menu to change directories to /ahome/userid/public/www-data
   where userid is the userid of the account. *
   If necessary, click on the subdirectory you want to put the images in.
3. Use the Upload command in the Operations menu or click and drag the files from the local explorer windwo into the SSH window to upload them.
4. Choose Disconnect from the File menu to then Close.

If you are using Netscape Composer or Netscape Editor, you will

1. Open the image (or the page with the image) in Composer or Editor.
2. Select Publish.
3. In the Upload files to this location: box, type
   https://www.lehigh.edu/~userid/
   where userid is the userid of the account. *
4. Also fill in the userid and password in the Username and Password boxes.
5. Click on OK to upload the file.

* If you want to upload your images to a subdirectory of your web space, put the subdirectory name after www-data/ or /~userid/

Once you have put your image file up on the Web, it can be accessed at URL:
http://www.lehigh.edu/~userid/filename
where userid is the userid of the account you put it in, and filename is the filename and extension (.gif or .jpg).

If you want your image to be displayed as part of your HTML page, use the tag:
<IMG SRC="/~userid/filename"> in HTML for the part of the page you want the image to appear in.

To have the image display by itself when someone clicks on a link, use this HTML tag for the link:

<A HREF="/~userid/filename">[Descriptive Text]</A>

So, the HTML for a menu of images would look like this:

<UL>
<LI><A HREF="/~xxxx/file1.jpg">Image 1</A>
<LI><A HREF="/~xxxx/file2.jpg">Image 2</A>
<LI><A HREF="/~xxxx/file3.jpg">Image 3</A>
</UL>

jahb@lehigh.edu

4/17/01