The third characteristic of web page writing is the blurring of boundaries between words and images. The technology of the web encourages this: in work devised for the screen it is nearly as easy, and as inexpensive, to insert an image instead of written text. For instance, the title of this page - 'IMAGES' - is a simple image prepared in Photoshop (view 'SOURCE' to check this out).
This lesson introduces you to working with images - a huge topic in itself. I offer some suggestions for obtaining images, show you how to insert an image in a web page, and how to make a hyperlink from that image.
There are three main ways to get hold of images for use in web pages.
COPYRIGHT: Though few people are likely to be concerned about you taking an image for personal use, you must always respect the artists right over their work, as you would for work offered in books and journals. For master's essays, which are not published work, it is acceptable to use images without asking for permission SO LONG AS YOU SUPPLY A FULL REFERENCE. For Master's dissertations, and especially for PhD work, the area is more complex and the issues of copyright are still being resolved. If in doubt, write to the web designer and ask for permission.
The tag used is:
< IMG SRC=image.jpg > or < IMG SRC=image.gif >
Making your inserted image look good
You can place your image "left" or "right" on the page by using a modifying tag like so:
< IMG SRC=image.jpg ALIGN="right" >
When an image is aligned "left" or "right" written text will wrap around the image. You can add space between words and image by adding the attributes VSPACE (for vertical space)and HSPACE (for horizontal!)
< IMG SRC=image.jpg ALIGN="right" VSPACE="5" HSPACE="2">
MAKING LINKS FROM IMAGES
This is done in exactly the same way as linking text files, by using the < A > tag.
The basic code for inserting the image to the left is:
< A HREF="http://www.york.ac.uk/inst/cws/ " >
the url after < A HREF > is the name of the destination site (in this case the CWS home page)
'too far.gif' is the name I gave to the linking image - the cartoon.
If I had wanted to remove the default border from the cartoon linking image I could have added "BORDER="0" inside the < A > tag.