This tutorial shows you the process of creating a website application in Adobe Fireworks CS4—from sketching the original page design to developing wireframes, to creating the final design. All the essential tools and instructions will be covered in this article to help you begin creating websites and designs within Fireworks CS4 right away. If you are already familiar with Fireworks, you'll get a tour of some new features included in Fireworks CS4 as you follow along.

You will be designing the web page for a fictitious company called Ignition Carshare. This company offers membership to a car sharing service—allowing members to reserve and use vehicles for a couple of hours or as long as multiple days. The website requirements include presenting the car share services available to potential customers and providing existing members with an interface to reserve vehicles and manage their accounts.

Requirements

In order to make the most of this article, you'll need the following software and files:

Fireworks CS4

• Try
• Buy

Sample files:

• carshare_designs.zip (ZIP, 7.7 MB)

Prerequisite knowledge

This article assumes that you have some familiarity with image editing programs, but no prior experience with Fireworks is necessary.

Page 1 of 4

Next Page

About the author