Google

Making Links

Now that we have an image for people to see, we need to do two things: 1) resize the picture so it doesn't look so big; 2) add a link so you can show off your collection. We'll make the HEIGHT=25 and the WIDTH=60. Now, when people view your page, the flag icon won't take over the whole area. A good point to remember is that a web page shouldn't be one big picture. The more pictures you have and the bigger they are, the longer it'll take for the browser to upload the page and the longer it'll take for someone to view your page. Then we'll add an <A HREF="..."> and </A> to create the link to your new page. The "A" stands for "anchor". The "HREF" stands for "hypertext reference". It is this tag pair that creates You can decide how you want the new page to look. Remember, the world of HTML is at your fingertips. To see how links will look on your site, click on the first "business site". If you have more than one image that you want to turn into links, you can create what is called and image map. To do this, you turn these into one image using a program like Paint Shop Pro, or even your own Paint program. Then add the code <IMG SRC="yournewimage.gif" BORDER=0 USEMAP="#yourimagemap">. This says that you want to use this image as a map. Then, you start your map by typing <MAP NAME="yourimagemap">. Notice that USEMAP and NAME= have to be the same minus the "#". Finally, you add one line <AREA SHAPE="RECT" COORDS="0,0,99,49" HREF="yournextpage.htm"> for each image you want linked in your map and end the whole project with </MAP>.


Click to see Demo 6See it as a business site.See another business site.


Question: I like how this is going. But my site still seems plain. How do I get get rid of the white space?

Answer: Although your site does have a lot of extra space, some sites get by with having this same problem. We can help you with this by adding a background to your site.

Previous | Home | Next

If you have a question about any of the lessons, feel free to ask.

1