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

Chapter 10. Creating Pages with FrontPag... > What a Real-World Example Looks Like

What a Real-World Example Looks Like

Figure 10.5 shows how the two-column body with contents on left template might be applied as the basis of a layout in a real Web site. This page is from the Yale/CAIM Style Manual, an excellent guide to the principles of Web page design, which you can find at http://info.med.yale.edu/caim/manual/contents.html.

The page is shown in the FrontPage workspace, so that the table boundaries are visible as dotted lines. This page's arrangement differs from the FrontPage template only in the addition of two narrow spacer columns on the left of the table, and one spacer at its right. The leftmost spacer is margin whitespace, and the one next to it provides a hanging indent for the section title (Page Design). Next come the main navigation area in the third column, a spacer, the main text area, and the right margin spacer. You can see from this how using tables is a very efficient way of organizing information on a page.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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