Guide to Creating TRAIN 2004 Conference Link Icons

Overview

If you, your church or your organization is planning on sending people to the TRAIN 2004 Conference then using a link icon to link your website to ours is a good way to let visitors know. This package contains some graphics that can be used to create such a link.

A link icon or link graphic is a picture or image on a web page that, when clicked on, brings up another web page – usually on a different website. Link icons are created by website developers so that other websites can show something appropriate for visitors to click on to get to that website. Sometimes link icons are touted as, "official."

Here's an example: Click here to visit the TRAIN 2004 Conference website!

This guide was written mostly for website developers with little or no experience, but experienced developers might still find some useful information here. It's assumed that you know:

Some of you may be using a special program (such as Microsoft FrontPage or Netscape Composer) to build and modify your website. You'll have to consult your manual or help files for information on how to insert a graphic that links to another web page.


List of Graphics

The following table lists the graphics available in this package, plus some sample HTML code that can be copied-and-pasted into any HTML file to create that graphic as a hyperlink. Choose the one that's right for you!

If you use the sample HTML code then you'll need to copy the graphic file to the same folder/directory as the HTML file. Naturally, you can put the graphic file in a different folder/direcotry provided that you modify the SRC attribute accordingly.

If none of these files are suitable for your website then let the TRAIN Webmaster know what you have in mind – maybe a special graphic can be worked out.

File Name Looks Like Size Sample HTML Code
trainlogo1.gif trainlogo1.gif 50x34 <A HREF="http://trainconference.com"><IMG SRC="trainlogo1.gif"></A>
trainlogo2.gif trainlogo2.gif 75x53 <A HREF="http://trainconference.com"><IMG SRC="trainlogo2.gif"></A>
trainlogo3.gif trainlogo3.gif 100x70 <A HREF="http://trainconference.com"><IMG SRC="trainlogo3.gif"></A>
train1.gif train1.gif 75x28 <A HREF="http://trainconference.com"><IMG SRC="train1.gif"></A>
train2.gif train2.gif 100x36 <A HREF="http://trainconference.com"><IMG SRC="train2.gif"></A>
train3.gif train3.gif 150x56 <A HREF="http://trainconference.com"><IMG SRC="train3.gif"></A>
train2004conference1.gif train2004conference1.gif 75x30 <A HREF="http://trainconference.com"><IMG SRC="train2004conference1.gif"></A>
train2004conference2.gif train2004conference2.gif 100x40 <A HREF="http://trainconference.com"><IMG SRC="train2004conference2.gif"></A>
train2004conference3.gif train2004conference3.gif 150x60 <A HREF="http://trainconference.com"><IMG SRC="train2004conference3.gif"></A>


Additional Web Page Design Suggestions

The sample HTML codes in the above table are just the bare minimum for putting a working link icon on your website. There are additional attributes that you might want to include, such as WIDTH, HEIGHT, ALT and BORDER. See the W3C HTML 4.01 Standard for complete information on <IMG> tag attributes.

Also, in most cases, simply adding the link icon will only confuse your visitors – you'll also need a text description nearby to explain why the link is there and what it's for. You might say something like: