If you are going to put the images on the internet (rather than on the school's intranet) you will need to use an FTP program to upload the pictures to the website.
You will probably need permission from the system administrator (the person in charge of the computer system at the school) - they may not allow you to do this.
You also need permission from the people who wrote the yearbook information (or took the photographs), otherwise you could be infringing their copyright.
If you get all these permissions, there are plenty of "free FTP programs" you could use eg. filezilla (just do an online search)
You must only link to pictures which you are hosting on your own website, otherwise you will be stealing someone else's bandwidth - not a problem in this case.
Therefore your must first upload the images (suitably optimised) to the school website.
FTP allows you to upload a whole folder-full of images at a time. It's best to put them into a separate directory named images, preferably in the home folder, eg. http://www.yoursite.com/images/
Then, whichever website page you are on - however far down your website's directory structure, you can use a relative link to add any image stored in this particular folder.
eg to add the image which is stored at http://www.yoursite.com/images/pic1.jpg...
you only need to refer to /images/pic1.jpg
(If you are already in the home directory then you can leave off the initial slash, but it will work OK with or without the slash.)
The code would be
It has no closing tag.
However, that is not enough. You also have to specify alternative text (either an informative word / phrase, or an empty alt tag if the image is merely decorative.) This allows screen readers (used by blind users) and mobile devices (such as PDAs) to tell users what the image represents.
There are other tags you may add, such as:
- width (pixels, percentage etc)
- alignment (sets the image at the top, middle or bottom of your text, or floats the image to the right of left of your content)
- title etc.
The first slash means that the folder is back in the main directory - it doesn't matter which folder you are starting from on your website.
If you store your images in a different place then you must reflect the location in the way you specify your url.
If you have a good reason to link to an image from another website you must use the full url, including http:// etc.
To use an image as a link, just wrap it inside a link:
starts the link. Then add
to show the images (as a link). Then complete the link with
It's quite straightforward.
There are also tiny scripts you can add to your page (easiest if your host supports php) which automatically display every image in a folder - and all sorts of others too.
If you need to know more about these, let us know that you have sorted out all the permissions, and also the details of your server.
Good luck!
