This section includes the basic HTML and CSS elements for a typical layout file.

HTML

The HTML files should inserted in the "html" folder and named as follows:

• _layout_[PAGEID].cfm - Specific Pages (Home/Email/etc.)
• _layout.cfm - Generic Page (Subpages)

CSS

The CSS files are added in a "css" folder within the "html" folder. The CSS files can be named freely but typically follow the following format:

• _globals.css
• _home.css
• _subpage.css
• _subpagemodule.css

Partials

In order to maintain modular code and effeciency in editing, chunks that are repeated in multiple layout files should be built in a separate file in the "partials" folder and included with <cfinclude>. Typically this will be the header (including the logo & navigation) and footer of a site.

The file structure should look like:

[www.domain.com]
`-- html/
    |-- _layout_[HOME-PAGEID].cfm
    |-- _layout_[EMAIL-PAGEID].cfm
    |-- _layout.cfm
    |-- css/
    |   |-- _globals.css
    |   |-- _home.css
    |   |-- _subpage.css
    |   `-- _subpagemodule.css
    |-- partials/
    |   |-- _global_head.cfm
    |   |-- _top.cfm
    |   `-- _bottom.cfm   
    |-- fonts/
    |   `-- [ICOMOON-GENERATED-FONT]/
    |       `-- fonts/
    |           |-- selection.json
    |           `-- style.css
    |-- files/
    |   `-- tinymce_fonts.txt
    |-- config/
    |   `-- xml/
    |       |-- pagecontent/
    |       `-- _default.xml
    |-- images/
    |   `-- layouts/
    |-- js/
    |   |-- _globals.cfm
    |   |-- _home.cfm
    |   `-- _subpage.cfm   
    `-- xml