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

Part II: The Payoff

Now that you have an idea of the principles of separating structure from presentation, it is time to build a site that uses them. The following examples help you jump in and show you the many layers of savings that come from building a site this way.

Step 1: Clean Up the Markup

As you can see in Figures 7.7 and 7.8, the same site has been implemented in different ways, with little change in the basic design. The site in Figure 7.7 has been executed the more expensive, old-fashioned way—the site uses HTML tables for layout, and color and typography are controlled with font tags and other presentational markup. Let's call this site Shoes Are Not Love—Bad.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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