Opleiding : Webflow, een website bouwen zonder code

Praktijkcursus - 3d - 21u00 - Ref. WBW
Prijs : 1650 € V.B.

Webflow, een website bouwen zonder code




Webflow is een uitgebreid no-code platform waarmee je eenvoudig websites van hoge kwaliteit kunt ontwerpen, ontwikkelen en publiceren. In deze cursus leer je hoe je effectieve conversie websites bedenkt en ontwerpt op Webflow.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand
Disponible en anglais, à la demande

Ref. WBW
  3d - 21u00
1650 € V.B.




Webflow is een uitgebreid no-code platform waarmee je eenvoudig websites van hoge kwaliteit kunt ontwerpen, ontwikkelen en publiceren. In deze cursus leer je hoe je effectieve conversie websites bedenkt en ontwerpt op Webflow.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
De functies van Webflow beheersen om een website van hoge kwaliteit te maken
De essentiële pagina's voor je eerste website maken
Uw Webflow website aanpassen en beheren

Doelgroep
Iedereen die een website wil ontwikkelen zonder te coderen.

Voorafgaande vereisten
Geen speciale kennis vereist.

Praktische modaliteiten
Praktisch werk
Training waarbij theorie en praktijk worden afgewisseld.

Opleidingsprogramma

1
Een initieel project opzetten

  • Studie van technische vereisten.
  • Projectoverzicht.
  • Installeer en registreer Webflow.
  • Het project opzetten.
  • Maak uzelf vertrouwd met de gebruikersinterface van Webflow Designer.
Praktisch werk
Een webproject opzetten.

2
Een zichtbare webpagina bouwen

  • Studie van technische vereisten.
  • Het lichaam positioneren.
  • De Heldensectie bouwen.
  • Voeg achtergrondafbeelding, begeleidende tekst, belknoppen, afbeeldingen en een navigatiemenu toe.
  • Maak de site responsief.
  • Breekpunt tablet, "mobiel landschap".
  • Breekpunt "mobiel staand, grote schermen.
Praktisch werk
Ontwikkel de hoofdpagina van de website.

3
De rest van het lichaam opbouwen

  • Studie van technische vereisten.
  • Hoe het werkt sectie toegevoegd.
  • Aanpassing van de sectie Hoofdkenmerken.
  • Elementen maken en toevoegen aan het raster.
  • Toevoeging van de laatste CTA-sectie en de voettekstsectie.
Praktisch werk
Elementen toevoegen aan de webpagina.

4
De site responsive maken

  • Maak het gedeelte Hoe het werkt, het gedeelte met de belangrijkste kenmerken en het CTA-gedeelte responsief.
  • Aanpassen aan grote schermformaten, tabletschermen en mobiele schermen.
  • Animeer hover-overgangen, element-getriggerde overgangen en aangepaste pagina-scrolling.
  • Maak de voettekst responsief.
  • Een parallax-effect maken. Het scrollende menu animeren.
  • Een aangepaste zwevende knop maken. De interactie maken en toevoegen.
  • Tekst die wordt weergegeven op de zwevende knop.
Praktisch werk
Maak de website responsive.

5
Aan de slag met Webflow CMS

  • Wat is een CMS (Content Management Systeem)? Waarom Webflow CMS?
  • Webflow CMS - de basis. Projectoverzicht.
  • Studie van technische vereisten.
  • De structuur van het CMS plannen.
  • Uw eerste CMS project creëren. Studie van technische vereisten.
  • Inhoud maken en toevoegen aan een collectie.
  • Een CMS startpagina ontwerpen.
  • Inhoud in bulk importeren.
  • Rond het project af.
Praktisch werk
Gebruik van het Webflow CMS om de website af te ronden.

6
Verzamelpagina's maken

  • Projectoverzicht.
  • Aanmaken van de verzamelpagina van de bibliotheek.
  • Aanmaken van de hoofdsectie van de bibliotheekpagina.
  • Creatie van de sectie andere bibliotheken.
  • Ontwikkeling van de startpagina.
Praktisch werk
Verzamelpagina's maken.

7
CMS projectmanagement

  • Beheer van verzamelpagina-parameters.
  • Zorg ervoor dat de pagina's in de collectie SEO-vriendelijk zijn.
  • Collectiepagina's voorbereiden voor sociale media.
  • Configureer een RSS-feed voor een verzamelpagina.
  • Collecties en gegevens in collectievelden bijwerken.
  • Bijwerken van de veldstructuur.
  • Statusbeheer voor items in de collectie.
Praktisch werk
Beheer de parameters van de verzamelpagina.

8
Projecten op het web publiceren en bijwerken met Webflow Editor

  • Publicatie van een Webflow project.
  • Webflow Editor gebruiken om een website bij te werken.
  • Projectparameters configureren.
  • Gebruik de editor om de paginaparameters te configureren.
  • Publicatie van het project.
  • Wijzig een pagina online.
  • Projectcode exporteren.
  • Presentatie van een project.
Praktisch werk
Afronding van de website en export.


Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand

Dernières places
Date garantie en présentiel ou à distance
Session garantie

KLAS OP AFSTAND
2026 : 3 juni, 25 nov.

PARIS LA DÉFENSE
2026 : 3 juni, 25 nov.