How to Create a Site Map Using Fireworks

Mar 29, 2012 10:07 PM

Open Fireworks and start a new canvas of size 600 x 600 pixels.
Using the shape tool, create shapes of your choice to represent each webpage in your website. A music website example is shown above. Note that you can have any combination of shapes and that each shape represents a webpage in the website.
Color the shapes according to your house style and taste.
Ensure that the shapes are uniform in size and position using the Fireworks tools available.
Group the shapes, as shown by your teacher.
Use the hotspot tool in Fireworks to affix each shape to a specific URL. Annotate (explain) the method.
Save the file with a suitable name, e.g. hotspots.
Export the file as an “html page with images” saving the html file with the name “sitemap.html” and within the same folder as your other web pages.
Link this page to each of the other web pages using a text hyperlink at the bottom of each page.
If you are creating this for a school project, then annotate (explain) your work.