Bootstrap-Tutorial: Responsive Website erstellen

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!


Dieses Produkt gibt es auch im Sparpaket

StarterKit Webdesign - Für den Einstieg mit Durchblick


Bootstrap-Tutorial: Responsive Website erstellen
Sobald du dem Cookie zum Anzeigen von Videos zustimmst, akzeptierst du die Datenschutzerklärung von YouTube und kannst unsere Videos ansehen.
Dieser Inhalt ist verwendbar mit: Kategorie Icon

Befreie deine Website – responsive Webdesign mit Bootstrap

Responsive Websites sind längst Stand der Technik: Moderne Websites müssen sich den verfügbaren Endgeräten flüssig anpassen und den Content auf großflächigen Computerbildschirmen ebenso übersichtlich darstellen wie auf kleinflächigeren Smartphone-Displays. Damit lassen sich deine Inhalte nicht nur überall lesen, sondern werden von Suchmaschinen auch noch bevorzugt gefunden! Bootstrap wurde genau für diese Anforderungen geschaffen. Das kostenfreie Open-Source-Framework verfügt über ein ausgefeiltes Raster- und Spalten-System und bietet zahlreiche Komponenten zur Seitenerstellung. Effizientes Webdesign für ambitionierte Projekte!

In dem 2,5-stündigen Video-Tutorial führt dich Sascha Rudolph durch die Infrastruktur des Frameworks. Du lernst die Bedienung und Funktionsmöglichkeiten kennen und vollziehst am Praxisbeispiel nach, wie eine Website vom ersten Drop-down-Menü bis zur mobile-optimierten Codestruktur erstellt wird. Deine eigene moderne, responsive Website erstellen – hier schon mal ein kleiner Vorgeschmack:
 
Sobald du dem Cookie zum Anzeigen von Videos zustimmst, akzeptierst du die Datenschutzerklärung von YouTube und kannst unsere Videos ansehen.

Responsive Website erstellen?! Kein Problem – mit Bootstrap und diesem Tutorial

Das 2,5-stündige Bootstrap-Tutorial unterteilt sich in zwölf Lektionen. Nach einer Einführung in die Bootstrap-Oberfläche und in die grundlegende Funktionsweise lernst du, das Raster- und Spalten-System anzuwenden und eine dynamische Slideshow zu erstellen. Anschließend begleitest du deinen Trainer bei der praktischen Umsetzung einer responsive Website, vom ersten Grundgerüst über die Einbindung von Content-Accordions bis zum finalen Feinschliff der Mobile-Optimierung. Dabei siehst du nicht nur zu, sondern kannst mit den Arbeitsmaterialien jeden Schritt selbst nachvollziehen! Learning by Doing, damit das Gelernte sitzt und du deine nächsten Websites effizient und professionell erstellen kannst.

Kompatibilität (alle Produkte für Windows und macOS)

Bootstrap selbst steht dir als kostenloses Open-Source-Framework online zur Verfügung. In den Arbeitsmaterialien sind eine Bootstrap-Website und eine Photoshop-Datei enthalten. Damit du die einzelnen Schritte selbst nachvollziehen kannst, benötigst du einen Code-Editor (z. B. Dreamweaver) und mindestens Photoshop CS2 oder eine höhere Version.

Fazit

Fit in Bootstrap: Lerne im Video-Tutorial, wie du Bootstrap zum Erstellen einer responsive Website nutzt. Mobile first leicht gemacht.

Schnapp dir jetzt den Artikel:


8 Bewertungen – 5 von 5 Sternen

Bewertet mit 5 von 5 Sternen, basierend auf 8 geprüfte Bewertung(en).

08.12.2018

Hier habe ich etwas mehr Inhalt erwartet, jedoch ist die Erklärung sehr übersichtlich. Das Preis- & Leistungsverhältnis ist dennoch top. Ein Dank an das psd-tutorials.de-Team
5 von 5 Sternen.
16.11.2017

Da ich zurzeit Webseiten auf WordPress umstelle, ist Bootstrap eine hervorragende Ergänzung. Die Anleitungen hierfür sind sehr gut und informativ aufgemacht.
Danke

5 von 5 Sternen.
14.06.2017

Eine tolles Tutorial mit vielen Lernvideos. Der Kauf hat sich ausbezahlt.
5 von 5 Sternen.
13.12.2016

Sehr übersichtlich, klar erklärt.
Eine musse Hilfe.

5 von 5 Sternen.
16.10.2016

Tolles Videotraining, sehr empfehlungswert für alle die Websites mit „Mobile First“ machen möchten! Preis – Leistungsverhältnis ist auch OK!
5 von 5 Sternen.
01.04.2016

super Infos
5 von 5 Sternen.
29.02.2016

Sehr gut!
5 von 5 Sternen.
04.02.2016

Sehr gutes Tutorial, klar und verständlich
5 von 5 Sternen.