20 August 2007
Adobe Fireworks CS3, and later, makes it really easy to mock up a website without touching even one line of code. I thought it would be instructive to demonstrate this workflow by creating a quick, clean, generic website using only Fireworks. The Website Layout sample file (freetemplate.png) contains all the pages for this website—all linked together and ready to be exported for a quick visual preview before coding even begins.
The two images in the Logos.png sample file show the ability of Fireworks to create clean, attractive vector logos in a very short amount of time. I used the Paths panel in Fireworks to create the triangular graphic. The panel allows me to round the edges of the triangle with one click. Completing this design would have required a steady hand and much more time without the Paths panel.