Getting Started: Tutorial and Article Index
Fireworks UI and Workflow
Basics
Modeless graphic editing in Macromedia Fireworks MX
Importing
Creating Macromedia Fireworks MX documents from HTML
Creating and Editing Graphics
Working With Pixels
- Modeless graphic editing in Macromedia Fireworks MX
- Saving selections of an image
- Selectively compressing areas of an image
Working With Vectors
Effects, Colors and Plugins
- When to use Live Effects versus filters in Macromedia Fireworks MX
- Masking in Fireworks
- Expanding the Web-safe palette with Web Dither fill in Fireworks 2
Creating Web Features
Image Maps, Slices, and Rollovers
Buttons
- Working with Macromedia Fireworks MX buttons and navigation bars
- Creating a navigation bar
- Navigation bar overview for Dreamweaver 3 and Fireworks 3, and Flash 4
Pop-up Menus
Working with Fireworks 4 pop-up menus in Dreamweaver
Optimizing and Exporting
Optimizing
Exporting
- Exporting and saving files
- Using Fireworks with Director 8 for Fireworks 3
- Exporting rollovers and JavaScript in Fireworks 3
Working With Other Programs
Dreamweaver
- Working with Macromedia Fireworks MX images in Macromedia Dreamweaver MX
- Editing Macromedia Fireworks MX images in Macromedia Dreamweaver MX
- Working with Macromedia Fireworks MX buttons and navigation bars
- Working with Macromedia Fireworks MX pop-up menus in Macromedia Dreamweaver MX
- Creating a web photo album with Macromedia Dreamweaver MX and Macromedia Fireworks MX
- Fireworks 4 and Dreamweaver 4 tutorial
- Roundtrip HTML: Using Fireworks 4 and Dreamweaver 4 together
- Navigation bar overview for Dreamweaver 3, Fireworks 3, and Flash 4
- Customizing templates with Dreamweaver and Fireworks
Flash
Using Fireworks and Flash together
Studio MX
Wildlife Project 1: Planning your Macromedia Studio MX website
Good planning before you begin developing your website can save you time and resources in the future. In this tutorial, the first in a Macromedia Studio MX tutorial series, read about the design and development issues you need to consider before you begin using your Macromedia Studio MX tools.
Wildlife Project 2: Determining data requirements and creating a database
In this tutorial, the second in a series, learn how to plan and build a database that will interact with your web application.
Wildlife Project 3: Sketching your site's navigation scheme
This tutorial, the third in a series, introduces you to basic Macromedia FreeHand drawing tools, and demonstrates how to create preliminary navigation sketches for your website.
Wildlife Project 4: Creating site mock-ups
In this tutorial, the fourth in a series, you'll learn how to use Macromedia FreeHand to plan your website's layout and color scheme. You can then publish your mock-ups as HTML so that others can view your plan in a browser window.
Wildlife Project 5: Setting up your ColdFusion MX application server
Learn how to set up your Macromedia ColdFusion MX application server, and then test the server to make sure it's working properly.
Wildlife Project 6: Defining your Dreamweaver MX site
Learn how to define your Macromedia Dreamweaver MX site. In this tutorial, the sixth in a series, you'll set up a local folder, a remote folder, and a folder to process dynamic pages.
Wildlife Project 7: Connecting to a database
In this tutorial, the seventh in a series, you'll establish Macromedia ColdFusion data sources in Macromedia Dreamweaver so you can connect to a database and develop your web application.
Wildlife Project 8: Planning page design and layout
In this tutorial, the eighth in a series, you'll learn how to lay out pages in Macromedia Dreamweaver before creating site assets.
Wildlife Project 9: Creating a banner graphic in Fireworks MX
This tutorial, the ninth in a series, shows you how to create a banner graphic that you can use at the top of your web page. You'll use Macromedia Fireworks MX to add an image, a mask, and text to the graphic.
Wildlife Project 10: Building a Fireworks MX navigation bar (Part 1)
In this tutorial, the tenth in a series, you'll build a Macromedia Fireworks navigation bar that includes JavaScript rollovers. You do not need to know JavaScript to complete the tutorial. Fireworks does all the work for you.
Wildlife Project 11: Building a Fireworks MX navigation bar (Part 2)
In this tutorial, the eleventh in a series, you'll optimize and export the navigation bar that you created in the previous tutorial, Wildlife Project 10: Building a Fireworks MX navigation bar (Part 1).
Wildlife Project 12: Using Fireworks MX and Flash MX to create animation
This tutorial, the twelfth in a series, teaches you how to add animation to your website using a pre-designed Macromedia Fireworks graphic and Macromedia Flash alpha transparency.
Wildlife Project 13: Assembling and editing your Studio MX assets
In this tutorial, the thirteenth in a series, you'll assemble the assets you created in previous Wildlife Project tutorials, and use Macromedia Dreamweaver, Macromedia Fireworks, and Macromedia Flash integration features to edit your assets from within the Dreamweaver workspace.
Wildlife Project 14: Building a database search feature
In this tutorial, the fourteenth in a series, you'll use Dreamweaver and ColdFusion to build the Wildlife Project's search application.
Wildlife Project 15: Alerting a user when no matching records are found
In this tutorial, the last in the series, you'll add functionality to your results page to lets users know that their search returned no matching records.
Other Graphics and HTML Editing Programs
Fireworks 3 for Photoshop users
