Library on the Web

 
    Home   Authors    Careers   Literature   Recommendations   Research   Standards   Web Pages   
 

 

 

Creating a Web Page

 

     
   Template  Add Text  Margins  Paragraphs  Line Breaks   Links  Alignments  Pictures   Font Size  Colors  WebHost  
     
    Finding and saving pictures

 

You cannot copy and paste a picture into a web page. The picture is a separate file that you link to.

The first thing you need to do is to find a copyright free picture for you page. There are many websites you can go to to find one. Be careful and make sure the picture you select for your web page is not copyrighted. 

Select your picture from one of the following websites:

 

Right-click on the picture
Save As
Make sure the
Save In: box displays the right folder
You can change the
File name if you wish, but only one word, no spaces, and all letters should all be in low case.
Check the 
Save as type: box. It should say .GIF or .JPEG
Save only pictures with a file extension of  .GIF or .JPG (pronounced Jay-Peg). Files that have a .bmp extension will not work in your web page. 

Save the web address for your bibliography. It is a good idea to say where your picture came from, especially if there is a question about its copyright. For instance, all the images on this entire website came from the Microsoft Office Online Clip Art and Media Gallery. The format was changed to a .gif or .jpg,  and some were modified using Paint Shop Pro.

 

Inserting a picture in your web page

 The tag for inserting a picture in your web page is:

<IMG SRC="">

If the your Save as type: box said  GIF 

 <IMG SRC="picture.gif"> 

If the Save as type: box said  JPG or JPEG

<IMG SRC="picture.jpg"> 

You should have the paragraph tags <P> </P> to separate the picture from the text on your page. You need opening and closing alignment tags <right> <center> or <left>  to show where you want the picture on the web page..

Inserting a picture in your your background

You may decide that you want a background picture instead of having a color for your background. To do this, remove BGCOLOR="white"  from your <BODY> tag and replace it with BACKGROUND="background.gif".  

You can use any picture with a file extension of .gif or .jpg for your background. Almost any picture can be used for a background but small pictures created for web page backgrounds are the best. A small picture be tiled, repeating itself, until your page is filled. Check the links above for a background picture.

Make sure your text and links can be read after you insert a background. You may have to change the colors.

 

<HTML>

<HEAD>
<TITLE> page title </ TITLE>
</HEAD>
<BODY
BACKGROUND="background.gif">
<BLOCKQUOTE>

<P>
Report Title
</P>

<P>
<CENTER>

<IMG SRC="
picture.jpg">
</CENTER>
</P>


<P>

Your report will look like just one long paragraph unless you show where each paragraph starts and ends. You can do this by typing and opening <P> at the beginning of each paragraph and a closing </P> at the end of each paragraph.
</P>
<P>

Make sure you save after every change you make on your web page. Remember that the best way is to "save as" and make sure you c
heck "all files". 
</P>

 </BLOCKQUOTE>
</BODY>
</HTML>

 

 

 

Save this change:  File - Save As
Make sure the Save In: box displays the right folder
Make sure the 
Save as type: box says All Files
You may click on your file name instead of typing it, make sure you click on the one with the blue e in front of it.
Do not add  .html after your file's nam
e, 

Check the changes in Internet Explorer by going to View - Refresh or clicking the F5 key.