O'Reilly logo

Adobe® CS4 Web Workflows: Building Web Sites With Adobe® Creative Suite® 4 by Joseph W. Lowery

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 3. FROM COMP TO LAYOUT

FROM COMP TO LAYOUT
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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required