Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Design > Adobe Creative Suite

Working with Pages in Fireworks

  • Print
  • + Share This
One time-saving feature that makes Fireworks efficient for web design is the concept of creating web pages as, well, pages. Jim Babbage discusses how to use pages to simplify site building.
From the author of

Building website mockups used to mean having a series of separate files, or constantly toggling layers and states on and off just to see the different page designs. The pages feature in Fireworks CS4 gives you lots of control and flexibility over your documents. This article shows some of the handy functionality of Fireworks pages.

Working with the Pages Panel

Every document opened in Fireworks (including new, empty documents) consists of at least one page. Creating new pages, deleting, sorting, naming, and so on are functions of the Pages panel (see Figure 1).

Figure 1

Figure 1 The Pages panel lets you select, rename, create, and delete pages, among other options.

Let's explore some of the panel options:

  • Just to the left of the page name is an automatic feature—page numbering. As you add pages or change their order in the panel, this auto-numbering feature updates, so the pages are always in numeric order. This feature cannot be edited or turned off.
  • Fireworks keeps a running tally of the number of pages in your document in the page counter (bottom left of panel). This counter automatically updates if you add pages to or remove pages from the file.
  • To add a new page, click the New/Duplicate Page icon at the bottom of the panel.
  • To delete pages, select them and click the Delete Page icon, or drag the pages to the icon.
  • To rename a page, double-click the default page name (Page 1, Page 2, and so on) and type a new name.
  • You can access additional page functions by right-clicking (Mac: Ctrl-clicking) a single page or by clicking the Pages panel options in the upper-right corner of the panel (see Figure 2).
Figure 2

Figure 2 Options such as renaming a page can be accessed in a context menu.

  • + Share This
  • 🔖 Save To Your Account