eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak


Introducton to Web Design
Image maps  
  • An image map is a very interesting way to utilize an image on the web. Specifically, image maps allow you to specify specific regions of an image and make those regions clickable so that when you click on that area, you will be transported to a corresponding web page.

  • A good example of this can be found at Selena Sol's Homepage that is simply a single image map with pointers to other areas of the site.

  • Notice that when your mouse moves over an area that can be clicked on, it will change its appearance.

  • Image maps can provide a very fun interface, but they can be dangerous as well

  • Specifically, you should take care to make your image as small as possible so that it does not take too long to load.

  • Further, you should make sure that a browser has an alternative to using the image map in case they are blind or have turned off image loading. At the bottom of Selena Sol's Homepage, you can see that every link within the image map is duplicated with a text link.

Previous Page | Next Page