Pixel2Life

Hi,

This tutorial will explain how to design a complete web template that you can use with your favorite web page editor software (ex.: Dreamweaver).

Most of new Fireworks users can only makes basic shapes design but i'll show you that you can make much more because this software as many capabilities. Note that almost any plugins made for Photoshop can be used within Fireworks.

So, let's start with the planning part. You normally need a small idea of what you want as a final product before starting to design. Important points to know are the title, menus and content parts (ex.: Main textbox, shoutbox, ad space, etc). Once you know all the required informations, you can start with the design. Because of the occasion, we'll make a Pixel2Life style design :) .

Always start with the header. The header is the most important part in the design view. Guests are first looking at it and it's really important to have something that looks nice but that is well representing what you are trying to show. From this point, i'll go with steps to it's easier to follow.