Beschreibung
Einführung in Bootstrap 5
In diesem Seminar erhalten Teilnehmer mit HTML-Kenntnissen das nötige Handwerkszeug um Layouts in Bootstrap umsetzen zu können. Durch die Abstrahierung der Style-Vorgaben per Klassen ist ein moderner Workflow im Webdesign möglich. Layout-Prototypen können sofort im Browser betrachtet werden. Vorarbeiten in einem Grafikprogramm können weitestgehend reduziert werden. Bootstrap versteht sich als Baukasten, lässt dem Designer aber Freiheiten. Mit vorgegebenen Media Queries, können responsive Layouts für Smartphones und Tablets umgesetzt werden. Durch die Verwendung von data-Attributen, JavaScript und jQuery kann Ihr Layout mit interaktiven Komponenten angereichert werden.Kommende Starttermine
Inhalte / Module
- Einstieg in Bootstrap 5
- Ressourcen und Download
- Quellen für Themes
- Browser-Kompatibilität
- Layout mit CSS Klassen
- Erweiterungen und Plugins
- Umgang mit dem Grid-System
- Gestaltungsprinzipien und 12er-Raster
- Zwischenräume
- Automatisches Layout
- Responsive Klassen
- Ausrichtung und Sortierung
- Verschachtelte Darstellungen
- Flexbox horizontal und vertikal
- Suchmaschinen optimierter HTML-Code
- Typografie
- Größen einstellen
- Farbschemata anwenden
- Abstände
- Textausrichtung
- Schatten und Rahmen
- Sichtbarkeit und Textersetzung
- Bootstrap Icons
- Download der Icon-Dateien
- Verwenden der Icons
- Styling anwenden
- Typische Inhalte verwenden
- Texte und Überschriften
- Bilder und Medien-Elemente
- Formulare und Tabellen
- Navigationen erstellen
- Responsive Navbars
- Menüpunkte als Dropdown
- Tabbed Navigation
- Komponenten verwenden
- Alerts, Badges und Buttons
- Listen
- Cards und Jumbotron
- Interaktive Komponenten
- Pagination
- Progress
- Scroll Spy
- Modal Boxen, Popup-Fenster
- Karussell, Slider
- Akkordeon
- Tool-Tipps
- Bootstrap und JavaScript
- Bootstrap ohne jQuery verwenden
- Data Attribute, data-toggle
- Methoden der Komponenten
- Theming
- Überschreiben der CSS-Klassen
- Eigenes Bootstrap-CSS erstellen mit Online-Tools
Zielgruppe / Voraussetzungen
Hinweis: Dieser Kurs richtet sich an Mitarbeitende aus Unternehmen und Institutionen.
Für Privatpersonen ist dieser Kurs leider nicht geeignet.
Eine Informationsanfrage zu diesem Kurs ist nur für Beteiligte aus dem B2B-Bereich sinnvoll.
Abschlussqualifikation / Zertifikat
Infos anfordern
GFU Cyrus AG
Erweitern Sie Ihre IT-Skills mit einem offenen IT-Training oder ganz nach Ihren Bedürfnissen durch eine individuelle IT-Schulung. Programmiersprachen (C#, Python, Java, …), Microsoft Office 365, Anforderungsmanagement, Projektmanagement, Business Intelligence, Data Science, Künstliche Intelligenz, IT-Sicherheit , Administration & Datenbanken, Softwareentwicklung, Testmanagement...
Erfahren Sie mehr über GFU Cyrus AG und weitere Kurse des Anbieters.
Flexible Seminargestaltung