Macromedia Dreamweaver 4 Fireworks 4 Studio: Training from the Source


Dreamweaver and Fireworks are Macromedia's power tools for developing Web sites. Web designers can create their Web graphics in Fireworks (no Photoshop needed!) and integrate them seamlessly into their Web pages built with Dreamweaver. Macromedia┬╣s Dreamweaver/Fireworks Studio is now being purchased by 75-80% of users of either product, so Web teams can reduce production time with tight integration, ...
See more details below
Available through our Marketplace sellers.
Other sellers (Other Format)
  • All (14) from $1.99   
  • New (3) from $36.38   
  • Used (11) from $1.99   
Sort by
Page 1 of 1
Showing All
Note: Marketplace items are not eligible for any coupons and promotions
Seller since 2014

Feedback rating:



New — never opened or used in original packaging.

Like New — packaging may have been opened. A "Like New" item is suitable to give as a gift.

Very Good — may have minor signs of wear on packaging but item works perfectly and has no damage.

Good — item is in good condition but packaging may have signs of shelf wear/aging or torn packaging. All specific defects should be noted in the Comments section associated with each item.

Acceptable — item is in working order but may show signs of wear such as scratches or torn packaging. All specific defects should be noted in the Comments section associated with each item.

Used — An item that has been opened and may show signs of wear. All specific defects should be noted in the Comments section associated with each item.

Refurbished — A used item that has been renewed or updated and verified to be in proper working condition. Not necessarily completed by the original manufacturer.

PAPERBACK New 0201711621 Brand New US Edition Book in Perfect Condition. Fast Shipping with tracking number.

Ships from: Houston, TX

Usually ships in 1-2 business days

  • Canadian
  • International
  • Standard, 48 States
  • Standard (AK, HI)
  • Express, 48 States
  • Express (AK, HI)
Seller since 2009

Feedback rating:


Condition: New
Berkeley, CA Paper Back Updated_Month1|0 New *****PLEASE NOTE: This item is shipping from an authorized seller in Europe. In the event that a return is necessary, you will be ... able to return your item within the US. To learn more about our European sellers and policies see the BookQuest FAQ section***** Read more Show Less

Ships from: Hereford, United Kingdom

Usually ships in 1-2 business days

  • Canadian
  • International
  • Standard, 48 States
  • Standard (AK, HI)
  • Express, 48 States
  • Express (AK, HI)
Seller since 2014

Feedback rating:


Condition: New
Brand new.

Ships from: acton, MA

Usually ships in 1-2 business days

  • Standard, 48 States
  • Standard (AK, HI)
Page 1 of 1
Showing All
Sort by
Sending request ...


Dreamweaver and Fireworks are Macromedia's power tools for developing Web sites. Web designers can create their Web graphics in Fireworks (no Photoshop needed!) and integrate them seamlessly into their Web pages built with Dreamweaver. Macromedia┬╣s Dreamweaver/Fireworks Studio is now being purchased by 75-80% of users of either product, so Web teams can reduce production time with tight integration, automation, and customization.

Takes a step by step approach through a series of projects to build Web pages, export images and transfer the page into an HTML file that can be edited. The CD-ROM contains files needed to complete the projects.

Read More Show Less

Editorial Reviews

