A CSS Web Design Case Study: Constructing a Personal Site - Slicing the Comp
By: Zoe Gillenwater on Monday, September 26, 2005
Reader Level: 
In the last article of this series, you saw how I constructed my design comp in Fireworks. This article will cover how to slice the comp and export the pieces as web-ready graphics for placement in the CSS and XHTML. Why didn't I just cover this step in the last article? Because slicing a comp actually has more to do with the XHTML page than it does with the design comp construction. If you intend to build your pages using CSS to control the layout, you will need to slice your pages in a very different way than you may be used to from building table-based layouts. You'll see how I sliced my comp with CSS in mind, and I'll contrast this with how I might have sliced it had I intended to use tables instead.
The CSS Web Design Case Study Series:
A CSS Web Design Case Study: Constructing a Personal Site - Planning
A CSS Web Design Case Study: Constructing a Personal Site - Visualizing the Design
CSS Web Design Case Study: Constructing a Personal Site - Design Comp Construction
A CSS Web Design Case Study: Constructing a Personal Site - Slicing the Comp
A CSS Web Design Case Study: Constructing a Personal Site - XHTML/CSS Construction Part 1
A CSS Web Design Case Study: Constructing a Personal Site - XHTML/CSS Construction Part 2
Purchase this item
You can purchase this piece of content separately for
$3.00
Want more?
Community MX members get unlimited access to daily articles,
tutorials, extensions and support. The most comprehensive
resource for Macromedia designers and developers today.
Take a tour of what we offer, and discover the benefits
of subscribing.
Already a member?
Simply log in using the form in the top right area of the site.
