The basics

Step 1 >> Collect the web assets
that you have created and place
them into a simple folder structure
with different directories for
thumbnails, gallery images, pages
and common elements like the
buttons, background and heading
graphics. Ensure that all the files are
well labelled and that each file name
is 8 characters long or less.
Step 4 >> Create a thumbnails, or
picture index, page and add the small
versions of all the photographs that
you want to include in the site. Save as
thumb.htm.
On a series of new gallery pages insert
the larger images, one per page,
saving each using the name of the
picture as the file name (pict1.htm).
ADVANCED PHOTOSHOP ELEMENTS 5.0 FOR DIGITAL PHOTOGRAPHERS
Step 2 >> To create the home page
start the Netscape Composer program.
The package automatically creates a
new page when opened. Next select
Format > Page Colors and Properties
and under the General tab input the
title, author, description and keywords
for the page. Under the Colors and
Background tab select the background
tile that you made earlier. Click the
‘Leave image at the original location’
and ‘Save these settings for new page’
boxes and click OK.
Step 5 >> To add interactivity to the
site double-click on a button graphic
and click on the Link tab from the
Image Properties dialog that
appears. Select the Choose File
option and locate the page file that
relates to the button, i.e. thumbnail
button linked to thumb.htm. Com-
plete this linking action for each of
the buttons in the site.
Step 3 >> Click on the Insert Image
button. Under the Image tab find the
heading Graphic and select OK.
Select the heading Graphic and click
the Center alignment button.
Deselect the graphic and hit the
Enter key to move the cursor to the
next line under the heading. Using
this process insert the button
graphics one by one. Save this page
as index.html.
Step 6 >> With the site now
complete it is essential that you test
all the links and image insertions.
Do this by opening the index.htm file
and clicking the Preview button on
the Netscape menu bar.
Book resources at: www.adv-elements.com
265
EXTENDING YOUR WEB
ABILITIES