Having created a basic layout design in dreamweaver you may now 
want to add some graphics to break up all the content you have. And the most popular way is to have graphical content boxes like this for example.
Some people who design websites in photoshop try and do this step in photoshop but it is more difficult the best way i found is by creating a table in dreamweaver where you would want to insert a content box so you can see exactly how many pixels in size it needs to be. Then the table will need to have 3 rows and ill explain this later.
You basically now just have to draw your content box in fireworks. Using curved boxes and giving a gradient fill gives a good effect but there are lots of ways you could design yours. Using the same one of CSD website i did a large curved box for the title and thin borders which I dident apply a fill to.
Drawing in Fireworks
The image on the right is the content box that im going to show you how to create.
Step1
On the canvas i have drawn a simple rounded rectange and changed the forground colour to R:21 G:74 B:118. This will have to be done in the system colour picker pallete. With this square you can resize the corners with the yellow handles that appear when you single click the rectangle. If you hold the handles you will be able to resize the corners to your specification.
Step 2
The next step is too add the title box. I simply did another rectangle box and filled it, but to have the bottom bit flat you will need to hold "ALT" on each corner this will allow you to adjust each corner as you want them.
Now you have completed your box. Ready for Slicing.
Copyright © 2006-2008 Cheap Student Design. All rights reserved.
