Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Fireworks CS5 Essential Training, author Jim Babbage gives a detailed overview of Fireworks CS5, Adobe's software for creating and optimizing web graphics and interactive prototypes. This course includes a detailed tour of the interface, the enhanced PNG format, and the image editing toolset in Fireworks. Critical concepts, such as prototyping for HTML applications and working with symbols, the heart of an efficient workflow in Fireworks, are covered in detail. Exercise files are included with this course.
Fireworks can do a lot of things, but one of its primary uses is for creating and optimizing graphics for Web sites. To that end, we have a whole section in the Tools panel dedicated specifically to Web graphics. You'll see it over here. On the Web, we've got four tools in here. Now this tool set hasn't changed really since Version 1 of the software. But if you are going to be working with graphics for the Web, you want to get comfortable with what these tools can do. So we have two ways of creating what are often called Web Objects. We can create Hotspots, and we can create Slices.
Now the difference between these two options is Hotspots give you the ability to add interactivity, but they don't cut up your document in any way. They don't slice it up into smaller pieces. The Slice tool, however, does exactly that. It not only gives you the ability to add Interactivity, but also gives you the ability to slice up your documents. So if you are planning to optimize individual elements of your design, or you are planning to build Rollover Effects and things like that, the Slice tool is what you'll be working with. Down below, we have two icons that really just control whether or not you see the Hotspots and Slices in your design.
Right now, they've been disabled. I have got Hide slices and Hotspots chosen. But if I click on Show slices and Hotspots, you'll see the parts of the design get covered in these little masks. The pale green overlay represents the Slice. And the sort of bright teal blue represents a Hotspot. Now one other thing I want to point out about Hotspots and Slices is that when you create them, they are stored in one specific place in the Layers panel. And that's the Web layer. That's the only place Hotspots and Slices can go. Fireworks puts them in there automatically, so you can see in here I have got a whole range of different Slices and Hotspots.
So that's a quick overview of the tool set that you have for Web tools. We will be looking at both Hotspots and Slices in much more detail in other movies.
There are currently no FAQs about Fireworks CS5 Essential Training.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.