Wanneer u denkt aan het bouwen van een website, gaat u er meestal van uit dat u moet coderen. Hoewel het verleidelijk kan zijn om af te zien van het bouwen van uw website totdat u hebt geleerd te coderen - wat schijnbaar eeuwen kan duren - waarom zou u in plaats daarvan geen tool zonder code gebruiken?
In dit artikel zullen we een dergelijke tool bekijken: Webflow. Hier leert u wat u kunt verwachten van de ontwerpkeuzes, de gebruikersinterface en het inhoudbeheersysteem, naast andere functies en voordelen.
Wat is Webflow?
Of je nu een blogger bent of een eenvoudige fanpagina wilt maken voor je favoriete strip, er is voor elk wat wils op Webflow.
Deze no-code websitebouwer gaat verder dan sjablonen en geeft u volledige controle over de lay-out en het uiterlijk van uw site. U kunt uw pagina in wezen bouwen en ontwerpen zoals u dat wilt. En je hebt genoeg tools binnen handbereik om je daarbij te helpen.
Webflow geeft je de mogelijkheid om met drie codeertalen te werken - HTML, CSS en JavaScript - zonder dat je ze hoeft te begrijpen. Je focus blijft op de visuele kant, of frontend, van het ontwerp.
Bovendien biedt Webflow veel bronnen om aan de slag te gaan. Hoewel het niet te vergelijken is met leren coderen, kan er een kleine leercurve zijn voor beginners op de site.
Om hierbij te helpen, biedt Webflow een scala aan opties in klantenservice, een online community, een forum en Webflow University. De laatste is gestapeld met schriftelijke en visuele informatie, evenals video-tutorials voor alle soorten leerlingen.
Ontwerp en maatwerk in Webflow
Leuk vinden andere websitebouwers zoals Wix en Squarespace, geeft Webflow u de mogelijkheid om items naar uw canvas te slepen en neer te zetten.
Vooraf ontworpen elementen maken het u gemakkelijker om te voorkomen dat u verdwaalt in de details. Voor degenen die het echter hun eigen willen maken, maakt de bouwer volledige aanpassing van vrijwel alles mogelijk.
U zult waarschijnlijk blij zijn om complexe componenten te vinden die meerdere elementen bevatten, zoals tabbladen, video, schuifregelaars en lightboxen, die vooraf zijn gebouwd zodat u ze met één klik op de knop kunt gebruiken. U zult ook merken dat Webflow wat giswerk wegneemt door algemene lay-outs op te nemen die u direct kunt gebruiken of aanpassen.
Als u het eenvoudig wilt houden, kunt u natuurlijk een sjabloon selecteren bij het maken van een nieuw project. Het enige dat u hoeft te doen, is de foto's, tekst en kleuren omwisselen om het uniek te maken.
Verwant: Vierkante ruimte vs. WordPress: welke is geschikt voor u?
Om uw ontwerp van pagina tot pagina consistent te houden, kunt u ook herbruikbare symbolen instellen en stijlen of klassen maken waarmee u meerdere items tegelijk kunt aanpassen.
Gebruikersinterface van Webflow
De gebruikersinterface van Webflow is complexer dan wat je zou vinden bij het gebruik van een ontwerptool zoals Canva, maar nog steeds niet zo intimiderend als alles wat je zou vinden in de Adobe Suite.
Je hebt je Navigator en andere opties aan de linkerkant en je ontwerptools aan de rechterkant. Als u op een element klikt, wordt alleen voor dat item een aanpassingsmenu weergegeven.
Het vinden van de juiste tool binnen dat menu is gemakkelijk gemaakt omdat ze allemaal in de openbaarheid zijn in plaats van door meerdere vliegmenu's te zoeken naar degene die je wilt.
U kunt Breakpoints of schermformaten ook afzonderlijk bekijken en ermee werken door het bijbehorende pictogram bovenaan de interface te selecteren.
Terwijl de bouwer het werk doet om de site responsief voor u te maken, kunt u aanpassingen maken aan elke grootte als u merkt dat u wilt dat deze er anders uitziet.
Als je je afvraagt hoe je alles bijhoudt, zal de in de gebruikersinterface ingebouwde Navigator je helpen georganiseerd te blijven. Het gebruik van deze tool is een andere manier om elementen in uw lay-outs en secties te vinden en opnieuw te rangschikken. Het is handig wanneer u een complexe site met veel elementen bouwt.
Webflow's Content Management Systeem
Als je ooit moeite hebt gehad om een blogpost of collectiepagina in WordPress aan te passen, zul je misschien aangenaam verrast zijn met het contentmanagementsysteem of CMS van Webflow. Voor iemand die geen blogervaring heeft, zijn er genoeg bronnen om te leren en aan de slag te gaan.
De builder geeft u volledige controle over hoe u uw pagina's bouwt en aanpast. Het gebruikt dezelfde interface die u zou gebruiken om de rest van uw site te bouwen.
Het wordt ook geleverd met een paar extra tools waarmee u informatie uit uw CMS kunt halen en weergeven, zoals weergaveafbeeldingen, berichttitel, auteursnaam en nog veel meer.
Verwant: Een portfoliosite maken met Wix
Of u nu films bekijkt, uw kunstwerken deelt of reizen documenteert, de instellingen in de CMS-menu en ontwerpinterface geven u de mogelijkheid om met elke vorm van inhoud te werken.
Bovendien kun je met media variatie aan je berichten toevoegen en als je al ergens anders blogt, kun je je werk overdragen.
Andere functies en voordelen van het gebruik van Webflow
Webbouwers kunnen een beetje een gok zijn als hun proefperiode beperkt is. Binnen die periode heb je misschien niet de tijd om erachter te komen of je met de service kunt werken, of zelfs of je het leuk vindt. Zeker als het iets is wat je als hobby doet.
Gelukkig heeft Webflow een volledig gratis accountplan, zonder dat een creditcard of andere verplichting nodig is.
U kunt zelfs een site van twee pagina's naar een subdomein lanceren, in ruil voor het behouden van de Webflow-naam in uw URL. Op die manier weet je of het iets voor jou is of niet voordat je besluit te betalen om nog een pagina toe te voegen of een gepersonaliseerde URL toe te voegen.
Naast het aanbieden van een intuïtieve, no-code builder, biedt Webflow u ook de mogelijkheid om u aan te melden voor een aangepaste domeinnaam en hosting in plaats van uw providers te zoeken.
Als je hobby toevallig uitgroeit tot een bijzaak, biedt het ook e-commercetools om je te helpen bij het ontwerpen en beheren van je winkel.
Gebruik Webflow om creatief aan de slag te gaan met uw website
Webflow is een geweldig hulpmiddel voor diegenen die een website willen bouwen om hun hobby's en interesses te koesteren.
Het is perfect voor mensen die van maatwerk houden, maar verder geen code hoeven te leren. Omdat het gratis te gebruiken is als starter, is het zeker de moeite waard om te kijken of het iets voor jou is.
Weet u niet zeker of u WordPress of Wix moet gebruiken voor uw volgende site? Laten we hun verschillen ontdekken.
Lees volgende
- internet
- Webdesign
- Online tools
Autumn Smith is een contentschrijver met een achtergrond in marketing en een passie voor technologie, hobby's en recreatie.
Abonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren