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

8. Page Layout 2004 > 8.2. The Basics

The Basics

Creating a CSS-based layout isn’t much more involved than using CSS for text or images. It does require a little planning and a clear road map. The basic process requires three steps:

  1. Identify the building blocks of your page.

    Start by determining how you want to organize your page. For example, you may want a banner that’s 150 pixels tall and spans the entire top of the page, a 200- pixel-wide sidebar on the left edge of the page and a main content area that fills the remaining space.

  2. Create styles for each layer.

    The process is the same as creating any other CSS style, as described in Section 6.2. However, to specify where the layer appears you use CSS’s positioning properties described in Section 8.3.1. In addition, instead of using a tag style or class style, you’ll frequently create an advanced type of style known as an ID selector, described below. (Dreamweaver has its own layer drawing tool as well. See Section 8.5.)


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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