Create a New Fireworks CS3 Document

[This is Step 1 of the Fireworks CS3 Tutorial]
You may also be interested in the Fireworks CS4 Tutorial or the Fireworks CS5 Tutorial.

  1. Open Fireworks and create a new document [File > New].

  2. In the dialog box enter the width and height of the layout. I usually design for a width of 780 pixels width. This works well in monitors with 800 x1024 resolution as it leaves 20 pixels for the browser scroll bar. The resolution for the web is 72. You can also choose a background color if your webpage will have a background color.

  3. Click OK.


    new documnet


  4. Name and Save the document [File > Save]. Fireworks files have the extension .png. You can name it "layout.png".

Go to Step 2 >>

 

Fireworks CS3 Tutorial Menu

Step 1: Create a new Fireworks document

Step 2: Insert images and text

Step 3: Create the layout

Step 4: Slice and export the images

Project: Create a simple layout

Fireworks Tips and Tricks

Fireworks CS4 Tutorial

Suggestions for Improvement? If you have a suggestion to improve this tutorial please contact us. We would love to hear from you.

Fireworks is part of Creative Suite 3 Web Standard
Streamline web design, development, and maintenance. Order Now!

 



God Loves You! "For God so loved the world that he gave his one and only Son (Lord Jesus Christ),
that whoever believes in him shall not perish but have eternal life." - John 3:16, Bible