35. Bouw een responsive website met Bootstrap (DAGSESSIE)

Bootstrap maakt webontwikkeling sneller en professioneler

Inhoud

Inleiding

Bereid je voor op een inspirerende workshop vol ontdekkingen en praktische toepassingen. Wil je snel professionele, responsieve websites leren bouwen zonder alles vanaf nul te coderen? Met Bootstrap leer je werken met krachtige standaardcomponenten die je website er meteen verzorgd laten uitzien. In deze opleiding focussen we op de basiselementen zoals knoppen, kleuren, tekststijlen, spatiëring, grids, navigatie, eenvoudige voorbeelden en snippets. Ideaal als stevige opstap voor verdere verdieping!

Bootstrap is een verzameling hulpmiddelen voor het maken van professioneel ogende websites. Het is gratis en open source. Het bevat componenten gebaseerd op HTML en CSS voor typografie, formulieren, knoppen, navigatie en andere interfaceonderdelen. Het Bootstrap-framework is bedoeld om webontwikkeling te vereenvoudigen.

Het is gemaakt voor mensen van alle niveaus, apparaten van alle vormen, en projecten van alle soorten en maten.

Inhoud

Je ontdekt hoe je Bootstrap integreert in je website en werkt met het grid-systeem, typografie, knoppen, navigatiebalken en cards. Geavanceerde componenten komen niet aan bod. De aanpak is hands-on en interactief. Verwacht boeiende presentaties, praktische voorbeelden en levendige discussies. We zorgen ervoor dat je de kennis direct kunt toepassen in je eigen lespraktijk.

We leren onderstaande componenten van Bootstrapgebruiken:

  • responsive grid systeem
  • typografie
  • kleuren, tekststijlen en spatiëring
  • lijsten
  • iconen
  • knoppen
  • tabellen
  • formulieren
  • alerts
  • navigatie
  • afbeeldingen
  • ...

Alle HTML-elementen krijgen door Bootstrap een professioneel uiterlijk.

Resultaat

Na deze sessie weet je:

  • hoe je het Bootstrap moet integreren in je website;
  • hoe je basis typografie-elementen kunt toevoegen;
  • hoe je HTML-elementen kunt integreren en aanpassen;
  • hoe je kleuren, tekststijlen en spatiëring eenvoudig aanpast met Bootstrap-klassen
  • hoe je via het 12-grid systeem een webpagina responsive maakt;
  • wat media queries zijn en hoe je ze kunt gebruiken.

Na deze sessie kun je:

  • met behulp van Bootstrap een eigen responsive website (om)bouwen;
  • voor een project op school snel een mooie website opzetten;
  • leerlingen helpen bij hun project met professionele webpagina's;
  • en veel meer natuurlijk...

Voorkennis

Verplichte kennis

Basiskennis van computergebruik en internet
Basiskennis HTML & CSS
Basiskennis websites ontwerpen

 

Lesmateriaal

Syllabus

PowerPoint, voorbeelden & opdrachten

Sites

Bootstrap

Interessant voor

  • Leerkracht - Docent
  • Pedagogische ICT-coördinator
  • Technisch ICT-coördinator
Uit:
  • Secundair/Voortgezet onderwijs
  • Hoger onderwijs
  • Volwasseneneducatie

Thema's

  • Website

Tijdstip

A. Sessies 150' in VM + B. Sessies 150' in NM (10:00 - 16:30)
Lokaal: WEB1
Er zijn 20 plaatsen waarvan er 1 bezet zijn.
Je kan nog inschrijven voor deze workshop.

Vorm

Workshop

Mee te brengen

Deze editie verplichten we opnieuw om je eigen laptop mee te brengen. Zo haal je het meest uit de workshop. Het werkt vlotter en alles wat je inoefende, neem je mee naar huis.

Installeer ZEKER op voorhand:

Installeer de nodige software vooraf (zie hierboven). We willen geen tijd verliezen met deelnemers die niet in orde zijn met de lesvoorbereiding.

Lesgever

Stijn Willekens
Lees meer over de expertise van Stijn.

Korte titel : Websites bouwen met Bootstrap

Deze pagina werd al 233 keer bekeken