People | Departments | Search UMD
	Search ITSS:

Inserting an Image... Really

The image to the right is going to be used in this exercise. To download it to your computer, put your cursor over the image and right click (Windows) or hold the mouse button down (Mac OS) until a menu pops up. One of the choices is to "Save this Image as..." Save it into the folder created in the first PageMill workshop or create a folder for this workshop titled "PageMill Workshop 2".

Now that we have some text to play with, let's play!

1. Put your cursor in front of the text "I need some text on this page so I can play with inserting an image. The more text I have, the more text is available to play with."
2. Go to the "Insert" menu
3. Choose "Object > Image..."
4. Browse to your image
5. Double-click on the image

You now have an image in your document! View it in your Web browser to see what it looks like.

If life is good, it will look something like the image to the right.

You've probably noticed this workshop page has text wrapping around its images and there is a border around the first image. Why should I have all the fun? Let's do the same with our work page!

First, let's add some alternate text. Alternate text is a description of the image and is useful for people using screen readers, people with non-graphical browsers, and those surfing with their graphics turned off (the last group is currently about 20% of the Web surfers).

1. Click on your image once to select it (it will have an outline with resize boxes when you do this)
   Notice the change to the Inspector. It now says "Object"
2. In the Inspector, fill in the text box "Alternate Label:" with some text to describe your image
3. When you are done entering text, hit "enter" (Windows) or "return" (Mac OS) to finish

With the image still selected, create a border:

1. Put a number other than "0" in the Inspector box "Border:"
2. Hit "enter" or "return"

I have a border value of "1" for the image at the top of this page.

We still haven't wrapped text so head on to "Text Wrapping and Clearing."

PageMill 3.x 2 Workshop Navigation

1. PageMill 3.x 2 Workshop
2. Inserting an Image
3. Inserting an Image... Really
4. Text Wrapping and Clearing
5. Creating and Editing Tables
6. Creating and Editing Tables 2
7. Creating and Editing Tables 3
8. Creating and Editing Tables 4
9. Syllabus Exercise
10. Web Design References

• ITSS Training Homepage