Accessibility
 
Home > Products > Dreamweaver > Support > Designing Page Layout
Dreamweaver Icon Macromedia Dreamweaver Support Center - Designing Page Layout
Starting with a structure

Not all browsers support CSS; in particular, Netscape Navigator and Microsoft Internet Explorer versions 3.0 and earlier (which are still in use by some people) don't support CSS. So it's a good idea to start with a page structure that makes sense even without CSS styles. The topics in the Dreamweaver Help pages are a good example: they certainly look better with style sheets, but if viewed in a 3.0 or earlier browser all the information still comes through (as long as the browser supports frames).

For example, this is what one of the Help topics looks like in Netscape Navigator 4.0, which supports style sheets:


 

And this is what the same topic looks like in Netscape Navigator 3.0, which does not support style sheets:

 
 

One way to ensure that your structure will hold up well in a browser that doesn't support CSS is to use real HTML heading tags (for example, H1 , H2 , or H3 ) instead of a combination of B and FONT SIZE . (Using the HTML heading tags is a good idea in general anyway, and Dreamweaver applies those tags for you when you use the Dreamweaver paragraph formats named Heading 1 through Heading 6.)

You might also consider using tables to display bulleted or numbered lists; the style implementations for lists differ wildly between Netscape Navigator and Microsoft Internet Explorer so tables may look better than lists whether you're using styles or not. Note, however, that there's a trade-off here between aesthetics and structure; ordered lists which use the HTML OL list tag are easier to modify than tables which contain specific numbers, and provide more information about the content.

To Table of Contents Forward to next document