William M. Pegram
Home | Courses | Web Design | Office | Client-Side Scripting | Server-Side Scripting | About Me

Home Page and Imagemap Exercise

Web sites typically have a home page.  This is the page where visitors to the site will generally start.  The home page will contain links to other pages on the site and these pages may in turn link to other pages on the site, and so forth.  Web sites are hosted on servers.  Most servers are configured so that when a browser sends a request without specifying a particular file, e.g. www.nvcc.edu, the server will look for a file named index.html or index.htm in the root (top level) directory of the server.  If it finds such a file, it will return such a file.  For this reason, home pages typically are given this name so that one can give out the address without specifying a filename.  If it doesn't find such a file, what happens depends on how the server is configured.  Some servers (e.g. the NVCC student server) will provide a directory listing of the files and folders; others will provide an error message something like "Directory listing denied".

1. Use the home page you created in a previous assignment; it will probably be named index.htm or index.html  This page will link to the work you do in this class such as the bio assignment.  You will typically not link to the images you use in web pages unless there is some reason to link to the image. You will revise this page as you do additional assignments.

2. Create an imagemap -- you may put this on your home page or on a new page.  You may take the image from the Internet but you cannot use an imagemap from the Internet.  If you take an image from the Internet, the full URL of the page containing the image must be shown in HTML comments or on the text of the web page. 

If you want to create an image yourself, Paint is simple to use - the links could be to various homework assignments or links to other sites. This is an IT class, so you will not be graded on your artwork.

Below I have listed instructions on how to obtain coordinates in various graphics programs. 

3. FTP your files to your site

Obtaining coordinates:

Fireworks - If the Info palette is now showing, click on Window, Show Info.  As one moves cursor over the mage, the Info palette will display the coordinates (same as Photoshop).

IrfanView - Click with mouse and watch title bar (blue bar at top) for display of coordinates

Paint - Click Select Tool (rectangular box in top row) and watch lower right for display of coordinates

PhotoEditor - Move mouse around and watch status line (at lower left) for display of coordinates

Photoshop - If the Info palette is not showing, click on Window, Show Info.  As one moves cursor over the image, the Info palette will display the coordinates.

Revised: February 8, 2006