Adobe 29500007 - Creative Suite 3 Design Premium Manual page 50

Photoshop
for Web
1 Design, optimize, and
export your website
Using the compositing features
of Photoshop, develop a mock-up of
your website. You can conveniently
copy and paste key graphic areas
directly into Dreamweaver, or
batch-create images by cutting
the page into logical slices.
• Create slices by using the Slice
tool or by creating layer- or
guide-based slices.
• Use the Slice Select tool to move,
resize, or align slices.
• Name the slices, using the
Slice Options dialog box, for easy
recognition when inserting
graphics into your HTML layout.
• Export your slices into
web-ready images (with optional
reference HTML).
48 Adobe Creative Suite 3 Design Premium and Standard Workflow Guide
Photoshop web design
Adobe® Photoshop® CS3 is a leader in creating graphics for the
web. Special features like custom color panels, optimized slices
with HTML export, and flexible compression have long provided
users with comprehensive support for web graphics standards.
2 Create CSS layout in
Dreamweaver
Use the WYSIWYG layout tools
and powerful CSS and scripting
features in Dreamweaver to
reproduce your layout in clean,
easily maintained, standards-
compliant code.
Dreamweaver CSS layout