Ten lessons provide instruction on using the integration features of Dreamweaver 4 and Fireworks 4. They cover bitmap editing, working with groups and layers, using vector tools, text, fills, live effects, optimizing and exporting, animation, creating buttons, making image maps and slices, and production techniques. An accompanying CD-ROM contains all the files needed for the lessons. Schulze is a Web designer and consultant. Annotation c. Book News, Inc., Portland, OR (
Read More Show Less

Product Details

  • ISBN-13: 9780201711622
  • Publisher: Pearson Education
  • Publication date: 6/21/2001
  • Series: Macromedia Press Series
  • Edition description: BK&CD-ROM
  • Pages: 376
  • Product dimensions: 8.04 (w) x 9.99 (h) x 1.23 (d)

Meet the Author

Patti Schulze is the founder and president of Digital Training & Designs (, a Macromedia and Adobe Authorized Training center in Dallas, Texas. Patti has created many Web sites: from recommending the hardware, installing the software, and developing databases and e-commerce to designing the graphics and coding the HTML. Patti developed the Macromedia curricula for Fireworks, Dreamweaver Fundamentals, Dreamweaver Advanced and Dreamweaver / Fireworks Integration that is used by Macromedia Authorized Training centers. She speaks at Web conferences on topics such as Designing with Dreamweaver and Creating User Interactivity.

Training from the Source TM is the authorized training series from Macromedia Press. Each book in the series is based upon curriculum originally developed for use by Macromedia's authorized trainers. The lesson plans were developed by some of Macromedia's most successful trainers, and refined through long experience to best meet students' needs.

Macromedia Press: What Books about the Web can be! Founded in 1996 in a creative partnership between Macromedia, Inc and Peachpit Press, Macromedia Press provides creative professionals and all users of Macromedia software and technology with the highest quality trade computer books available today.

Read More Show Less

Read an Excerpt

Expert from Chapter 1:

bitmap editing


Fireworks has a variety of tools you can choose by clicking the tool on the Tools panel or by using the shortcut key shown in the following figure. If a tool has a small black triangle in the bottom right corner, it is part of a group of tools; click and hold on the tool to access the pop-up tool group.

For example, click and hold the Pointer tool (top left on the Tools panel) to see the other tools in this area. If the Tools panel is not open, choose Window > Tools.

Fireworks has two modes for editing images: Vector mode and Bitmap mode. Vector mode is for creating vector images, and Bitmap mode is for editing bitmaps. Both modes share the same Tools panel, but some tools change based on the editing mode. For example, the Eraser tool looks like an eraser in Bitmap mode and a knife in Vector mode. The Rectangle tool in Vector mode creates a rectangle that can be resized and edited. In Bitmap mode, the same tool creates a bitmap rectangle that cannot be changed or resized while in this mode.


The panels used for making changes to images or objects "float" above the document, so they are always on top. Many of the panels are tabbed, with two or more panels combined. You can create your own arrangement by just dragging the tab away from the panel. To combine panels, drag the tab of one panel inside another panel. You'll see a black border appear, indicating that the addition is possible. To access a new panel, click its tab.

As you work with the panels, you'll move them around or close them. To restore the panels to their original positions, choose Commands > Panel Layout Sets and choose from one of the listed screen sizes. A script runs that moves the panels based on the screen size you chose. This command is also very handy when you change your monitor-when you execute the command, the panels move to accommodate the new monitor.


Photographs or scanned art can be opened or imported into Fireworks. Fireworks recognizes the following bitmap file formats: Photoshop native files (PSD), TIFF, JPEG, GIF, BMP, PICT (Macintosh), PNG, and Targa. After you have opened or imported an image, you can make a variety of changes. Before you can change pixels in a bitmap image, you must first select the area you want to affect. After you make a selection, you can edit only those pixels within the selection. Pixels outside the selection are protected from change. This exercise introduces you to the bitmap editing tools. You will learn to make selections, change colors in the image, and clone part of the image.

When editing bitmaps in Bitmap mode, you will be either editing pixel by pixel (with the Pencil, Pen, or Eraser tool) or editing a selection of pixels. Use the selection tools to select pixels either by their color value or by their location within an area. Only those pixels within the selection are affected by any changes you make.

1) Open the file Flower butterfly.png file in the Lesson 01 folder. This file contains a bitmap image (the sunflower with the butterfly) and a vector image (the butterfly on the far right). The butterfly in the center of the flower is a bitmap. To change it, you need to select all the pixels that define the shape. To move the vector butterfly, you just need to select it with the Pointer tool. In this exercise, you will change the bitmap butterfly.
2) Select the Pointer tool from the Tools panel and double-click the image to switch to Bitmap mode. You can also select a bitmap tool such as the Magic Wand tool or the Marquee tool, and click the image to switch to Bitmap mode. A striped border appears around the entire document to indicate that you are in Bitmap mode and editing pixels.

When you are in Bitmap mode, any object you place on the canvas can't be moved or repositioned-you have permanently "painted" the object on the canvas.

3) To exit Bitmap mode, click Exit Bitmap Mode (the red circle with a white X), located at the bottom of the document window.

