Exporting the Images


With all the navigation links in place, you're ready to export the document to an HTML format that you can edit in Dreamweaver.

1.

From the menu bar, choose File, Image Preview.

2.

In the Image Preview dialog box, be sure that GIF is the selected format and click Export (see Figure 7.19).

Figure 7.19. Choose to export the image as a GIF.


3.

In the Export dialog box, choose to Export HTML and Images. In the warning box that pops up, click OK.

4.

Name the file retros_cycles_template.htm and choose Export Slices from the Slices drop-down (see Figure 7.20).

Figure 7.20. Choose to export slices.


5.

Check the box that allows you to place images in a subfolder. By default the folder is named images, and that's what we'll keep.

6.

In the Save In drop-down, navigate to a folder where you can store the images and HTML files. If you have IIS set up on your machine, the easiest place would be c:\Inetpub\wwwroot\retroscycles. If the folder doesn't exist, create one.

7.

Click the Export button.

8.

To view the resulting HTML page, open your browser and navigate to the page. If you put your files in the retroscycles folder, navigate to http://localhost/retrocycles/retros_cycles_template.htm. You should be able to roll your mouse over any of the navigation buttons and they should change state.

Note

As I mentioned earlier in the introductory chapters, the localhost path is used for Windows machines using IIS as the web server application. If you are a Mac user or are using an alternative web server application, you need to adjust the path to your file accordingly.

See how easy that was? You just created a simple template for a website using just a few of the many tools available to you in Fireworks. The next step is to take a look at Flash and the tools available for creating rich media elements that can be included in the site.



Special Edition Using Macromedia Studio 8
Special Edition Using Macromedia Studio 8
ISBN: 0789733854
EAN: 2147483647
Year: 2003
Pages: 337

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net