Adobe® CS4 Web Workflows: Building Web Sites With Adobe® Creative Suite® 4

Chapter 3. FROM COMP TO LAYOUT

Now you come to a critical juncture: the transition from comp to layout. Moving work from one medium to another is always exacting and often stressful. Happily, Adobe has integrated Photoshop and Dreamweaver to smooth this workflow through a variety of techniques, as you'll see in this chapter.

Just like Web designers trying out Photoshop for the first time, graphic artists new to Dreamweaver can also experience the "where do I start" phenomenon. Dreamweaver's feature-set runs the gamut from straightforward static Web pages to dynamic database-driven sites. This chapter takes a ground-up approach with Dreamweaver and demonstrates how to create both your first site and first layout.

The following core techniques in this chapter will help you get started down the right path for working in Dreamweaver and transitioning from Photoshop:

• Setting up a Dreamweaver site

• Declaring CSS styles

• Inserting <div> tags

• Adding background images

• Inserting foreground images from Photoshop

SETTING UP A DREAMWEAVER SITE

In Dreamweaver, the site is a key concept. Dreamweaver sites are developed on your own system and are referred to as your local site. When you're ready to publish your pages to the Web, a mirror image of your local site is set up on your Web host and becomes your the ...