• Opening Composer
• Establishing Page Properties
• Adding Text
• Inserting Graphics
• Organizing Information
• Creating Links

Introduction to Composer

Step 4: 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 and click on an image. Hold the mouse as you scroll down the pop up menu that appears.
• Release the mouse 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.
• 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 File box, 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 and reopen the Image Properties dialogue box. 
• Click OK when you have made your change.
• Click on the links below to view the Image Properties Box.

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