From the course: Fireworks CS6 Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Exporting sprite CSS

Exporting sprite CSS - Fireworks Tutorial

From the course: Fireworks CS6 Essential Training

Start my 1-month free trial

Exporting sprite CSS

I want to show you how to prepare an HTML page using Sprites generated from Fireworks. This is a file that has been set up for exporting to Sprites. You can see that there are different icons or different little symbols for each one of these people, these different artists. And if I double-click on one of these artists--you got to be careful not to double-click in the middle, so I'm going to load it, double-click-- you can see that every artist has two states: a Regular State, or an Up State, and an Over State that is a sample piece of art from their collection. So they're all set up like that. I'm going to go back to Page 01 here, and they're ready to be exported as a Sprite. So I'm going to go to the File menu and select Export. And from this Export menu, I can choose CSS Sprites from this pop-up, and then I'm going to need to check Options here. So before I do that, I'm going to go to the Desktop and make myself a site folder, I'll call it site, Create, and I'm going to hit Options…

Contents