To exit Bitmap mode, you can also press the Esc key (Windows and Macintosh), Ctrl+Shift+E (Windows), Command+Shift+E (Macintosh), or Command+period (Macintosh only), or choose Modify > Exit Bitmap Mode.


With the Magic Wand tool, you can select neighboring pixels of the same or similar color. The level of similarity depends on the tolerance level you set in the Tool Options panel. The lowest level, zero, selects one color; you pick the exact color with the tip of the tool. The highest setting, 255, allows the greatest range of colors to be selected. For example, if the tolerance is set to 50 and the RGB value of the color selected is R = 100, G = 100, and B = 100, then colors from 50, 50, 50 to 150, 150, 150 are within the 50 tolerance level and thus are selected.

To understand this better, look at the many shades of blue in the sky in the bitmap image you have opened. The blue of the sky is dark at the top of the image and gradually lightens as it nears the horizon. If you used a low tolerance level, for example 10, then the number of blue pixels selected is limited to a small area around where you click with the tool. If you select the entire sky, you will need to continue to click to add pixels to the selection. If you use a large tolerance number, for example 255, then you will also select colors outside the blue color range.

The default tolerance level of 32 is generally a good starting point. Instead of increasing the tolerance level, try adding to the selection by holding Shift and clicking another color...

3) Drag the Hue slider until you get a color you want.
The values displayed in the text box as you drag the slider reflect the degree of rotation around the color wheel. A positive number rotates counterclockwise; a negative number rotates clockwise. Dragging the slider all the way to the left or right changes the hue to the color at 180 degrees from the original color. If you are unfamiliar with the color wheel, open the Color wheel.png file in the Lesson 01 folder. Opposite (or 180 degrees) from blue in the color wheel is yellow. If you drag the Hue slider all the way to the left or right, the sky changes to yellow.

If you change the color too much, the edges of the selection, especially around the flower, will look too harsh. Bitmap images are made up of pixels, which are square. Around

the petals of the flower are pixels that are a color combination of the blue sky and yellow flower.

These pixels trick your eye into seeing a smooth edge around the flower and are not in your selection because of their color. When you change the hue to magenta, for example, the color is far different from the blue, and those pixels stand out, resulting in a hard edge around the flower. Experiment with the slider until you get a darker blue or a violet-blue color.

4) Drag the Saturation slider to change the intensity of the sky.
Dragging the slider all the way to the left changes the color to gray. Dragging the slider all the way to the right changes the intensity of the color to its brightest point.
5) Drag the Lightness slider to change the brightness level of the sky.
Drag the slider to the left to darken the overall color tone of the sky. At the far left end, the color turns to black. Drag the slider to the right to lighten the color. At the far right end, the color turns to white.

Adjust the sliders in the Hue/Saturation dialog box to your liking.

6) Click OK to close the Hue/Saturation dialog box.
If you want to hide the selection area to better view your changes, choose View > Hide Edges. To view the selection area, select the command again. If you are happy with the results of your changes, deselect the area by choosing Edit > Deselect.

If you want to save your selection before you deselect it, choose Modify > Marquee > Save Selection. To use the selection again, choose Modify > Marquee > Restore Selection. Fireworks only saves one selection.


The Lasso tool creates a freeform selection boundary around an area. Wherever you drag, you draw a selection outline. When you release the mouse button, the selection area closes automatically. To close the selection area yourself, return to the first point of the selection. As you come close to the beginning, the pointer displays a small square. To close the selection, release the mouse when you see the square.

The Polygon Lasso tool draws straight-line segments. This tool works differently than the Lasso tool; instead of dragging the tool to make the selection, click for your first point, release the mouse, move to a new location, and click again to define a line segment. Just as with the Lasso tool, you'll see a small square by the cursor when you are close to the beginning point. Click when you see the square to close the selection. You can also double-click to close the selection, even if you have not moved the cursor back to the beginning point...

Read More Show Less

Table of Contents

