Create DotNetNuke Skin with YAML (CSS-Framework)

Choose Layout Concept (fix, flexible, liquid)

Create Screendesign (e.g. in Adobe Fireworks or Adobe Photoshop)

Ensure the measurement is defined (e.g. width, min-width, max-width)

Check Usability

Export the Layout

Ensure you have a Working DotNetNuke Installation

Download current "DotNetNuke & Yaml Base Skin" from http://yaml.dnn.ch

Install Skin on your DotNetNuke Portal (do not Apply the Skin yet!)

Start YAML Builder http://builder.yaml.de

Build your Screendesign with YAML Builder (adapt the Columns, Widths) as good as possible

Copy Generated Code of YAML Builder to the Skin Files

Add a ContentPane and other panes in the DNN skin

Integrate Navigation Module

Integrate DotNetNuke Login

Adapt your Layout in basemod.css (background-color, margin etc.) and content.css (font-size, links etc.)

Optimize Layout for Print

Neuer Schritt