Adobe 38040334 - Dreamweaver CS3 User Manual page 78

Select the kind of page you want to create from the Page Type column. For example, select HTML template to
3
create a plain HTML template, select ColdFusion to create a ColdFusion template, and so on.
If you want your new page to contain a CSS layout, select a predesigned CSS layout from the Layout column;
4
otherwise, select None. Based on your selection, a preview and description of the selected layout appears on the right
side of the dialog box.
The predesigned CSS layouts provide the following types of columns:
Column width is specified in pixels. The column does not resize based on the size of the browser or the site
Fixed
visitor's text settings.
Column width is specified in a unit of measurement (ems) relative to the size of the text. The design adapts
Elastic
if the site visitor changes the text settings, but does not change based on the size of the browser window.
Column width is specified as a percentage of the site visitor's browser width. The design adapts if the site
Liquid
visitor makes the browser wider or narrower, but does not change based on the site visitor's text settings.
Columns are a combination of any of the previous three options. For example, in the two-column hybrid,
Hybrid
the right sidebar layout has a main column that scales to the size of the browser, and an elastic column on the right
that scales to the size of the site visitor's text settings.
Select a document type from the DocType pop-up menu. In most cases, you will want to leave this selected to the
5
default selection, XHTML 1.0 Transitional.
Selecting one of the XHTML document type definitions from the DocType (DTD) menu makes your page XHTML-
compliant. For example, you can make an HTML document XHTML-compliant by selecting XHTML 1.0 Transi-
tional or XHTML 1.0 Strict from the menu. XHTML (Extensible Hypertext Markup Language) is a reformulation of
HTML as an XML application. Generally, using XHTML gives you the benefits of XML, while ensuring the backward
and future compatibility of your web documents.
Note: For more information about XHTML, see the World Wide Web Consortium (W3C) website, which contains the
specification for XHTML 1.1 - Module-Based XHTML (www.w3.org/TR/xhtml11/) and XHTML 1.0
(www.w3c.org/TR/xhtml1/), as well as XHTML validator sites for web-based files (http://validator.w3.org/) and local
files (http://validator.w3.org/file-upload.html).
If you selected a CSS layout in the Layout column, select a location for the layout's CSS from the Layout CSS pop-
6
up menu.
Adds CSS for the layout to the head of the page you're creating.
Add to Head
Adds CSS for the layout to a new external CSS styles sheet and attaches the new style sheet to the
Create New File
page you're creating.
Lets you specify an existing CSS file that already contains the CSS rules needed for the layout.
Link To Existing File
To do this, click the Attach Style Sheet icon above the Attach CSS file pane and select an existing CSS style sheet. This
option is particularly useful when you want to use the same CSS layout (the CSS rules for which are contained in a
single file) across multiple documents.
7 (Optional) You can also attach CSS style sheets to your new page (unrelated to the CSS layout) when you create
the page. To do this, click the Attach Style Sheet icon above the Attach CSS file pane and select a CSS style sheet.
Click Preferences if you want to set default document preferences, such as a document type, encoding, and a file
8
extension.
9 Click Get More Content if you want to open Dreamweaver Exchange where you can download more page design
content.
10 Click the Create button.
September 4, 2007
DREAMWEAVER CS3 71
User Guide