Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

One-Page-Webseiten mit Bootstrap, LESS und Sass

Mit dem Customizer selbst gestalten

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Sie können sich mit Hilfe des "Customizers" grundlegende gestalterische Elemente selbst zusammenstellen und dann erst die kompilierte Version herunterladen.
03:17

Transkript

Falls Sie bereits relativ fixe Vorstellungen über das Erscheinungsbild Ihrer Seite haben, dann brauchen Sie nicht hier die fertigen Pakete herunterladen, um dann dort die Veränderungen durchzuführen, sondern Sie können gleich über "Anpassen" in einen Bereich vordringen, in dem Sie diese Einstellungen schon vor dem Herunterladen und Kompilieren treffen können. Dazu wechseln Sie zum "Customizer" -- das ist der Bereich auf der englischsprachigen Seite -- und haben hier jetzt mehrere Möglichkeiten. Entweder Sie haben bereits fix fertige Konfigurationen -- die können Sie dann hier integrieren -- oder aber Sie können sich hier unten wie in einem Einkaufsladen all das zusammensuchen, was Sie dann tatsächlich verwenden wollen. Das heißt, ganz konkret: Falls Sie wissen, dass Sie niemals ein Karussell verwenden werden auf Ihrer Seite, dann brauchen Sie das ja auch nicht mitkompilieren. Das heißt, hier das Häkchen weg, und Sie haben kein Karussell zur Verfügung. Ähnlich verhält es sich mit den "jQuery"-Plug-Ins. Das heißt, alles, was Sie hier nicht brauchen, weg. Kein Häkchen. Kein für Sie sinnloser Ballast. Und dann kommt hier unten der Bereich mit den "LESS"-Variablen. Falls Sie mit "LESS" noch nicht viel zu tun hatten, so ist es so, dass "LESS" etwas weitläufiger angelegt ist als pures CSS, das heißt, Sie können hier ähnlich wie bei Programmiersprachen mit Variablen arbeiten, und Sie haben hier die ganzen Variablen-Einstellungen, die Sie jetzt noch Ihren eigenen Bedürfnissen anpassen können. Wenn Sie also zum Beispiel hier diese primäre Farbe, die Sie zum Beispiel bei den Buttons dann finden, einfach ändern wollen, dann können Sie das bereits hier eintragen. Wenn ich jetzt sage, ich habe hier "#878179", eine Farbe, also einfach eine andere Farbe, dann tragen Sie es hier ein und arbeiten sich dann weiter vor. Sie sehen zum Beispiel hier schon, dass jetzt die Linkfarbe nicht mehr nochmal angegeben wird, sondern die Linkfarbe ihrerseits greift auf diese "Primary Brand"-Farbe zurück, die ich ja gerade geändert habe. Ähnlich verhält es sich mit der Typographie und mit einer Unzahl anderer Detaileinstellungen, die Sie alle wählen können, um dann eben genau diese Grundeinstellungen bereits zu haben, mit denen Sie weiterarbeiten wollen. Warneinstellungen sind hier genauso dabei wie diese Fortschrittsbalken, die da gelegentlich auftauchen, oder Thumbnails, Breadcrumbs... Alles ist bereits vordefiniert, und wenn Sie all diese Einstellungen für sich selbst getroffen haben, erst dann klicken Sie hier unten auf "Compile and Download" und bekommen dann genau das Ihren Vorstellungen entsprechende Grundgerüst, auf dem Sie dann weiter aufbauen können. Eine sehr interessante Möglichkeit vor allem dann, wenn Sie schon ganz konkrete Vorstellungen über das haben, was Ihre Seite optisch beinhalten sollte.

One-Page-Webseiten mit Bootstrap, LESS und Sass

Erstellen Sie eine moderne Website im One-Page-Design, die mit wenigen Dateien auskommt und mit Effekten wie Parallax Scrolling aufwartet.

2 Std. 1 min (28 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!