|
|
 |
| Creating Web Photo Album in DreamweaverMX
|
Requirements: You need the Dreamweaver and Fireworks software and basic knowledge of Dreamweaver
Let us see how to create a complete web photo album in Dreamweaver
in a very short time. The photo album will contain thumbnails.
When you clicked on a thumbnail, that will enlarge the pictures
with navigation to go forward or backward to view the whole
album. A web photo album normally uses for product showcase,
portfolios, art, image and photography galleries and more.
First, you need to keep all the large size images in one
folder. Fireworks automatically creates the thumbnails.
Once its ready, follow these steps to create a photo album
in Dreamweaver.
- Open your Dreamweaver site.
- Create a folder for your photo album
(e.g. my_album)
- Open any page within the site
- Choose Commands/Create Web Photo Album
from the toolbar
- Give a title for the album (this shows only in the
thumbnail page)
- You can give subheading info (this shows in the enlarged
picture pages)
- Browse to the Source images folder by using folder
icon (this is the folder where you kept all the images)
- Choose the destination folder (from our example 'my_album')
- Choose the thumbnail size from the drop-down menu
- You can enter the number of columns to display the
thumbnails
- The rest can be left as is or changed accordingly
for optimization
- Click on OK
- You can see Fireworks creating the thumbnails for
all the pictures
- Then you will get a message saying that the photo
album has been created and you can view the my_album.
- Now the album will be in unformatted state. You will have
a folder called my_album under which there will be 3 folders
as follows:
- thumbnails - contains the thumbnails
- images - contains the images in its original form
- pages - contains the pages in which the larger images
are inserted along with the navigation to navigate between
pictures and return to home
- index.htm page will have all the thumbnails with
links to the larger images
- Now go to the index page and apply your template (if you
have one) to format the page and also use CSS Styles to
format the text. The gallery will look like its part of
the site. You can do this for all the pages under the gallery
folder.
|
|
Back to Tutorials Home Page
|
Maa Design Services
MAA offers high-quality website design services at affordable prices and fast turnaround time. We provide ready-made & custom website design solutions to global clients from London, UK. Take a look at our client testimonials from clients all over the world. Contact us today to get started on your website! |
|
Client Testimonials
"If you want the QUICKEST service, the BEST web design, Logo and the FRIENDLIEST communication, DezineHub is the ONLY business to turn to. They far exceeded my expectations! I give them the HIGHEST recommendation! "
Dilip, Chemmen Ltd UK |
|
|
|
