html-Vorlage 2012 aufteilen in die Bereiche
- 2col_layout.html im Editor öffnen

1. Den Bereich unterhalb des body-Tags bis zum Templatebereich, also bis zum variablen Teil, markieren und in die Zwischenablage kopieren.
    
2. Neuen Ordner anlegen in / Resources / Private / => Layouts
    
3. Neue Datei anlegen in / Resources / Private / Layouts / namens Standardlayout.html
    
4. Datei öffnen und Inhalt der Zwischenablage einfügen
    
5. Den Bereich ab dem Footer bis vor den JavaScript-Einbindungen markieren und Kopieren
    
6. Den Inhalt der Zwischenablage am Ende der Datei einfügen und die Datei speichern
    
7. Neuen Ordner anlegen in / Resources / Private / => Templates
    
8. Neue Datei anlegen in / Resources / Private / Templates / namens Standardtemplate.html
    
9. Den variablen Teil der html-Vorlage markieren und kopieren und in diese Datei einfügen und speichern
    
10. Jetzt im Layout den Bereich des superfish-Menüs ausschneiden und einen Kommentarplatzhalter
    <!-- Partial Superfish-Menü --> hinterlegen
     
11. Neuen Ordner anlegen in / Resources / Private / => Partials
     
12. Neue Datei anlegen in / Resources / Private / Partials / namens SuperfishMenu.html
     
13. Den Inhalt der Zwischenablage in die Datei einfügen und die Datei speichern
     
14. Nun im Layout den Bereich des Headers mit Logo und MainInfo ausschneiden und einen Kommentarplatzhalter
    <!-- Partial Header --> hinterlegen
     
15. Neue Datei anlegen in / Resources / Private / Partials / namens Header.html
     
16. Den Inhalt der Zwischenablage in die Datei einfügen und die Datei speichern
     
17. Zuguterletzt im Layout den Bereich des Footers mit (c) und MetaNavi ausschneiden und einen Kommentarplatzhalter
    <!-- Partial Footer --> hinterlegen
     
18. Neue Datei anlegen in / Resources / Private / Partials / namens Footer.html
     
19. Den Inhalt der Zwischenablage in die Datei einfügen und die Datei speichern
     
20. An die Stelle im Layout, wo der Content ausgegeben werden soll, die Kommentarzeile
    <!-- Hier die Inhalte --> hinterlegen

• layouts
  immer gleich auf allen Webseiten
   
  • header
     
    • Leiste mit superfish-Navigation
       
    • Bereich mit Logo und MainInfo
       
  • footer
    • Copyrightvermerk
       
    • Meta-Nviagtion
       
    • toTop-Link mit JavaScript-Animation
       
• templates
   
• partials

Bootstrap-Dokumentation