HTML5 Boilerplate und Bootstrap Installation mit webEdition
2 Projekte, die man zum schnellen Erstellen einer neuen Site immer wieder einsetzt, sind HTML5 Boilerplate und Twitter Bootstrap. Um Zeit zu sparen, haben wir eine Blanko-Installation gemacht, mit ein paar webEdition-Extras, und bieten sie als webEdition Importdatei zum Download an. Wir werden versuchen, alle eingebundenen Frameworks aktuell zu halten.
Download Importpaket (Update am 30.07.2014) »
Das Projekt basiert auf HTML5 Boilerplate v4.3.0, aktuell sind enthalten:
- jQuery v1.11.3
- Bootstrap v3.3.5
- Modernizr 2.8.3
- normalize.css v3.0.3
Dateistruktur
Boilerplate:
- /css
- bootstrap.min.css
- main.css
- normalize.css
- /doc
- /img
- /fonts
- glyphicons-halflings-regular.woff2
- glyphicons-halflings-regular.eot
- glyphicons-halflings-regular.svg
- glyphicons-halflings-regular.ttf
- glyphicons-halflings-regular.woff
- /js
- /vendor
- bootstrap.min.js
- jquery.min.js
- modernizr.min.js
- main.js
- plugins.js
- /vendor
- 404.php
- .gitattributes
- .gitignore
- .htaccess
- apple-touch-icon-precomposed.png
- CHANGELOG.md
- CONTRIBUTING.md
- crossdomain.xml
- favicon.ico
- humans.txt
- index.php
- LICENSE.md
- README.md
- robots.txt
Zusätzliche Dateien
- /Module (Enthält Includes)
- Footer.php
- Hauptnavigation.php
- Konfiguration.php (reine PHP-Datei, in der im Array $config globale Variablen gesetzt werden)
webEdition Templates
- /Module
- Footer.tmpl
- Hauptnavigation.tmpl
- 404.tmpl
- Hauptvorlage.tmpl
- Standard.tmpl
Hauptvorlage.tmpl
Enthält alle Daten aus der Boilerplate-index.html, mit webEdition spezifischen Anpassungen wie we:content-Tags etc.
Standard.tmpl
Einfache Untervorlage mit Datum, Textfeld und Überschrift und passende we:master-Tags als Gegenstücke zu den we:content-Tags aus der Hauptvorlage
404.tmpl
Vorlage für Fehlerseiten, basiert auf 404.html (Boilerplate).