Learn how to look at your Fireworks comps with CSS-based layouts in mind; then follow step-by-step instructions for converting a graphic comp to a CSS-based layout. The CSS Designer Starter Kit is a 5-part interactive video tutorial. Learn at your own pace and watch unlimited times.
This tutorial includes a sample graphic comp with completed HTML and CSS layout plus a bonus graphic comp.
The CSS Designer Starter Kit for Fireworks covers the following topics:
You will need the following before starting the CSS Designer Starter Kit for Fireworks tutorial video:
The CSS Designer Starter Kit has been separated into multiple downloads. Before you begin, please make sure to download all of the following zip files from your Order History.
Once you have downloaded all of these files, extract the contents of each zip and ensure that the files are stored in the appropriate location.
The first step in setting up the movie files is to unpack the start_here.zip file.
Now you will need the unpack the rest of the movie files. Each 'movies_0*.zip' file contains a portion of the tutorial.
Repeat this process for 'movies_02.zip', 'movies_03.zip', and 'movies_04.zip'.
As an optional step, you may unpack the sample files and use the contents when viewing the tutorial. Or, you may also use your own content if you prefer.
Once you have moved all the necessary swf files, view the interactive tutorial by double-clicking the 'index.htm' file located in the main '/start_here/' folder. This will launch the page in your primary browser. The presentations will start immediately. You can jump to any desired topic by clicking its link in the table of contents.
WebAssist has some other products you might be interested in.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.