About ITIT for StudentsIT for FacultyIT for StaffServicesHelpDocumentationIT Home

Creating an Image Gallery in FrontPage

FrontPage has an easy way to create groups of images to display on the web, either from your faculty web page, Pipeline course or WebCT course space. You can create a different gallery or image database for different categories of images. These instructions are for PowerPoint 2003. If you are using an earlier version, you may see a few minor differences in the instructions.

View a demo on creating an image gallery


Upload and link file to WebCT

Upload and link file to Pipeline

Upload and link file to faculty web

Steps Screenshots
Step 1

Open FrontPage and open a new page:  FileNewPage

image of File menu in FrontPage
Step 2

Choose InsertWeb Component... from the menu bar.

    graphic pointing out the Web Component selection
Step 3

Choose the Photo Gallery from the list of component types on the left. You will see a variety of layout options on the right.

graphic demonstrating the Photo Gallery choice
Step 4

Click on the Layout option from the Photo Gallery window. Tip: Choose either the Horizontal or Vertical layout so that you can type in a caption.

graphic demonstrating the different layouts available in the photo gallery
Step 5

Click on the Pictures tab at the top of the window

Click on the Add button then choose Pictures from Files… and browse to the location of your files, for example, My Documents on your hard drive (C:) or the floppy disk in your A: drive.

graphic displaying the add picture from file choice
Step 6

Select your first file. Note that you can adjust the size of the thumbnail for each photo. (A thumbnail is a miniature duplicate of the original image that is featured in a gallery. This feature allows for faster download speeds for users. If a user wants a closer look at an image he or she just double-clicks on the thumbnail and it expands to original size.) Normally you would have to create two versions of every photo yourself but lucky for you this feature of FrontPage does it automatically for you!

sample picture being added to the gallery
Step 7

Scroll down to the Caption box and type in some descriptive words. These will show up with the image in the finished gallery if you chose the correct layout. Note: If you did not choose a layout that displays the caption and description, you can always go back and switch to a different layout.

sample photo caption and description
Step 8

Continue adding the rest of your images repeating the above steps, adding a caption and adjusting the thumbnail sizes as you add each picture. When you’ve added all your images for the gallery, click on the OK button at the bottom of the window.

 
Step 9

Upload these photo gallery pictures into your WebCT course, your faculty web folder or your Pipeline course (depending on size). Remember if your gallery is over 1 mg. you will not be able to upload it to Pipeline due to size restrictions. If this is the case, one option is to upload your gallery into your faculty web folder and simply link to it from your Pipeline course.

Remember that you’ll need to upload all the image files that are linked from the gallery page. Always keep bandwidth in mind. Sometimes it’s better to create several pages of images that are smaller in size than one big page.

 
 

NOTE: If you would like to link to a gallery in your faculty web folder from either your faculty web page or Pipeline course and the gallery contains student images or original work you need to have students sign an authorization form allowing you permission to display their content on an open website.

That’s it! You’re done!



Show Me

arrow pointing leftReturn to Adding Audio and Video Components to Your Course


Go to top of page