IMAGES

It is time to utilize your file arrangement for storing the pieces of your web site.

Your main page, or "home" file, is named Index.htm, and lives in your site folder. Other pages for your site should each be given an appropriate .html file name and be placed in the site folder.

Remember: Web file names should have no spaces.

You should have a folder within your site folder called Images. Place all of your image files in the Images folder.

Note: Review the file structure example in Organizing Your Site.

IMAGES
You can easily add an image to a Web Page. Images usually have a .jpg or .gif extension.

The following is an example of adding images.

<html> <head> <title>My Image Page</title> </head> <body> <p>This is my image of..... <img src="location & name of image.gif"> </body> </html>

ADDING ALTERNATIVE TEXT

Some visitors to your Web site may not be able to see your image due to the type of browser they have or they may turn off images to speed up their browse time. Since some visitors may not see the image you can specify the text you want to display instead of the image. This will help readers know what they are missing. The following is an example of adding alternative text.

<html> <head> <title>My Image Page</title> </head> <body> <p>This is my image of..... <img src="location & name of image" ALT="Description of image"> </body> </html>

Utilizing your image file, place a scanned personal photo or a digital image photo on a page of your web site.

Copyright Notice: No materials on any of the Bellingham Schools’ web pages may be copied without express written permission unless permission is clearly stated on the page.
Permission / Image Information / Return to Tech Connections Homepage / District Homepage