|
|
|
Basic Hypermedia: Lesson 1
To follow the following exercises, you will need to download the images
at the bottom of this page. You're also going to learn some of the basic
principles for organising a Web site via directories. As such, before
you do save any images, create a directory called "hyper"; most images
are stored in a separate directory, so open the hyper directory and create
another directory called "images". To then save the images, right click
on each one in your browser and select Save Image As.
Each image, for example hyper.jpg, is an inline image, that is it displayed
on the page rather than a different location. An address is indicated
by use of speech quotes, whether it is a file on the local system or a
hyperlink to a document anywhere in the world. You should also note the
fact that the image is stored in a directory called images: it's common
practice to store pictures in a directory of this name. This directory
is a relative directory, that is it's position is relative to the directory
/hyper where the original html document is stored. We'll cover this topic
in more detail later.
To use images in your documents, you should have an image editor on your
computer, ranging from such applications as PhotoShop to fairly simple
shareware programs like PaintShop Pro. There are only very basic editing
functions you can carry out with HTML: its real function is to provide
tags indicating where the image is stored. Nonetheless, while limited
itself, HTML provides some very dramatic effects with a well chose image.
Images
After creating the appropriate directories, right-click on each of the
following images to save them.
 |
  |
 |
| stones.jpg |
back.gif forward.gif |
tile.gif |
|
