users navigate around the various pages of my site.
The first task is to organize your files and images. Create a new folder on the desktop (title it with your last name first initial - no spaces). Inside that folder create a folder for "images" and another for "multimedia." Your web pages will reside in the parent folder (last name first initial - no spaces) and the images and multimedia files will be placed into their respective folders. Be sure to place your images and multimedia files into these folders BEFORE you link to them in your web page.
There are two basic types of images you'll want to know how to use - backgrounds and in-line images.
Backgrounds
The <BODY...> tag, is used to format a background image: commonly called 'wallpaper'. The image is usually small and is reproduced by your browser as often as necessary to cover your page.
The html tag looks like this:
<BODY BACKGROUND="..."> The gif is placed between the quotes. This page uses "seal17.gif."
This backgorund was downloaded from one of the free clipart sites. You view this page as source to see the html.
Line Images
You can also use gifs to spice up your bullets, buttons, arrows, and horizontal lines. These all work the same basic way.
The html is:
<IMG SRC="..."> The image filename is placed between the quotes:
be sure to include the extension.
The two main image formats for Web files are GIF and JPEG. Gif files have .gif as the extension, JPEG can be either .jpeg (Mac) or .jpg (Windows). Windows systems can only read three-character extensions.
The <IMG SRC="..."> tag can be placed anywhere on the page. Here's a list using several different images.
The list before...
The list after...
- Regular bullet
- Regular bullet
- Regular bullet
You can "view" this page as "source" in your browser to see the html code.Animated note gif
Animated L.E.D. gif
Animated Speaker gif
You can scan images and add them to your Web page. The main problem is making sure the image is not to large to load in a reasonable amount of time. Remember the recent advertising survey which found that people only spend about 20-25 seconds at a Web site.
The html tags are the same for pictures; You can view this page as source to see the html. Here are some vintage pictures of my colleagues to illustrate the point:
Rob James
Richard Bromley (retired)
Lastly, if your image path is not accurate your image will not show up on your web page (broken image):
If you have any questions just email me.