Step 2 - Design (Continued)

What's a graphic? Graphic is another word for picture or image. Currently there are only four widely supported image formats [GIF, JPG, PNG and ICO] that are used widely on the Web.

As you continue your journey with creating your Website, you're going to discover that graphical images used on Web pages come in four varieties: GIF, JPEG, PNG or ICO . You will have to choose which format to use. How do you decide?

If you don't choose the right format, it's not a disaster. Your file might be larger than necessary, which means it will take longer to download. It's also likely that your images will not be as sharp as it could be.

1. Material placed on the World Wide Web is covered by international copyright treaties and the copyright law.
2. The graphics, text, and source code found on the Web are not in the public domain simply because they are on the Web.
3. Don't copy graphics unless they are offered freely, or have permission from the artist.
4. Don't steal someone's bandwidth (link to their graphics).
5. Want more information about copyright laws?

Before you can put an image on a Web page, you need to know the name of the image file and where it's stored.

To copy a graphic you have permission to use or one offered for free, follow these steps:

• Create a folder (directory) to store your images, i.e., images.
• Windows users: Hold your pointer over the image and click your right mouse button. A menu will appear. Choose "Save Image As". Open your image folder (directory). Choose a file-name for the image and click OK.
• Mac users: Hold your mouse pointer over the image. Click and hold down the mouse button. A menu will appear. Select: "Save Image". Open your image folder (directory). Choose a file-name for the image and click OK.
• Note: If your menu says "Save Picture As" or "Save Image File As" it's the same thing.

Add the image to your Web page.
After you have selected and saved your images in a folder (directory) on your PC, your next step is to add HTML code to your page to display your image. If you are a newbie, wait until you get to Step 3, Code to add your HTML code and image size.

• If your image is a .GIF file use this code:
  <IMG SRC="images\nurse.gif">
  
  Change nurse to a name you would like to use.
• If your image is a JPG file use this code:
  <IMG SRC="images\kittens2.jpg">
  
  Change kittens2.jpg to the name you would like to use.
• If your image is a PNG file use this code:
  <IMG SRC="images\balloon.png">.
  
  Change balloon to the name you would like to use.
• See how you can create your own favorite icon. Like my favorite icon

IMG stands for image. SRC stands for source.

For quicker download times for your images always include the width and height of your images, in pixels. How can you find the width and height of an image?

• Windows XP users. Simply locate the image file in Windows Explorer and point at the file name (do not click)--a small popup window will appear with information about the image including its pixel dimensions.
• Visit http://www.myimager.com/. For example, the myimager provided the following for the image to your right:
  Width: 135 pixels Height: 129 pixels Size: 14725 bytes Type: GIF.
• If you're using IrfanView for your graphic viewer click on the image then pull down Image bar, then click on Information. To download this freeware, click on the above link.

Test.
Next, test your image to make sure you can see it on your PC.

Unisys announced in 1995 that it would require people to pay licensing fees in order to use GIF images. This does not mean that anyone who creates or uses a GIF image has to pay for a GIF image. But, authors writing programs that output GIF images are subject to licensing fees.

• Sites that provide free graphics.
• Sites that provide free banners, logos, and buttons.