Create a layout using a blank page – Adobe Dreamweaver CC 2014 v.13 User Manual
Page 330
GIF
JPEG
XML
XSL
Fixed
Liquid
Note:
Note:
Graphics Interchange Format files have a .gif extension. GIF format is a popular web graphic format for cartoons, logos, graphics with
transparent areas, and animations. GIFs contain a maximum of 256 colors.
Joint Photographic Experts Group files (named after the organization that created the format) have a .jpg extension, and are usually
photographs or high-color images. The JPEG format is best for digital or scanned photographs, images using textures, images with gradient color
transitions, and any images that require more than 256 colors.
Extensible Markup Language files have a .xml extension. They contain data in a raw form that can be formatted using XSL (Extensible
Stylesheet Language).
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:
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.
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.
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.
For more information about XHTML, see the World Wide Web Consortium (W3C) website, which contains the specification for
XHTML 1.1 - Module-Based XHTML
) and XHTML 1.0
), as well as XHTML validator sites
for web-based files (
and 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.
323