Inserting images into a Web page

There are several types of images that can be inserted into a Web page. Many of these images can be "borrowed" from the Internet to use in your
personal homepages for free.

Images on the Internet may consist of:

animated gifs

special fonts

pictures

photos

bars

buttons

logos

background textures and images

You can also use images in your Web pages that you create in a photo editor program such as Adobe Photoshop or Paint Shop Pro.

For more information, click here ((LINK to Pam Greyer's site))

Images enhance your Web pages by making them more interesting and attractive. In addition, images can help provide clarification to your Web page.

Caution should be exercised when selecting images to place in your Web page. You should use only public domain (free) images, create your own image,
or buy images. Avoid using images that have been produced by others at great expense. The owner can sue you for stealing their property. Many
designers hide codes as "markers" inside their images, so that they can identify their property.

Play it safe and use only free graphics for your own personal, not-for-profit purposes.

Some sites to retrieve free graphics are listed below:

www.animationlibrary.com

www._____________________________

www._____________________________

For more information on copyright issues, click here (LLINK))
 
 

Inserting images as links

Text and graphics can be linked (i.e., take you to another place).

You can link:

*to another Web page

*to another section of the current page (target)

*to another Web site

*to an email account
 
 

((LINK)) to Karen Hicks curriculum web

((LINK)) Geraci curriculum we

Activity: Locating a free graphic, inserting it in the web page, and creating an image link, saving and viewing the web page.

*Don't forget to save your web page, go to Netscape Navigator (link to review above). reload the page to see the latest copy.

-----------------------------------------

(For ACTIVITY: use the graphic of dancing bear)

Steps:

Before you start saving images, create a folder named "Images" to store your images.

Click here to review how to create a folder ((LINK to Computer Basics

1. Locate a free graphic/image

Type in the URL www.animationlibrary.com in the location box in Navigator

2. Find the image that you want to copy and place the mouse pointer on top of the image.

3. Click the right mouse button (On the Mac, just hold the mouse over the image until you see a menu appear)

4. Click on View Image to display the image on a blank screen. This will allow you to make sure you have the correct image.

5. Save the image in view screen or close the view screen and click on Save Image As...

6. Save the image to your a: drive in a folder named Images that you created earlier.

7. You should change the name of the image to a name that you can recognize later. DO NOT CHANGE the .gif or the .jpg extension.

8. Click OK

*For more information on adding images to a Web page, click here

((LINK)) to www.ash.udel.edu/ash/teacher/staff/webpages.html
 
 

Inserting an Image into a Web page
 
 

Editing an Image
 
 

Inserting Images as Links
 
 
 
 

Activity: Locating a free graphic, inserting it in the web page, and creating an image link, saving and viewing the web page.

Steps: How to create a link

Activity: Creating three links including an email link

------------------------

Lecture: Inserting graphics/images into a web page and cautions and creating a image link.

Link (copyright issues/laws)

Link (Free graphics sites)

Steps: How to locate a free graphic/image

How to save an image (gif vs jpg)

Link to info site about images

How to alter images

Link to info on Paint Shop Pro /Adobe Photoshop

Activity: Locating a free graphic, inserting it in the web page, and creating an image link, saving and viewing the web page.

*Don't forget to save your web page, go to Netscape Navigator (link to review above). reload the page to see the latest copy.

-----------------------------------------

(For ACTIVITY: use the graphic of dancing bear)