Create a layout using a blank page – Adobe Dreamweaver CC 2015 User Manual
Page 97
90
File management
Last updated 6/3/2015
photographs, images using textures, images with gradient color transitions, and any images that require more than 256
colors.
XML
Extensible Markup Language files have a .xml extension. They contain data in a raw form that can be formatted
using XSL (Extensible Stylesheet Language).
XSL
Extensible Stylesheet Language files have a .xsl or .xslt extension. They are used to style XML data that you want
to display on a web page.
Create a layout using a blank page
You can create a page that contains a predesigned CSS layout, or create a completely blank page and then create a layout
of your own.
1
Select File > New.
2
In the Blank Page category of the New Document dialog box, select the kind of page you want to create from the
Page Type column. For example, select HTML to create a plain HTML page.
3
If you want your new page to contain a CSS layout, select a predesigned CSS layout from the Layout column;
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:
Fixed
Column width is specified in pixels. The column does not resize based on the size of the browser or the site
visitor’s text settings.
Liquid
Column width is specified as a percentage of the site visitor’s browser width. The design adapts if the site
visitor makes the browser wider or narrower, but does not change based on the site visitor’s text settings.
Dreamweaver also offers two HTML5 CSS layouts: two- and three-column fixed.
Note: In Dreamweaver CC and later, only HTML5 CSS layouts are available.
4
Select a document type from the DocType pop-up menu. In most cases, you can use the default selection, XHTML
1.0 Transitional or HTML5 (Dreamweaver CC).
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
Transitional 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 (
nd XHTML 1.0
), as well as XHTML validator sites for web-based file
nd local
files (
5
If you selected a CSS layout in the Layout column, select a location for the layout’s CSS from the Layout CSS pop-
up menu.
Add To Head
Adds CSS for the layout to the head of the page you’re creating.
Create New File
Adds CSS for the layout to a new external CSS file and attaches the new style sheet to the page you’re
creating.
Link To Existing File
Lets you specify an existing CSS file that already contains the CSS rules needed for the layout.
To do this, click the Attach Style Sheet icon above the Attach CSS file pane and select an existing CSS style sheet.