How to Add Graphics to Your Website

Whether you're starting your own website, or interested in adding graphics to your myspace and you don't know how...I'll give you a few simple tips to help you out.

Instructions

Difficulty: Moderately Easy

Things You’ll Need:

• Website
• Pictures
• HTML directory or
• Host Site (i.e. Photbucket)

1. Make sure your photos or either .gif or .jpg (.bmp’s will only work with a host site – read step 4)
   
   Note: make sure that whenever you use text or images from the Web, you follow the guidelines for use posted by the web site’s creator.
2. (if you’re using a host site proceed to step 4)
   
   Note: ] will stand for > and [ will stand for <
   
   [IMG SRC=" . . . "] tag lets the browser know what the image source is, telling it what file to retrieve. When you're creating a web page, it's often easiest to keep the images in the same directory as your HTML document. For example, if you had an image file in your directory called "image.jpg," then to insert it into your Web page you would include the line:
   
   [IMG SRC="image.jpg"]
3. (if you’re using a host site proceed to step 4) If the image you want to display is in another directory, then you'll have to tell the browser exactly what directory the image is in. So if "image.jpg" is not in the directory containing your HTML document, but is in another directory called "pics." In order for the browser to find the file, you will have to add the name of the directory where "image.jpg" is located:
   
   [IMG SRC = "pics/image.jpg"]
   
   However life will be easier if you store your images in the same file as your HTML document or in one single directory.
4. If you are using a host site such as photobucket, simply upload the photos onto your account, and copy and paste the HTML tag it gives you underneath each photo you want to use. If you’re going to put you photo’s into folders within the site, be sure to do it prior to adding the tag to your website, because once you change a picture over into a new folder: the tag will be broken and a new picture will appear on your website stating that there is an error with the photo.

Tips & Warnings

• Host sites are easiest for beginners
• Make sure your computer/server can support a large amount of photos (if applicable)
• Don't over-do images on websites, a few tastefully done can go a long way.
• Never steal someone elses work/art/photograpy.