Web Site Case Study #2: CSS Sprites

doi:https://doi.org/10.1007/978-1-4302-1619-3_13

Book Chapter10.1007/978-1-4302-1619-3_13

Web Site Case Study #2: CSS Sprites

Grant Hinkson,C. A. Erskine,Matt Heerema,Chuck Mallott,Matthew Keefe,Hugh Griffith-2009-01-01-Apress eBooks

0

TL;DRAbstract

Exporting a completed Fireworks document for web use makes for some interesting situations. For instance, how can you export graphical images that need hover, active, or click states while still maintaining an optimized user experience? You could use Fireworks' built-in button exporting features to export each of the image states to separate files, but a more efficient way would be to export all of the image states to a single file or sprite sheet, as it's often called (see Figure 13-1). Example of a sprite sheetKeywordsCode BlockBackground ImageNavigation StateSite NavigationUnordered ListThese keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

Chat with Paper

AI Agents for this Paper

Exporting a completed Fireworks document for web use makes for some interesting situations. For instance, how can you export graphical images that need hover, active, or click states while still maintaining an optimized user experience? You could use Fireworks' built-in button exporting features to export each of the image states to separate files, but a more efficient way would be to export all of the image states to a single file or sprite sheet, as it's often called (see Figure 13-1). Example of a sprite sheetKeywordsCode BlockBackground ImageNavigation StateSite NavigationUnordered ListThese keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

Keywords

Sprite (computer graphics)FireworksComputer scienceWorld Wide WebWeb applicationComputer graphics (images)Web siteThe Internet

Chat

Click to start Chat