Client Side Image Maps
Image maps aren't as bad as they seem, at least if you use a client side image map using HTML rather than a cgi program. I may add a section on using a cgi driven image map later on, but for now, lets look at one that just uses HTML and an image!

---

Image Map
There are in fact two major types of Image Maps: Server Side: This is the older method of doing image maps. The reason for finding out what type of server you are on is so you know what format to make your map files in. Client Side: These maps are implemented by placing the map coordinates in your document's HTML code. This method is supported by most modern browsers. It is much more efficient than the Server Side map in that you do not transmit mouse coordinates back to the server. Most of this page will be dealing with this type of mapping.

---

Image Maps in HTML
Create a client side image map in HTML using this tutorial. Here you'll learn where to place the shapes and coordinates details in an area tag.

---

Client Side Image Map
A client-side image map is an image map that is run by the browser rather than a CGI. What happens is you will provide all the information required to run the map in your HTML document. That's why it's called a client-side map.

---

Creating Server-Side Image Maps
Learn how to create server-side image maps in this tutorial.

---

Image Maps
Image maps create clickable regions in an image. This is very helpful for a navigation bar. This method is an alternative to slicing up the image into many parts. If you don't want to use Javascript in order to have image rollovers, then image maps is the best route to go.

---

Image Maps
Learn how to create clickable regions in an image. Image maps create clickable regions in an image. This is very helpful for a navigation bar. This method is an alternative to slicing up the image into many parts. If you don't want to use Javascript in order to have image rollovers, then image maps is the best route to go.

---

How To Hack The Coordinates
Learn how to get the coordinates for your client-side image map the slick way, with this tutorial.

---

Image Maps
An image map is an image that has been divided into regions, or "hotspots"; when a hotspot is clicked an action occurs, for example a new file opens. The image found at the bottom is an example of an image map.

---

Forms in HTML
In this tutorial I'm going to show you how to create forms, which are a great way to collect feedback from your site or if your creating a guestbook. FYI, HTML on it's own cannot create these, this is just the client side part (the forms), creating feedback forms or a guestbook would need to help of a server side language.

---

HTML Tutorial
This tutorial should enable the reader to understand HTML quickly and also be useful as reference material.After learning information in this tutorial, the reader will be ready for more advanced subjects such as DHTML, XML, SGML, and client and server side script writing.

---

Completing an ACP 3D HTML Table Image Gallery
How to set up a three-dimensional HTML image gallery using Active Client Pages ACP . In this part of the series among other things we'll get a close look at the JavaScript that helps to keep things running smoothly.

---

Graphics Introduction: Part 1
This tutorial discusses issues and techniques relating to Web graphics. It includes information about creating animated GIFs, clickable image maps, and efficient Web graphics.

---

Tricks using Tables
I need to have two tables sit side by side, but no matter what I do, they end up stacked. What gives?

---

Scrollbar on left side
Make the scrollbar appear on the left side of the browser window instead of the right.

---

Developing the Content
So you have got a client who has signed on the dotted line and wants you to create a drop-dead gorgeous Web site with all the bells and whistles that the law allows.

---

Image Attributes
There are main attributes we can add to the image tag which describe or alter the appearance of the image.

---

DOM Image Rollver
Image rollovers represent the classic and "timeless" JavaScript effect. Well, this DOM script makes the process of adding them as simple as can be, by allowing you to apply a rollover to any image through just the insertion of a class attribute inside the image's tag.

---

Creating Relevant Site Content
A Web site is a very important thing. At least, it better be. When you are hired to create a Web site, you are creating a worldwide presence for your client. As a Web designer, you do your best to create a site that portrays your client’s business or service at its best.

---

Image Borders
Do you want a border around your image? Learn how to do this task using html.

---

So, You Want To Align Text
you will learn the basics about wrapping text around images and justifying to one side or the other.

---

Make coding easier, building your website with includes
Using server side includes to design and code your web site allows you to keep your development tidy and easy to edit.

---

Basic HTML: Image Tags and alt Attributes
Once you've created the basic structure of your web page and added some text in paragraphs and headers you'll probably want to spice things up with an image or two, and maybe a few links to your favourite websites.

---

Image Map Rollover
Use an image map to set section apart to roll over.

---

Active Image
This will help you along with the process in making any image an active hypertext link.

---

Turning off the Internet Explorer Image Toolbar
IE 6 has this (in my opinion) annoying little toolbar that appears when someone places their mouse pointer over an image, learn how to turn off this toolbar and auto-complete feature for HTML forms.

---

SSI (Server Side Includes)
This page tells you how to include files on your web page using SSI.

---

Graphics Introduction: Part 2
Image size refers both to the height and width of the image in pixels and the file size. Large graphics take a long time to download over the Web and many people will become impatient.

---

So, You Want An Image Starting Your Form, Huh?
Instead of using the dull gray submit button, why not use a colorful image to submit your form data? Here's how.

---

Fixed Background
Do you have an image in back ground you'd like to stay put? You will need to add a background properties attribute to the body tag where you have put the attribute for your background image. This will give you the illusion of the page contents moving as you scroll over a static or immobile wallpaper.

---

Disabling The IE 6 MyImage Tool Bar
IE6+ incorporates a new feature called the MyImage Toolbar, which, if enabled on Tools > Internet Options > Advanced > Enable Image Toolbar, provides the user with a popup menu over images that allows the user to instantly save, print, or email any image in a page.

---

How To Add A Background Image To A Web Page
Learn how to add a background image to your web page using the body tags background attribute.

---

1 x 1 Images
Here's a great way to cut down on bytes and speed up the loading of your page. Use a 1 x 1 pixel image and shape it just about any way you want.

---

Images In Forms
So you want an active image on your site that does not produce an hand cursor when you move over it with the mouse? It can be done, in MSIE at least!

---

Backgrounds
When deciding whether you want to use a plain color or an image you should consider the fact that very few of the web's 100 most visited sites use background images.

---

Adding images in HTML
Learn how to add a image to your webpage in html.

---

Pre-Load Images
Set up your pages so that the images are in the cache waiting to be used rather than downloading each image as you need it.

---

Faster Loading Pages
In this tutorial,learn to use these commands inside of image to get your pages to load very quickly.

---

Wrapping Text Around an Image
It's been said that a picture's worth a thousand words, but you shouldn't believe everything you hear. Pictures are nice and all, but chances are you'll want to have some words with them.

---

Transparent Image
Pages look dull if everything's square. Find out how to eliminate the white space around your images so they appear to just 'float' on your pages.

---