Creating a fixed-width layout


show more Creating a fixed-width layout provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Creating a fixed-width layout

>> There are three basic types of CSS layouts that Dreamweaver CS3 offers as part of its pre-made layouts: fixed width, elastic width and liquid width. We're going to start out by looking at a fixed width layout. Fixed width means that the overall width of the design is constrained to a particular pixel width that the designer has chosen. Although this type of layout is the least optimal in terms of accessibility, as we'll go over in detail later, it's also the easiest type of layout to build. So it's a good place to start our practice with CSS layout.

To create a new fixed width layout, go to the File menu, click on New, in the New Document dialogue box click on blank page in the left most column of the box. In the second column, select HTML. In the third column labeled Layout, choose the layout labeled Two column fixed left side bar header and footer. The image that appears in the fourth column gives you an idea of what this layout is going to look like.

The padlock icon on...

Creating a fixed-width layout
Video duration: 5m 51s 6h 9m Appropriate for all

Viewers:

Creating a fixed-width layout provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

Subject:
Web
Author:
please wait ...