Dreamweaver Responsive

Maak snel een responsive website met Dreamweaver door middel van het ingebouwde Bootstrap framework.

Wat is Bootstrap?

Bootstrap is de meest gebruikte bibliotheek van HTML/CSS/Javascript om snel responsive websites te maken.

Miljoenen sites zijn gemaakt met Bootstrap, waardoor dit het standaard uiterlijk van een moderne, responsive website is geworden.

Je hoeft geen website ‘van scratch’ te maken, maar je maakt gebruik van de ingebouwde CSS klasses om layouts te maken die zich aanpassen aan elk scherm.
Binnen deze layouts kun je vervolgens weer gebruik maken van allerlei componenten die vaak gebruikt worden in websites, zoals knoppen, tabs, een kruimelpad, navigatie balken met uitklapmenu’s, fotocarrousel, enz.
Tenslotte zijn er ingebouwde functies (ook weer door middel van eenvoudig toe te passen CSS klasses) om elementen uit te lijnen, spatiering toe te passen, kleuren voor tekst en achtergrond aan te passen, en nog veel meer.

Wat leer je?

Deze cursus is opgebouwd als workshop, we gaan dus meteen aan de slag met het bouwen van een website, waarbij je onderweg alle onderdelen en mogelijkheden van Bootstrap tegenkomt:

  • Een layout maken
  • Elementen aanpassen voor grote en kleine schermen
  • Een navigatiebalk maken (inclusief vastmaken aan de boven- of onderkant van het scherm)
  • Aanpassen van de navigatiebalk voor mobiel
  • Alle verdere mogelike aanpassingen in uiterlijk en positie van elementen binnen de navigatiebalk
  • Een Jumbotron gebruiken (grote opvallende aandachtstrekker)
  • Afbeeldingen gebruiken
  • Tekstkleuren aanpassen
  • Achtergronden toepassen
  • Marges tussen blokken en binnen blokken aanpassen

Dit is enkel nog deel1, waarin we gebruikmaken van een kant en klaar template zoals dat in Dreamweaver zit.

In deel2 gaan we zelf een site opzetten met Bootstrap en alle onderdelen dus zelf invoeren.

Plaats een bericht

  • (wordt hier niet vertoond)


vier + = 5