CMX JumpStarts: Venice
By: Zoe Gillenwater on Monday, February 14, 2005
Reader Level: 
Venice, the city of canals, inspired this romantic JumpStart design. As with all the JumpStarts, you can use and modify the design in any way you see fit, for commercial work or otherwise.
Venice includes a three-column home page design as well as a two-column form page. Both layouts feature fixed-width, equal-height columns with rounded corners. Techniques used in the layout include floats, absolute positioning, list styling, and backgroung image tiling. The pages are constructed using valid XHTML 1.0 markup and formatted using valid CSS 2.1 styling. Venice also follows the WAI and Section 508 accessibility guidelines to provide you with a solid foundation for any design you may wish to use it for. Both designs have been extensively tested on a wide range of platforms and browsers to ensure maximum cross-browser compatibility.
In addition to the extensively commented XHTML and CSS files, Venice comes with the PNG file used to create both of the layouts. It features masks that allow you to easily replace our graphics with your own, enabling you to adapt this design for any number of uses or clients. You'll learn how to organize a single Fireworks file into a comp for multiple pages.
To help you master the techniques used to design and construct the files, Venice comes bundled with the following tutorials:
- Using Masks in Fireworks MX by Jim Babbage
- Do You Want To Do That With CSS? — Centering a Wrapper by John Gallant and Holly Bergevin
- Flowing and Positioning: Two Page Models by John Gallant and Holly Bergevin
- Float The Theory by John Gallant and Holly Bergevin
- CSS An Introduction Part Two: Background Images by Adrian Senior
- Recreating Macromedia's Layout by Zoe Gillenwater
- Styling CSS Buttons (Part 2) by Stephanie Sullivan
- Styling Forms: Fieldset and Legend by Stephanie Sullivan
- Using Classes and IDs Effectively by Zoe Gillenwater
- Do You Want To Do That With CSS? — Align Elements Left and Right by John Gallant and Holly Bergevin
Each bundled tutorial explains how to complete the tasks that were undertaken to create the layout. Those techniques that are not covered in the bundle are explained here, providing you with not only a robust template, but a learning tool into the web design process as well.
If you'd like a more detailed look at the Venice Jumpstart, as well as seeing a modified Venice design, check out Sheri German's CMX JumpStart Venice: An Introduction.
Purchase this item
You can purchase this piece of content separately for
$29.99
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.
