• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Splicing Graphics

One of the more interesting uses of graphics is to use a table to create a grid system to place pieces of a whole image. This approach is sensible when you want to animate sections of a larger image or place images in otherwise difficult to reach places on the browser page, such as slightly left of center. Instead of using one really big graphic to accommodate this look, designers splice the graphics, keeping the overall weight down and the load time faster.

In Figure 29.23, I've used Adobe LiveMotion to create a Web-based image that uses numerous pieces. LiveMotion splices the graphics for you, which is very convenient. It even generates the code! The problem is, it generates HTML rather than XHTML, so to be compliant, I went in and refashioned the code into XHTML.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint