Web Construction with FrontPage:
General Issues,
Creating/Opening Locally
Opening "Live",
The Editing Environment/Themes,
Fonts and Text Editing,
Whole-page formatting,
Placing Images,
Tables,
Hyperlinks and Menus,
Website Structure, and
Publishing your Site,
Classroom uses
Multimedia on the Web:
The Playing Field
Images
Music and Sound
Video
"Fair Use" and Copyright
Streaming on the Web
Image
Sources
Multimedia and PowerPoint:
PowerPoint Animations
Sound and Music
Video
The Web Applied:
Elsewhere on this site:
General
Instructional Technology
Presentation/Web
Imaging
Sound
Video,
Home
 |
 |
 |
 |
Presentation/Web FrontPage - Placing Images |
Images are a real problem in web pages. FrontPage tries to make it easier with complete cut-and-paste capability, and some drag tools, but it's better to pay closer attention. Elsewhere on this site is a discussion of image formats, as well as image editing tools and guidelines. Images as backgrounds is located under Whole Page Editing.
In general, you place an image on a page by . . .
| Cut and paste | If you cut and paste from a local source (a
document or picture stored locally on your computer), or from a website
you found in your browser), you will be prompted to select where you want
it stored when you save it to your website (see "Images..."
in General Issues). Be sure to select "Change
directories" and browse to the "Image" folder before
saving!
|
 |
| Insert Picture/Clip Art |  When
you insert clipart, you'll also be asked where to save the file when you
save your page - see above. Be forewarned - clip art images from
Microsoft's galleries are quite large, and will need to be resized. Also,
if you intend to use background images or colors, clip art images show a
lot of white space and look strange in a website with other than a white
background. You will need to save the image, then edit it in an image
editing tool.
|
|
| Insert Picture/From File | If you created the picture elsewhere and saved it for use now, you can browse through the "Insert/Picture/From File..." menu option. If your picture is saved locally, then you'll be prompted for where you'd like to save it when you save your page, as above. It is also possible to copy and paste files directly from your local computer (in "My Computer" or Windows Explorer) into the folder list in FrontPage. You then can browse to them as above. It is often easier to take multiple images and copy them as files en masse into the site first before inserting them into the page. | |
Formatting the Picture After Insertion
Most image manipulation menus are available from the image toolbar which appears at the bottom of the FrontPage window when an image is selected. File, placement and size menus are available from the right-click menu - select "Properties."
| Resizing | Resizing is accomplished just as
it is in Word or other processor - simply click on the corner, and drag it
toward or away from the center of the image. In general you will
have less problems if you use the lower right-hand corner - otherwise the
dragging affects positioning,  and
the result is a pull-and-tug by FrontPage which is difficult to handle.
If, later, you decide you don't like the resize, you can right-click on
the image, select "Picture Properties," select the
"Appearance" tab and un-click the "Specify size" box.
A big change in size is not advisable - enlargements will look distorted, and reductions will load slower than the viewing size of the picture would indicate. See Images on the Web for a discussion of the merits of resizing using an image editing tool. If your image is a lot larger
|
| Position | The options, available from the
"Appearance" tab of "Picture Properties" on the
right-click
menu, are listed at right. "Default" will place the image as
just another piece of text, forcing the line on which it sits to be that
much taller to accommodate it. This is far from ideal if there is text
with it. "Left" pushes the picture to the left of the page
(or the cell of the table in which it's located), and "Right"
pushes it right. Text then wraps down the image - as it does here. A
word of warning - you cannot nail down how the relationship between text and
image plays out, since the size of the page can vary. Some experimentation
is required. Tables can help. |
than
you want, you can induce FrontPage to create a "thumbnail" image
for use in the page (by default, 100 pixels wide). Select the picture,
then click on the "Auto Thumbnail" icon on the picture toolbar
which will appear at the bottom of the FrontPage window. This will
automatically create another image file (it will have the same name with
"small" added), and create a hyperlink to the original file.