Schulung Twitter Bootstrap (Responsive Web Design)

Beschreibung/Inhalt
Unverbindliches Angebot anfordern

.

Optional: Vermittlung der notwendigen Grundlagen und HTML und CSS

Einführung

  • Responsive Web Design/Reactive Web Design
  • Basistechniken für Responsive Design/Reactive Web Design
  • Mobile First-Ansatz
  • Layoutarten (fix, fluid)


  • Aufbau von Twitter Bootstrap
  • CSS-Dateien
  • JavaScript-Dateien
  • Einbinden von Twitter Bootstrap in Webseiten
  • Optionale Layouthemen


  • Webseitenlayout mit Twitter Bootstrap
  • Container
  • Spaltenkonzept
  • Spaltenbreiten festlegen
  • Anpassen auf verschiedene Browsergrößen
  • Verschachtelung von Spalten
  • Spalten fallweise ausblenden
  • Spalten verschieben
  • Drucklayout festlegen


  • Seitenelemente
  • Menüs und Navigationsleisten
  • Brotkrumennavigation
  • Panels
  • Zusammenklappbare Bereiche (Collapse, Accordion)
  • Registerkarten (Tabs)
  • Tabellengestaltung
  • Seitennummerierung (Pagination)
  • Symbole


  • Formulare mit Bootstrap
  • Schaltflächen
  • Zuständsänderungen für Schaltflächen
  • Eingabesteuerelemente


  • Modale Fenster (Modals)

    Weitere Elemente
  • Symbole (Icons, Glyphicons)
  • Sprechblasen
  • Abgerundete Grafiken
  • Vorschaubilder (Thumbnails)
  • Warnungen (Alerts)
  • Fortschrittsbalken (Progress Bar)
  • Scrollspy und Affix (Aktualisierung des aktuellen Navigationselements anhand der aktuellen Position in der Seite)
  • Wechselnde Bereiche (Carousel)

  • Dauer
    Auf Wunsch
    Ort
    In Deutschland, Österreich und der Schweiz nach Ihrer Wahl
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil