Last Modified: 1/29/08
  Computer Training
Setting Up Your First Web Page

Credit: Gallagher (UWM), Watson (Lowell/NASA)

If you have not already done so, visit Web Publishing to set up a web site on Homer (if you are Faculty or Staff) or Dante (if you are a student). Click on the "Getting Started" link and then select from the "Central UW Web Servers" table the appropriate row based on the type of Web page and your status (staff, student, faculty, ...). From now on I will assume that you are on Homer.

The act of setting up your Web through Web Publishing above automatically creates a directory in your Homer account named public_html which is accessible through Homer. It contains a starter file named index.html which you can modify to build up your web page. When you reference files in this directory thru WWW pages, it is as if your home directory is public_html as opposed to ~login-id, your normal Homer home directory. This distinction is *very* important.

The following example shows you how to use Internet Explorer or Netscape on a PC or Macintosh to capture a GIF image and place it in your public_html directory on Homer and incorporate it your own HTML.

  • Access the image archive by clicking here
  • Read any copyright/acknowledgment information
  • Use the EDIT > FIND command to locate the desired image (e.g., butterfly)
  • Click on the link to that image
  • Click on FILE > SAVE AS..., select the directory where you wish to place it, and choose a name for the image (for example, btrfly.gif ).
  • Use the mouse to move the file so that it overlays any Internet Explorer or Netscape window: if the image shows up then you have correctly obtained it.
  • Use SSH Secure File Transfer on a PC or (secure) Fetch on a Macintosh to move the file in binary to your public_html directory on Homer. Note: if you are sending a file from a Macintosh to Homer it should be sent in RAW DATA mode as opposed to MacBinary II. The latter format should only be used if the image is to be forwarded on to another Macintosh.
  • In one of your existing HTML files, for example, "index.html", insert the following line:
    Here is a butterfly: <IMG SRC="btrfly.gif">
    Then reload that page and you will see the image.
Previous Home Next

Course Topics

Graphics Design Based on Edward Tufte's Principles

Setting up your First Web Page

Acquiring Graphics From the Web Itself

Acquiring Graphics from Scanners and Digital Cameras

Graphics File Formats and Graphic File Conversion

Efficient Graphics

Colors, Backgrounds, Transparencies

Creating and Modifying Graphics Using Software

How to Do It

 
Previous Home Next

©1999 UW Technology