Lesson 2. Designing a Page Interface
Most Web pages are composed of multiple elements, such as logos, navigation systems, text, images, multimedia, and forms. Designers often attempt to design page layouts in Dreamweaver. While there is nothing wrong with using Dreamweaver for page layout, the intrinsic limitation of standar217 code can hinder design decisions and experimentation.
Macromedia Fireworks is a natural alternative for designing layouts. Thanks to its vector tools, layers, guides, and rulers, Fireworks is a great tool for entire page layouts. Fireworks' vector content is always editable, so you are never trapped with a bad decision or an experiment gone wrong. Also, because every graphic element sits on the canvas independent of all other objects, it's easy to arrange and rearrange content quickly and precisely. Creating quick variations on a theme for a picky client couldn't be easier. Throw in Fireworks' robust optimization interface and divers218 export features, and it's clear that Fireworks is an ideal environment in which to create page layouts.
Designing the whole page layout in Fireworks implies a certain workflow. You start the page-design process by assembling different elements in a Fireworks document. Next, you slice the page into individual pieces: banner, navigation, main content area, and so on. Then, you optimize each piece to achieve the twin goals of high-quality appearance and small file size. Finally, you export the page and all its parts to reassemble in Dreamweaver.
In the course of this lesson, you'll develop a whole-page interface design for the Jade Valley Web site.
Lesson 4,
Preparing a New Site . You'll develop a whole-page design in Fireworks, complete with a logo, a navigation system, a banner, a main content area, an additional navigation aid, and a footer area. You'll also design a slicing scheme in preparation for the optimization and export processes, which are covered in the lessons that follow.