beautypg.com

Create a page with a css layout – Adobe Dreamweaver CS3 User Manual

Page 156

background image

DREAMWEAVER CS3

User Guide

149

Main Content

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo

convallis luctus rutrum.

Phasellus tristique purus a augue condimentum adipiscing. Aenean

sagittis. Etiam leo

pede, rhoncus venenatis, tristique in, vulputate at, odio.

H2 level heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo

convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam.

Note: The above example code is a simplified version of the code that creates the two-column fixed left sidebar layout
when you create a new document using the predesigned layouts that come with Dreamweaver.

See also

“Understanding Cascading Style Sheets” on page 120

Create a page with a CSS layout

When creating a new page in Dreamweaver, you can create one that already contains a CSS layout. Dreamweaver
comes with over 30 different CSS layouts that you can choose from. Additionally, you can create your own CSS layouts
and add them to the configuration folder so that they appear as layout choices in the New Document dialog box.

Dreamweaver CSS layouts render correctly in the following browsers: Firefox (Windows and Macintosh) 1.0, 1.5, and
2.0; Internet Explorer (Windows) 5.5, 6.0, 7.0; Opera (Windows and Macintosh) 8.0, 9.0; and Safari 2.0.

See also

“Create a blank page” on page 69

“Set default document type and encoding” on page 74

“Link to an external CSS style sheet” on page 139

Create a page with a CSS layout

1

Select File > New.

2

In the New Document dialog box, select the Blank Page category. (It’s the default selection.)

3

For Page Type, select the kind of page you want to create.

Note: You must select an HTML page type for the layout. For example, you can select HTML, ColdFusion®, JSP, and so
on. You cannot create an ActionScript™, CSS, Library Item, JavaScript, XML, XSLT, or ColdFusion Component page
with a CSS layout. Page types in the Other category of the New Document dialog box are also restricted from including
CSS page layouts.

September 4, 2007