Introduction 1
Lesson 1 Bitmap Editing 6
Lesson 2 Working with Groups and Layers 34
Lesson 3 Using Vector Tools 52
Lesson 4 Text, Fills, and Live Effects 84
Lesson 5 Advanced Techniques 118
Lesson 6 Optimizing and Exporting 152
Lesson 7 Creating Animated GIF Images 176
Lesson 8 Creating Buttons 212
Lesson 9 Creating Image Maps and Slices 232
Lesson 10 Production Techniques 268
Lesson 11 Integrating with Dreamweaver 284
Index 353
Read More Show Less



Macromedia Fireworks 4 is a powerful design and graphics editor, and Macromedia Dreamweaver is a robust visual Web page authoring tool. Used together, Fireworks and Dreamweaver are a powerful pair of Web design tools offering a complete Web development solution. The two programs offer integration features to aid your workflow as you design and optimize your graphics, build your HTML pages, and place the Web graphics on the page.

This Macromedia Training from the Source program introduces you to the major features of Fireworks 4 by guiding you step by step through the creation of several Web pages. The book's ii lessons begin with the bitmap tools to edit an image and then take you though the steps of creating a logo for a fictitious company and designing Web pages. You then add rollover buttons and export your pages as HTML files. The last lesson covers the integration between Fireworks and Dreamweaver. This book is not intended to teach you Dreamweaver, but you will use Dreamweaver in Lesson ii to see how Fireworks and Dreamweaver work together. For step-by-step instruction in Dreamweaver, see Macromedia Dreamweaver4: Training from the Source, also published by Macromedia Press.

This roughly 16-hour curriculum includes these lesson topics:

Lesson 1: Bitmap Editing
Lesson 2: Working with Groups and Layers
Lesson 3: Using Vector Tools
Lesson 4: Text, Fills, and Live Effects
Lesson 5: Advanced Techniques
Lesson 6: Optimizing and Exporting
Lesson 7: Creating Animated GI F Images
Lesson 8: Creating Buttons
Lesson 9: Creating Image Maps and Slices
Lesson 10: Production Techniques
Lesson 11: Integrating with Dreamweaver

Each lesson begins with an overview of its contents and what you can expect to learn. Lessons are divided into focused, bite-size tasks to build your Fireworks skills. Each lesson builds on what you've learned in previous lessons.


You'll find all the files needed for these lessons on the accompanying CD. Copy the Lessons folder to your hard drive before you start the lessons.

As you work through the lessons, you will open files within the Lessons folder. If you are working on a Windows machine, the files you copy from the Lessons folder on the CD are locked. Within the Lessons folder is a DOS batch file (unlock files.bat) that you can execute to unlock all of the files in the folder automatically. Double-click the batch file to begin the unlocking process. The locked files are a concern only in Lesson 1i. If you do not unlock the files, you will get a warning message when you open them.

Folder names and file names are capitalized throughout this book for readability. Some Web servers do not support capital letters for file names. When you are building your images and HTML pages, it is a good idea to use lowercase for all your file names. That way, you are assured the file names are supported on any server.


Each book in the Macromedia Training from the Source series is based upon curriculum originally developed for use by Macromedia's authorized trainers. The lesson plans were developed by some of Macromedia's most successful trainers and refined through long experience to meet students' needs. We believe that Macromedia Training from the Source courses offer the best available training for Macromedia programs.

The lessons in this book assume that you are a beginner with Fireworks but that you are familiar with the basic methods of giving commands on a Windows or Macintosh computer, such as choosing items from menus, opening and saving files, and so on. For more information on those tasks, see the documentation provided with your computer.

Finally, the instructions in the book also assume that you already have Fireworks 4 and Dreamweaver 4 installed on a Windows or Macintosh computer, and that your computer meets the system requirements listed on the System Requirements page.


Throughout this book, you will encounter some special features:

Tips: These highlight shortcuts for performing common tasks or ways you can use your new Fireworks skills to solve common problems. Power Tips: These highlight productivity shortcuts. Notes: These provide background information about a feature or task. Italic terms: Words in italic indicate the exact text or file name you need to enter in a dialog box or panel as you work through the steps in a lesson. Menu commands and keyboard shortcuts: Alternative methods for executing commands. Menu commands are shown like this: Menu > Command > Subcommand. Keyboard shortcuts are shown like this: Ctrl+Z (Windows) or Command+Z (Macintosh). The + between the names of the keys means that you should press both keys simultaneously and both Windows and Macintosh commands will always be included.


