Home

How to Create a Site Map Using Fireworks

Mar 29, 2012 10:07 PM

Navigation buttons for music genres and contact information.

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.

You already know how to use your phone. With Gadget Hacks' newsletter, we'll show you how to master it. Each week, we explore features, hidden tools, and advanced settings that give you more control over iOS and Android than most users even know exists.