Creating Your Page

4. Inserting Graphics

A. Graphics and web pages.

• There is no doubt that graphics enliven a web page.
• At the same time, the over-use of graphics can be a distraction.
• Graphics also take up a lot of space and can substantially lengthen the amount of time it takes to load your page.
• Use graphics, but use them wisely.

B. Graphics Files

• Each image file that you want to use in your web page must be saved in you web page folder. (Each image file must be separately uploaded when you publish your page.)
• Browse through the selection of clip art that has been provided for you, (see Clip Art List)  and make a note of the page number for a few images you might use in your page.

C. Saving Graphics--Tutorial clip art page links follow these directions.

• Directions--PC
• Find and right click on an image. A pop-up menu will appear.
• Left click on Save Image as.A Save As box will appear.
• Notice that the image file name and extension are already visible.
• Select the A:\ drive and open your web page folder.
• Click on Save.
 
• Directions--MAC
• Find andclick on an image. Hold the mouseas you scroll down the pop up menu that appears.
• Release the mouse on Save Image as.ASave As box will appear.
• Notice that the image file name and extension are already visible.
• Select the A:\ drive and open your web page folder.
• Click on Save.
• Repeat this process for each image you want to use.

• Find the spot on your page where you will insert the image.
• Click on this location.
• Click on Image,Composition Tool Bar #13,   to open the Image Properties dialogue box.
• You can also do this from Insert on the Menu Bar.
• Click on Choose File.
• In the Choose Image Filebox, click on the file name of your image.
• Click on Open to return to the Image Properties box.
• Find Text alignment and wrapping....
• PC = line of button options.
• MAC = a button/arrow to reveal options.
• Use these buttons to choose how your image will relate to neighboring text.
• Click on the placement style you prefer.
• If you choose text wrapping, it will only look "wrapped" in Navigator.
• Click OK.The Composer work space is visible, and your image is where you placed it.
• If you don't like what you see, you can eliminate the image by a backspace.
• If you want to try a new alignment, click on the image andreopen the Image Properties dialogue box.
• Click OKwhen you have made your change.
• Click on the links belowto view theImage Propertiesbox.

Image Properties Dialogue Box--PC
Image Properties Dialogue Box--MAC

Next: 5. Org. Info.

Step 4 Menu

Tutorial Home