Modifying Photoshop Web Photo
Galleries with Dreamweaver
After you make your web photo gallery and
make it into a new site in Dreamweaver (see
previous notes), you will now modify the
gallery to include information about each
photo, much like what you are doing in
InDesign. Before attempting the following,
BACK UP YOUR WHOLE SITE FOLDER BY
COPYING IT TO ANOTHER LOCATION!!! It’s
extremely easy to wreck your site once you
reach step 6.
1. Open Dreamweaver and select your
site from the Site palette (fig. 1). If
you can’t find your site, re-define it
under Site>New Site (fig.2).
2. In the Local Files column of the Site
palette, double-click on the first page
listed in the Pages column. The page
will open up so you can edit it (fig. 3).
3. In the Common tab, click on the
layer button (fig. 4). Draw a layer
somewhere on your page where
you’d like the information about the
image to appear. You can resize and
move the layer wherever you want.
4. Click inside the layer box you made,
and add your information categories.
Here, I made my title date and
description green, by highlighting
them and changing their color in the
Properties palette. I also did “select
all” and changed the typeface to
verdana. Furthermore, I deleted the
existing information that Photoshop
created when I made the web photo
gallery (fig. 5). Check the page in a
browser by highlighting the
index.html file in the Sites palette and
hittin f12 (Preview in Browser).
5. Here’s the tricky part: you want to use
what you did as a “template” for the
Fig. 1
Fig. 2
Fig. 3
Fig. 4
Class notes | DMA-205 Digital Graphics | Ben Dunkle, Professor | 11/7/03
