• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 19. Integrating with Fireworks > Replacing Image Placeholders Using Fir...

Replacing Image Placeholders Using Fireworks

As discussed in Chapter 3, “Building a Web Page,” you can use image placeholders as a way of creating temporary “bookmarks” for your images. Doing this allows you to design the site first and add the graphics later. Image placeholders allow you to facilitate a smooth interaction between the website design and the graphics department. To work with Dreamweaver image placeholders in Fireworks, follow these steps:

Create a new HTML page by choosing the New option from the File menu. Choose the HTML option from the Basic Page category and click Create.

Insert a new image placeholder by choosing Insert, Image Objects, Image Placeholder. The Image Placeholder dialog appears.

Give your new image placeholder the name SurfingOahu, a width of 300, and a height of 177. Click OK. The new image placeholder appears on the page.

Select the image placeholder. Doing this exposes the Create button in the Properties Inspector. Click the Create button to launch Fireworks. When Fireworks opens, a new document is created with the width of 300 pixels and a height of 177 pixels.

Playing the role of the graphics department, choose the Import option from the File menu. The Import dialog appears, allowing you to browse for and select an image to import into Fireworks. Locate the SurfingOahu.gif image in the Images folder of the project and click Open.

The dialog closes and your cursor changes, indicating that you need to place the image into the workspace. Position your cursor on the top-left edge of the workspace and click the left mouse button. The image is placed into the workspace.

Click Done. Dreamweaver asks you to save the original file, providing the name you gave the image placeholder originally. Keep the default name SurfingOahu.png, browse to the Assets folder, and click Save.

Dreamweaver asks you to export the GIF image. Again, keep the default name, browse to the Images folder, and click Save. Fireworks closes, and the image placeholder is updated with the newly created image.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint