TutKit.com

Bootstrap für modernes Webdesign

Kategorie: Webdesign | Trainer: Sascha Rudolph

Ob Smartphone, Tablet oder PC – Größe spielt keine Rolle mehr! Mit Bootstrap schmiegen sich Content und Design wie von Geisterhand an jedes Format. Lerne in diesem 2,5-stündigen Tutorial, wie dir das beliebte Framework Bootstrap den Weg zur responsiven Website erleichtert. Dein Trainer Sascha Rudolph bleibt dabei nicht nur an der Bedienoberfläche, sondern entwirft mit dir gemeinsam Struktur und Inhalt einer Beispiel-Seite. Mobile First leicht gemacht:

Funktionen, Komponenten, Möglichkeiten: Bootstrap kennenlernen und bedienen
In der Praxis: Am Live-Beispiel von der Basis bis zur responsiven Website
Zum Mitmachen und Nachvollziehen inklusive der Arbeitsdateien

Was auch immer das Display zu bieten hat – deine Websites reagieren! Mach dich fit in Bootstrap für mehr Dynamik und Flexibilität!

Kategorien:
Bootstrap vorgestellt:

Trainings-Informationen

Videos: 12
Kapitel: 1
Länge: 2.5 Stunden
Detailinformationen
Ähnliche Inhalte

Bewertungen

7 Kundenrezensionen Gesamtinhalt herunterladen
Jetzt dabei sein

Bootstrap vorgestellt:

Bootstrap vorgestellt: 01 Einleitung Bootstrap-Oberfläche

Du bekommst einen Einblick in die vielen Möglichkeiten von Bootstrap und machst dich mit den umfangreichen Funktionen und Komponenten vertraut. In diesem Kapitel erfährst du alles, was du für einen erfolgreichen Einbau von Bootstrap benötigst!

5 Min. mit Arbeitsdatei Kostenlos

Bootstrap vorgestellt: 02 Warum und wofür Bootstrap?

Erfahre, was dir Bootstrap an besonderen Funktionen bietet und wofür du das Framework am besten verwenden kannst. Anhand von Beispielen werden dir komplexe Strukturen des Frameworks einfach und übersichtlich vermittelt.

3 Min. mit Arbeitsdatei Kostenlos

Bootstrap vorgestellt: 03 Einstieg und Kennenlernen

Lerne, wie du mit dem Raster- und Spalten-System von Bootstrap effektiv arbeitest und wie du es individuell anpasst. Neben der Raster-Struktur bekommst du gezeigt, wie du die Div-Container benennen musst und wie du die vordefinierten Klassen optimal …

14 Min. mit Arbeitsdatei Kostenlos

Bootstrap vorgestellt: 04 Details bearbeiten und Slideshow einbauen

Anhand von Beispielen wird dir gezeigt, wie du vordefinierte Buttons und Einstellungen von Bootstrap überschreibst und einsetzt. Zudem wird die mitgelieferte Slideshow step-by-step erklärt und eingebaut.

18 Min. mit Arbeitsdatei

Bootstrap vorgestellt: 05 Live-Beispiel Teil 1 - Die Basis und das Drop-down-Menü

Wie funktioniert Bootstrap in der Praxis? Erlerne an einer richtigen Website, wie du mit dem Framework arbeitest und Probleme meisterst! In diesem Kapitel erfährst du, wie die Basis einer Bootstrap-Website entsteht und wie das Drop-down-Menü …

34 Min. mit Arbeitsdatei Kostenlos

Bootstrap vorgestellt: 06 Live-Beispiel Teil 2 - Verschachtelung, Glyphicons

Gib deiner Website mehr Ausstrahlung! Du bekommst gezeigt, wie einfach die mitgelieferten Font-Icons in eine Website eingebaut werden können und wie schnell du diese in Größe und Farbe individuell für deine Seite anpassen kannst.

21 Min. mit Arbeitsdatei Kostenlos

Bootstrap vorgestellt: 07 Live-Beispiel Teil 3 - Contentverschachtelung, Accordion, Footer

Mithilfe des Raster-Systems wird dir gezeigt, wie schnell der Inhaltsbereich erstellt ist und wie du mit wenigen Klicks ein Content-Accordion einbaust. Zudem gehen wir auf die Mobile-Optimierung des Inhaltsbereichs ein und erstellen den Footer …

22 Min. mit Arbeitsdatei

Bootstrap vorgestellt: 08 Live-Beispiel Teil 4 - Responsive Anpassung

Die Spezialdisziplin von Bootstrap ist das mobile-optimierte Raster-System. In diesem Kapitel lernst du, wie einfach du mithilfe von Bootstrap eine bereits funktionierende, responsive Website in kürzester Zeit fertigstellst.

11 Min. mit Arbeitsdatei

Bootstrap vorgestellt: 09 Vor- und Nachteile

Jedes System hat Vor- und Nachteile oder Stärken und Schwächen. Mithilfe von Beispielen und Erläuterungen werden dir diese kurz und bündig erklärt.

5 Min. mit Arbeitsdatei

Bootstrap vorgestellt: 10 Ausblick auf Version 4 und Schlußwort

In diesem Kapitel werden die neuen Funktionen von Bootstrap 4 angeschnitten und erklärt. Außerdem wird auf die wichtigsten Neuerungen eingegangen und die hauptsächlich englischen Sätze werden übersetzt und kommentiert.

3 Min. mit Arbeitsdatei

Bootstrap vorgestellt: 11 Bootstrap 4 - Verbesserungen und Neuerungen (Bonus)

Was hat sich seit Bootstrap 3 alles getan und welche Verbesserungen erwarten uns? Außerdem gibt es einen Ausblick auf die Neuerungen und Optimierungen in Bootstrap 4.

12 Min.

Bootstrap vorgestellt: 12 Mobile-First-Programmierung

Erfahre, wie du mit der Mobile-First-Programmiermethode in Kombination mit Bootstrap performance-optimierte Webseiten erstellst. Du erhältst einen kurzen Eindruck vom Aufbau und Umgang mit Mobile First.

5 Min. mit Arbeitsdatei

Diese Inhalte könnten dich ebenfalls interessieren

Wir sind auf der Suche nach interessanten Trainings für dich, bitte gib uns einen Moment.

Top