Tutorial: Creating Page Mock-ups Create a working folder

This tutorial will guide you through the basic tasks of creating a mock-up of a web page with Macromedia Fireworks 8. Page mock-ups are typically used to show proposed page designs to colleagues or clients. Once a design is approved, the mock-up is used by web designers as a blueprint to create the page.

In this tutorial, you’ll complete the following tasks:

Create a working folder

Before you begin, create a working folder that includes the sample files used in the tutorials in Getting Started. This task consists of creating the working folder on your hard disk and copying the sample files from the Fireworks application folder to the working folder.

1. Create a new folder called local_sites somewhere on your hard disk. For example, create a folder called local_sites in either of the following locations:
   • (Windows) C:\Documents and Settings\your_user_name\ My Documents\local_sites
   • (Macintosh) /Users/your_user_name/Documents/local_sites

   On the Macintosh, there’s a folder called Sites already in your user folder. Don’t use that Sites folder as your local folder; the Sites folder is where you place your pages to make them publicly accessible when you’re using the Macintosh as a web server.

2. Locate the cafe_townsend and global folders in the Fireworks application folder on your hard disk. If you installed Fireworks to its default location, the path to the folders is as follows:
   • (Windows) C:\Program Files\Macromedia\ Fireworks 8\Tutorial_assets\
   • (Macintosh) /Applications/Macromedia Fireworks 8/Tutorial_assets/
3. Copy the cafe_townsend and global folders to your local_sites folder

Review your task (next time)

Create and save a new document(next time)

Import and place images(next time)

Create a composite of the content area(next time)

Place text and images(next time)

Export the image for the web(next time)

Other Article