How to Create a Photo Gallery in Microsoft Expression

By Daniel Ketchum

i Jupiterimages/Pixland/Getty Images

If you are planning on creating a web page, whether it will be used for business or as a personal site, you might decide that you want to add a photo gallery to one of the pages. In the case of a business, a photo gallery can show jobs you have done or products you sell. For a personal website, a gallery can be used to show who you are, your interests and how you have changed over the years. If you are creating your page in Microsoft Expression Web, the process is relatively straightforward.

Step 1

Load the images you want to use onto your computer. You can do this either by connecting your digital camera to the computer and transferring the files, transferring from some other media such as a photo CD or flash drive, or by scanning them in. Save them all to the same folder.

Step 2

Open Expression Web. Select “File,” then “Recent Sites” and select the site to which you want to add the gallery. In the folder list at upper left, browse to the HTML page you want to add the photo gallery to and open it.

Step 3

Select “File,” then “Import” and click “File.” In the dialog box that pops up, choose “Folder” and browse to and select the folder in which you saved your photos. Click “OK” and the folder will be made into a subfolder of the main website folder.

Step 4

Go to the “Layers” panel at the lower right and click on “Insert Layer.” Layers help organize the elements you will be adding to your page. Select the new layer in the view (it looks like a rectangular box), and in the “Tag Properties” in the lower left, change it to “Center." Change the width and height to make this layer the size you want for the overall gallery on the page. Change the “Layer ID” to “container.”

Step 5

Click inside the “container” layer. Then click again on “New Layer” in the “Layers” panel. Rename this layer "Photo 1." Then click on the “Insert Picture From File” icon. In the dialog box, select the image you want to place in that layer.

Step 6

Use “Absolute Positioning” to place the “Photo 1” layer where you want it in your gallery.

Step 7

Repeat steps 5 and 6 to add all your images to your gallery.

×