First
create your picture in Fireworks or open an already
made one if you have developed it some where else.
Then
use the Slice Tool in the Tools Palette.
To cut up your picture. Make sure your picture is
covered in green squares and no green squares overlap.
Then
go into the Layers Palette. (If not visible
go to the windows menu and select Layers)
Inside
the web layers you will find all your green square.
Each of these squares are their own layer.
Double
click on the name beside each green layer and change
it to a name that represents the content inside the
green layer. Note: This is the name the image
will have when exported.
After
you have named all the green web layers your are ready
to export them.
From
the File menu select Export.
Browse
to were you want to export your template page.
Give
it a name like homepage.
Then
make sure to check off Put Images in Subfolder.
This will export all your pictures into a folder for
you.
If
you want to make rollover images for you template do the
following.
Go
to your Layers Palette and click on the eye
in the root of the Web Layer. This will make your
Web Layers (green squares) invisible.
Now
that your Web Layers are invisible your can go change
your menu. Example: Change the text colour or the
size or both. What ever you want.
When
turn the Web Layers visible again by clicking on the
area were the eye once was. It will reappear and so
will your Web Layers.
Now
you only want to export just those Web Layers you
changed.
Go
to each green square you want to export and right
click on it.
Select
Export Selected Slice...
Save
this new image to the same folder your main export
did. NOTE: MAKE SURE TO CHANGE THE NAME
OR YOU WILL OVER WRITE YOUR OTHER IMAGE.
You
are done creating all you pictures for your template
exit Fireworks.
