Web-basierte Anwendung 1

Medieninformatik am Campus Gummersbach

Working with Bootstrap

Dauer
240 min
Typ
Workshop
Maximale Teilnehmerzahl
30 Teilnehmer
Verantwortlich
Julian Schoemaker, Ilyas Ay
Empfohlene Trainings und Workshops als Vorraussetzung
Tooling, HTML Advanced, HTML Basics

Termine:

Über den Workshop

An wen richtet sich der Workshop?

Dieser Workshop richtet sich an Teilnehmer, die bereits sicher im Umgang mit ihren Web-tools sind, die in der Lage sind sauberes und semantisches Markup zu schreiben und sicher in Arbeit mit IDs und Klassen sind.

Worum geht es?

Anwendung vom Framework Bootstrap. Umgang mit einem Framework zur Erstellung eines Responsive Designs erlernen. Umsetzung verschiedener Komponenten zum einfachen Aufbauen einer Webseite.

Was muss ich mitbringen?

Eigenen Computer mit Web-Editor und Browser zum HTML/CSS Debuggen. Links unter Material sollten vor dem Workshop angeschaut werden.

Material

Aufgaben

Aufgabe 1

Vorgegebene Website

Vorgegebenes HTML bearbeiten - Erste Schritte mit Bootstrap

  1. Änderungswunsch
  2. In Bootstrap Doku recherchieren
  3. Selbst ausprobieren
  4. Ein Student präsentiert

Aufgabe 2

Vorgegebenes Layout umsetzen - Komponenten finden und implementieren

In Gruppen von 2-3 Studenten

  1. Komponenten erkennen
  2. Struktur der Komponente verstehen
  3. Komponente einsetzen
  4. Ggf. Code der Komponente anpassen
  5. Struktur der Seite optimieren
  6. Gruppen präsentieren

Aufgabe 3

Eigenes Projekt - 3 Firmen wollen einen Webauftritt

In Gruppen von 2-3 Studenten

  1. Firme wählen
  2. Material sichten
  3. Design Konzept überlegen
  4. Aufgabenteilung vornehmen
  5. Webauftritt umsetzen (nur Startseite)
  6. Gruppen präsentieren