• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 21. Creating Web Graphics > Creating a Navigation Bar with Slices and C...

Creating a Navigation Bar with Slices and CSS Layers

You can take the ideas you've learned so far and apply them to a real-world project: a navigation bar for a Web page. You can check out the final navigation bar in a Web browser in Figure 21.48, and its Illustrator source in Figure 21.49. It takes advantage of many of the Web features in Illustrator 10:

  • Each link is a separate slice.

  • All slices are created as object slices, giving you (or me) the freedom to reposition or resize them without worrying about slice alignment.

  • Each slice was exported as a CSS layer. While it could have been implemented as a table, using tables for page layout is actually an old workaround. The World Wide Web Consortium says to let tables be tables and recommends doing page layout using CSS. Also, CSS layers can be moved around in an HTML editor such as Adobe GoLive instead of having to go all the way back to Illustrator.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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