Operation Manual

Twitter™ and Facebook posts are not covered under the terms of Creative Commons.
Legal Notices | Online Privacy Policy
Note:
page you’re creating.
Internet Explorer conditional comments (CCs), which help work around IE rendering issues, remain embedded in the
head of the new CSS layout document, even if you select New External File or Existing External File as the location for your
layout CSS.
8. (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.
For a detailed walk-through of this process, see David Powers’s article, Automatically attaching a style sheet to new
documents.
Add custom CSS layouts to the list of choices
1. Create an HTML page that contains the CSS layout you’d like to add to the list of choices in the New Document dialog box.
The CSS for the layout must reside in the head of the HTML page.
To make your custom CSS layout consistent with the other layouts that come with Dreamweaver, you should save your
HTML file with the .htm extension.
2. Add the HTML page to the Adobe Dreamweaver CS5\Configuration\BuiltIn\Layouts folder.
3. (Optional) Add a preview image of your layout (for example a .gif or .png file) to the Adobe Dreamweaver
CS5\Configuration\BuiltIn\Layouts folder. The default images that come with Dreamweaver are 227 pixels wide x 193 pixels
high PNG files.
Give your preview image the same file name as your HTML file so that you can easily keep track of it. For example, if your
HTML file is called myCustomLayout.htm, call your preview image myCustomLayout.png.
4. (Optional) Create a notes file for your custom layout by opening the Adobe Dreamweaver
CS5\Configuration\BuiltIn\Layouts\_notes folder, copying and pasting any of the existing notes files in the same folder, and
renaming the copy for your custom layout. For example, you could copy the oneColElsCtr.htm.mno file, and rename it
myCustomLayout.htm.mno.
5. (Optional) After you’ve created a notes file for your custom layout, you can open the file and specify the layout name,
description, and preview image.
Link to an external CSS style sheet
112