One-Page-Webseiten mit Bootstrap, LESS und Sass

Die restlichen Sektoren vorbereiten und Struktur zuweisen

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
In diesem Video bekommen die restlichen Sektoren eine prinzipielle Struktur zugewiesen.
02:23

Transkript

Nun wird es Zeit für die letzten Strukturierungsmaßnahmen für die Seite. D. h. ich habe hier eine einführende Überschrift mit einem Zitat, für diese Start Einstellung, und ich habe für den letzten Sektor Kontaktdaten bereitgestellt. Und diese werde ich jetzt mit bootstrip eigenen Klassen versehen, damit ich später besser damit arbeiten kann. In meiner Home Sektion habe ich schon diese Hilfsklasse Box, wo ich mich hier oben mit einem kleinen Stylehinweis vorübergehend über diese fixe Navigation drüber, bzw. drunter mogel, aber die Klasse, die ich hier eigentlich noch anwenden möchte, ist container. Container ist die Klasse, die dafür sorgt, dass ich mit einer fixen Breite arbeiten kann. Ich möchte jetzt dem ersten, wie auch dem dritten Sektor den Container als Klasse mitgeben, damit das Ganze eine einheitliche Form bekommt. D. h. auch hier gebe ich ein class container. Hier unten ist es aber so, dass ich gerne hätte, dass meine Kontaktinformationen in einem bootstrip eigenen Komponenten Behälter zu liegen kommt. Nämlich dem sogenannten jumbotron, d. h. ich werde hier noch einen container anlegen, der die Klasse jumbotron bekommen wird und damit hoffe ich, dass ich erste, strukturierend gestalterische Elemente bekomme, mit denen ich dann weiterarbeiten kann. Ich speichere mit Strg+S und sehe es mir im Firefox an und habe hier das Ergebnis. Wie gesagt, das Runterrücken unter die Navigation ist im Moment noch eine Folge meines kleinen Styleschwindels, der Rest sieht aber so aus, dass wir sagen können, es wird Zeit für eine finale Gestaltung der Seite.

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!