By the end of this book, you will be able to:
  • Use the bitmap tools in Fireworks to edit an image
  • Use the vector tools to draw shapes
  • Combine simple shapes to create complex objects
  • Add text effects, such as text on a path, to your pages
  • Create buttons with rollovers and use effects for realistic-looking buttons
  • Optimize and export your images
  • Create animated GIF images
  • Use batch processing to export a catalog of images
  • Use Dreamweaver to add text to your exported HTML pages


  • Windows 95, 98, ME, or 2000 Professional
  • 64 MB available RAM
  • 80 MB available disk space
  • 166 MHz or faster Intel Pentium Il processor (or equivalent)
  • CD-ROM drive
  • 256-color monitor with at least 800 x 600 pixel resolution
  • For Windows NT 4 users: Service Pack 5 or later installed
  • Version 4 or later of Netscape Navigator or Internet Explorer
  • Mac OS 8.6 or 9.x
  • QuickTime 3.0 or later
  • 64 MB available RAM
  • 80 MB available disk space
  • G3 or later processor recommended
  • CD-ROM drive
  • 256-color monitor with at least 800 x 600 pixel resolution
  • Version 4 or later of Netscape Navigator or Internet Explorer
Read More Show Less

Customer Reviews

Be the first to write a review
( 0 )
Rating Distribution

5 Star


4 Star


3 Star


2 Star


1 Star


Your Rating:

Your Name: Create a Pen Name or

Barnes & Review Rules

Our reader reviews allow you to share your comments on titles you liked, or didn't, with others. By submitting an online review, you are representing to Barnes & that all information contained in your review is original and accurate in all respects, and that the submission of such content by you and the posting of such content by Barnes & does not and will not violate the rights of any third party. Please follow the rules below to help ensure that your review can be posted.

Reviews by Our Customers Under the Age of 13

We highly value and respect everyone's opinion concerning the titles we offer. However, we cannot allow persons under the age of 13 to have accounts at or to post customer reviews. Please see our Terms of Use for more details.

What to exclude from your review:

Please do not write about reviews, commentary, or information posted on the product page. If you see any errors in the information on the product page, please send us an email.

Reviews should not contain any of the following:

  • - HTML tags, profanity, obscenities, vulgarities, or comments that defame anyone
  • - Time-sensitive information such as tour dates, signings, lectures, etc.
  • - Single-word reviews. Other people will read your review to discover why you liked or didn't like the title. Be descriptive.
  • - Comments focusing on the author or that may ruin the ending for others
  • - Phone numbers, addresses, URLs
  • - Pricing and availability information or alternative ordering information
  • - Advertisements or commercial solicitation


  • - By submitting a review, you grant to Barnes & and its sublicensees the royalty-free, perpetual, irrevocable right and license to use the review in accordance with the Barnes & Terms of Use.
  • - Barnes & reserves the right not to post any review -- particularly those that do not follow the terms and conditions of these Rules. Barnes & also reserves the right to remove any review at any time without notice.
  • - See Terms of Use for other conditions and disclaimers.
Search for Products You'd Like to Recommend

Recommend other products that relate to your review. Just search for them below and share!

Create a Pen Name

Your Pen Name is your unique identity on It will appear on the reviews you write and other website activities. Your Pen Name cannot be edited, changed or deleted once submitted.

Your Pen Name can be any combination of alphanumeric characters (plus - and _), and must be at least two characters long.

Continue Anonymously
Sort by: Showing all of 2 Customer Reviews
  • Anonymous

    Posted February 8, 2002

    Excellent Book

    This is an excellent book for beginners. I am a database administrator and web programmer who wanted to get involve with web design. This book gave me the information that I needed to get working right away. The explanations are clear and concise and I actually learned by doing the hands-on tutorials. This made learning the material actually fun!!

    Was this review helpful? Yes  No   Report this review
  • Anonymous

    Posted November 24, 2000

    This book makes no sense.

    The book is difficult and its content is unreadable

    Was this review helpful? Yes  No   Report this review
Sort by: Showing all of 2 Customer Reviews

If you find inappropriate content, please report it to Barnes & Noble
Why is this product inappropriate?
Comments (optional)