In één avond een professionele website bouwen die ook goed oogt op mobiele toestellen? Het kan, en je hebt er niet eens technische kennis voor nodig. We bekijken twee online tools waarmee je in een handomdraai je eigen, complete (!) website publiceert – inclusief multimedia, formulieren en zelfs een eigen webwinkel.

Tip 01: Verkennen

Wix was al een populaire online webeditor, en met de recente update heeft deze tool zijn voorsprong op de concurrentie nog vergroot. De tool creëert responsieve designs waardoor de inhoud zich automatisch aanpast aan het scherm waarmee een bezoeker de site bekijkt. Aanmelden bij Wix is simpel: e-mailadres en een zelf gekozen wachtwoord opgeven zijn voldoende. Je kunt zelfs inloggen via je Facebook- of Google-account. Om het gemakkelijk te maken, werkt deze websitemaker met html5-templates volgens tien hoofdcategorieën die telkens nog subcategorieën hebben. Kies je bijvoorbeeld Portfolio en cv, dan krijg je als volgende keuze Portfolio, Cv’s of Persoonlijk. Voor elke keuze zijn er een hoop mooi uitgewerkte voorstellen. Om echt aan de slag te gaan, klik je op Bewerken. Lees ook: Gratis een website bouwen met Wix.

©PXimport

Tip 02: Achtergrond

Werken met sjablonen is waarschijnlijk de meest laagdrempelige manier om aan een eigen site te beginnen, maar natuurlijk wil je dat jouw project er anders uitziet dan de voorbeeld-ontwerpen. In de editor pas je het uiterlijk van je website aan tot in de details. Begin met de homepage. Daar kun je als achtergrond een kleur selecteren maar ook een foto of een video. Die laatste zijn sobere geanimeerde achtergronden. Ieder element laat zich trouwens verregaand aanpassen. Kies je bijvoorbeeld voor een video-achtergrond, dan kun je de afspeelsnelheid aanpassen, je kunt de video bedekken met een patroon of kleur en je kunt de animatie in een lus laten draaien. Wil je de gekozen wallpaper ook op de volgende webpagina’s plaatsen, dan klik je onderaan op de functie Toepassen op andere pagina’s.

©PXimport

Opslaan en publiceren

©PXimport

Tip 03: Tekst

Verrassend voor een online editor is dat Wix de rechtermuisknop ondersteunt. Wil je bijvoorbeeld de titel van de homepage wijzigen, dan klik je er met rechts op zodat je de tekst kunt bewerken. En weer is het mogelijk een animatie toe te passen op zo’n titel. Zulke effecten mogen dan spectaculair ogen, maar om te vermijden dat je site op een kermis gaat lijken, spring je bij voorkeur zuinig om met dergelijke animaties. Wanneer je dubbelklikt op een tekstblok van de webpagina kom je bij de instellingen. Hiermee kun je de tekstgrootte, de tekstkleur, het lettertype, de uitlijning, de afstand en enkele grafische instellingen aanpassen. Op dezelfde manier plaats je ook de hyperlinks die doorschakelen naar andere webpagina’s. De set lettertypes waarover je beschikt, is trouwens bijzonder uitgebreid.

©PXimport

Tip 04: Afbeeldingen

Op dezelfde manier wijzig je de inhoud en vorm van de knoppen en uiteraard wil je de webpagina’s van eigen foto’s voorzien. Klik op een afbeelding in het sjabloon en gebruik de knop Afbeelding wijzigen. Op die manier kom je bij de fotobibliotheek die aanvankelijk leeg is. Met de functie Afbeelding kiezen selecteer je de afbeeldingbestanden op de harde schijf die je in dit project wil gebruiken. Of nog makkelijker, je sleept de afbeeldingen vanaf je harde schijf rechtstreeks in het mediavak van de bibliotheek. Wanneer de lijst afbeeldingen groeit, doe je er verstandig aan deze te ordenen in mappen. Het mogen bestanden zijn van het jpg-, png- of gif-formaat met een bestandsgrootte van maximum 15 MB per afbeelding. In de bibliotheek heb je trouwens ook toegang tot de collectie gratis afbeeldingen van Wix. Via de knoppen kun je de afbeelding verschuiven, uitsnijden, aanklikbaar maken en voorzien van effecten. Met de gereedschapsbalk wijzig je de grootte en positie van de elementen en om te vermijden dat je bepaalde elementen per abuis verplaatst, kun je hun positie vastzetten.

©PXimport

Prijskaartje

©PXimport

Tip 05: Twee weergaven

Hoewel de editor in WYSIWYG (what you see is what you get) werkt, kun je beter de knop Voorbeeld gebruiken om de voorvertoning van je werk te bewonderen: een geanimeerde achtergrond werkt namelijk uitsluitend in deze modus. Interessant is dat je kunt schakelen tussen de mobiele versie en desktopversie, zodat je zeker weet dat je website er op beide schermweergaven goed uitziet. Alle knoppen en menu-items werken in voorvertoning. Je zult merken dat in de gratis formule het Wix-logo op iedere pagina verschijnt. Om dit te verwijderen, zul je voor een premium-pakket moeten gaan.

Geschiedenis

©PXimport

Tip 06: Structuur

Ondertussen heb je een idee van wat er op de overige pagina’s moet komen. Je doet er trouwens goed aan om een plan op papier te zetten. Bovendien is een website een project waarbij je voortdurend nieuwe webpagina’s wilt toevoegen (of verwijderen). Klik bovenaan links op de knop Pagina’s. Afhankelijk van het sjabloon dat je hebt gekozen, zullen hier al een reeks pagina’s klaar staan. Met de knop Toevoegen plaats je nieuwe webpagina’s. Achter de naam van iedere pagina staat een knop met drie puntjes. Die gebruik je om de pagina-indeling en de pagina-eigenschappen te wijzigen. Dit is bijvoorbeeld de plaats om de toegang van een webpagina te beveiligen met een wachtwoord. Je kunt de webpagina’s van volgorde veranderen door ze in de linkerkolom naar een andere plaats te slepen.

©PXimport

Tip 07: Extra’s toevoegen

Terwijl je nieuwe webpagina’s toevoegt, wil je iedere pagina uiteraard ook van specifieke inhoud voorzien. Daarvoor dient de plusknop aan de linkerkant. Hier haal je de bouwstenen om inhoud te plaatsen die niet in een sjabloon vervat zitten. Dat kan gaan om een tekstvak of een afbeelding, een vorm of een strook, maar ook om een extra menu, muziekbestanden, een lijst, een videofilmpje of een koppeling naar sociale media. Van hieruit kun je ook een online winkel aan je website toevoegen als je bij aanvang nog niet hebt gekozen voor de template van een online shop.

Tip 08: Appmarkt

Helemaal mooi is de Wix-appmarkt in de linker marge. Hier vind je veel populaire webtoepassingen en tools die je selecteert en toevoegt zonder enig programmeerwerk. Heel makkelijk dus! Voor de meeste e-commerce-toevoegingen heb je het duurste abonnement nodig, maar er zit voldoende leuk materiaal bij de gratis aanbiedingen. Je betaalt bijvoorbeeld niets voor de Pro-fotogalerij, de formuliergenerator, de evenementenkalender of een eigen chatkanaal. Ten slotte beschikt Wix over een generator om een nieuwsbrief te produceren, waarmee je de geboorte van je website aan de wereld bekend maakt.

©PXimport

Tip 01: Impress.wie?

Een website maken in minder tijd dan het duurt om dit artikel te lezen? Het kan, als je tenminste al een (oude) website hebt en/of beschikt over een Facebook Business-pagina. Maar zelfs al heb je geen van beide, dan nog bouw je zonder software te installeren stijlvolle, moderne websites met deze online editor. Impress.ly scant informatie van online bronnen en gebruikt die gegevens om – binnen 120 seconden – een responsieve website samen te stellen. Wil je weten of Impress.ly iets voor je is? Bekijk dan eerst wat voorbeelden, zoals die van de band Ruth. Op die manier krijg je een goede indruk van de mogelijkheden.

©PXimport

Prijskaartje

Tip 02: Bronnen

De editor draait net zo vlot op een mobiel toestel als op de computer. Je kunt dus heel makkelijk met de computer aan je site werken en later bijvoorbeeld via een tablet of smartphone nieuwe items aan je webshop toevoegen.

Om te starten surf je naar my.impress.ly en maak je een account aan. Vervolgens vraagt Impress.ly je Facebook Business-pagina of het webadres van je bestaande website. De editor laat je kiezen uit vier basisstijlen: Restaurant, Musician, Health&Beauty of Personal. In het volgende venster wil Impress.ly weten of je producten wilt verkopen op je website. Een venster verder zie je hoe de verschillende elementen van je website één voor één binnenlopen.

©PXimport

Tip 03: Preview

Het is prettig te zien hoe de voorgestelde stijlen en achtergronden al zijn aangepast aan de geselecteerde doelgroep. Impress.ly laat je in de volgende stop kiezen uit nog eens tien frisse stijlen die binnen de geselecteerde doelgroep passen. Een muisklik verder verschijnt de weergave van een iPhone waarin je door automatisch gegenereerde de inhoud kunt navigeren. Rechtsbovenaan staan de knoppen om je creatie te bekijken op een smartphone, op een tablet of op een computerscherm.

©PXimport

Tip 04: Inhoud aanpassen

De 120 seconden zijn voorbij en je beschikt dus al over een responsieve website die vlot navigeert. Nu kun je de inhoud en lay-out tot in detail aanpassen. En dit valt natuurlijk niet binnen twee minuten, zoals je zult snappen. Om extra basiselementen toe te voegen, klik je op de knop Customize Now of Continue building. Op die manier kom je bij de editor. In het tabblad Edit Content voeg je de inhoud toe die Impress.ly zelf nog niet heeft opgehaald, of je past de automatisch ingevoerde inhoud aan. Via de knop Add more content voeg je extra webpagina’s toe. Denk daarbij aan een mailformulier, een FAQ-lijst, een contactpagina, een evenementenagenda, een kaart met Points of Interest, een menukaart …

©PXimport

Tip 05: Skins

Wat je ook kiest, de combinaties blijven stijlvast. Dat is vooral te danken aan het feit dat Impress.ly geen ruimte laat voor blunders. Aan de hand van verschillende skins bepaal je de weergave. Terwijl je meer vertrouwd raakt met de editor, kun je je website steeds verder personaliseren, zodat jouw site er straks helemaal anders uitziet dan de sites van andere Impress.ly-gebruikers.

©CIDimport

Tip 06: Webwinkel

Via de optie Yes, include a store of via het tabblad Manage Store creëer en beheer je zonder veel gedoe een eigen webshop. Gaat het om een restaurant of een artiest dan kun je dit koppelen aan een reserveringssysteem. Gaat het om de online verkoop van producten dan krijgt ieder item een pagina waarin je de info, afbeelding, prijs, beschikbaarheid en munteenheid invult. Het is zelfs mogelijk de voorraad weer te geven, zodat de klant weet hoeveel stuks van ieder item er nog beschikbaar zijn.

Maak jij tijdens een welverdiende vakantie talloze video’s? Met VSDC Free Video Editor giet je de leukste fragmenten in een gelikte film. Dankzij het gebruik van mooie overgangen en fraaie effecten oogt het resultaat zeer professioneel. Het kost je bovendien geen cent, want je installeert deze zeer uitgebreide videobewerker gratis op een Windows-computer.

Tegenwoordig liggen er best wat goede gratis videobewerkers voor het oprapen. Zeker wanneer je geen torenhoge eisen aan de videomontage stelt, heb je niet per se een betaald programma als Adobe Premiere Elements of Magix Video Deluxe nodig. Zo krijg je met het gebruiksvriendelijke VSDC Free Video Editor al een heleboel voor elkaar. In tegenstelling tot diverse gratis alternatieven voegt dit programma geen lelijk watermerk toe aan jouw film. Deze freeware heeft daarnaast een verrassend uitgebreide gereedschapskist.

Videobewerker installeren

VSDC Free Video Editor heeft relatief lage systeemeisen. Zeker voor video’s tot een resolutie van 1920 × 1080 pixels heb je geen supersnelle pc of laptop nodig. Wil je haarscherpe 4K-video’s bewerken? In dat geval adviseren de makers een systeem met 8 of 16 GB werkgeheugen. Daarnaast is een krachtige processor met meerdere rekenkernen geen overbodige luxe.

Particulieren mogen VSDC Free Video Editor voor nop installeren. Ga naar de site via www.kwikr.nl/vsdc en download het installatiebestand. Je hebt keuze tussen de 32bit- en 64bit-versie. De meeste computers kunnen met de 64bit-versie uit de voeten. Dubbelklik op het gedownloade exe-bestand en doorloop de stappen van de installatie. 

Nieuw project starten

Zodra je de videobewerker voor de eerste keer opstart, verschijnt er een pop-upvenster met een aanbeveling voor de betaalde Pro-versie (zie kader). Je klikt dat via het kruisje weg. Laat de ietwat drukke gebruikersomgeving even op je inwerken. Het beginscherm toont diverse instructies voor geavanceerde bewerkingen. Laat die als beginnende gebruiker links liggen. Je kunt wel alvast even de tabbladen doornemen, want die herbergen verschillende bruikbare functies.

Je gaat nu eerst een nieuw (video)project starten. Klik op het tabblad Projects en daarna op New project. Er verschijnt een nieuw venster waarin je diverse instellingen voor de videomontage kunt bepalen. Het belangrijkste is de waarde achter Resolution. Voor een scherp beeld en soepele montage laat je de huidige waarde van 1920 × 1080 pixels (16:9) staan. Filmt jouw smartphone of videocamera in een hogere resolutie, dan kun je een andere waarde overwegen. Laat de overige opties ongewijzigd. Je typt achter Project title een relevante projectnaam en kiest onderaan voor Blank project. Bevestig tot slot met Finish.

Video’s toevoegen

Nu ga je met het zojuist aangemaakte videoproject aan de slag. Merk op dat het tabblad Editor is geopend. Je zit nu dus in de videobewerker. Zoals je ziet, zijn er flink wat opties beschikbaar. Laat je hierdoor niet afschrikken, want we nemen de basisfuncties stap voor stap met je door.

Je dient eerst relevante videoclips aan het programma toe te voegen. Gunstig is dat VSDC Free Video Editor alle bekende beeldformaten ondersteunt. Klik bovenaan in de werkbalk op Add object / Video en navigeer naar de map met de bestanden. Je selecteert één of meer video’s, waarna je bevestigt met Openen / OK. Wanneer je minimaal twee fragmenten toevoegt, kies je Add to layer.

De videoclips verschijnen allemaal in de tijdlijn onderaan het venster. Deze tijdlijn is belangrijk, want die bepaalt welke momenten er in de uiteindelijke film terechtkomen. Verder kun je hieraan bijvoorbeeld ook titels, overgangen, speciale effecten en audiotracks toevoegen. Vind je de tijdlijn te klein? Je kunt dit onderdeel eenvoudig vergroten. Zweef onder Layer 1 op de scheidslijn totdat er een dubbele pijl verschijnt. Beweeg de muis nu met ingedrukte muisknop omlaag. In VSDC Free Video Editor pas je op soortgelijke wijze de grootte van alle deelvensters aan. Kortom, richt op die manier het bewerkvenster naar eigen wens in.

Volgorde clips wijzigen

Waarschijnlijk heb je een bepaalde volgorde voor de videoclips in gedachten. Geen probleem, want je kunt de clips op de tijdlijn verplaatsen. Sleep het beoogde fragment met ingedrukte muisknop één laag omlaag. De overgebleven video’s schuif je daarna naar links of rechts. Creëer op die manier een ‘gat’ en sleep het fragment ernaartoe. Het is belangrijk dat er geen loze ruimtes op de tijdlijn achterblijven. Anders zie je namelijk zwart beeld.

Scènes inkorten

Vanzelfsprekend wil je alleen boeiende scènes in de film tonen. Saaie passages snijd je daarom resoluut weg. Dat doe je door een videoclip in te korten. Gebruik hiervoor wederom de tijdlijn. Selecteer een fragment en beweeg de rode schuifregelaar naar deze clip. Het bijbehorende beeld verschijnt nu in de voorbeeldweergave. Vind je dit beeld te klein? Klik dan helemaal rechtsonder in het programma op het kleine plusteken. Je past daarmee het zoomniveau aan. Klik nu onder de voorbeeldweergave op de rode afspeelknop (PijltjeRechts) om de video te starten. Begint of eindigt het saaie gedeelte? Via dezelfde rode knop (twee verticale streepjes) pauzeer je de video.

Inkorten is vrij eenvoudig. Een geselecteerde videoclip heeft op de tijdlijn aan weerszijden twee piepkleine vierkanten. Klik daarop en houd de muisknop ingedrukt. Beweeg de muis nu naar links of rechts tot de rode schuifregelaar. Laat de muisknop als laatste los. Het fragment is nu een kopje kleiner gemaakt! 

Fragmenten splitsen

Je kunt een lang fragment ook in twee (of meer) delen opsplitsen. Dat is nuttig wanneer je deze videootjes op verschillende momenten in de film wilt tonen. Selecteer in de tijdlijn een videoclip en bepaal met de rode schuifregelaar een geschikt ‘splitmoment’. Overigens kun je met de mediaknoppen onder de voorbeeldweergave dit moment heel precies bepalen. Spoel bijvoorbeeld een seconde voor- of achteruit. Het is zelfs mogelijk om een video frame voor frame door te nemen. Staat de rode schuifregelaar exact op de goede plek? Klik dan in de werkbalk boven de tijdlijn op het pictogram met de twee rode haakjes. Je ziet vervolgens twee aparte clips.

Roteren en bijsnijden

Soms is het noodzakelijk om een video negentig graden te roteren, omdat het beeld in VSDC Free Video Editor is gedraaid. Gelukkig herstel je deze ‘fout’ simpel. Je selecteert in de tijdlijn de juiste video en klikt helemaal bovenaan bij de sectie Tools op het pictogram met de gebogen pijl. De video draait meteen.

Staat er een ongewenst persoon, lelijk logo of storend object in beeld? Gooi de videoclip dan nog niet weg! Je kunt het fragment namelijk nog bijsnijden. Beslis welk deel van de video je wilt gebruiken en gooi het overtollige beeldmateriaal weg. Je klikt met de rechtermuisknop op een videoclip in de tijdlijn en kiest Crop tools / Custom region. Bepaal in het nieuwe venster welk deel uit beeld moet verdwijnen. Je regelt dat door de zwarte vierkantjes aan de randen van de voorbeeldweergave te verslepen. Tevreden? Met OK voer je de actie definitief uit.

Nuttig om te weten is dat je met deze functie de oorspronkelijke resolutie verkleint. Zeker wanneer je de uiteindelijke film op een grote televisie of pc-monitor bekijkt, zie je mogelijk korrelige beelden. Snijd daarom liever niet te veel beeldmateriaal weg.

Video-effecten

Wie dat wil, gaat in deze videobewerker helemaal los met speciale effecten. Klik maar eens bovenaan in de werkbalk op Video effects. Er verschijnt een uitgebreid menu. Voordat je iets uitkiest, selecteer je eerst een clip op de tijdlijn. Via Quick styles pas je heel makkelijk een effect toe, omdat hiervoor geen extra instellingen zijn vereist. Laat de video bijvoorbeeld op een gedateerde film uit de jaren ‘70 lijken of pas automatisch de contrastwaarden aan.

Wil je zelf meer invloed op in hoeverre het programma een video-effect toepast? Bij veel filters stel je naar eigen inzicht de intensiteit in. Bekijk hiervoor de mogelijkheden via Video effects / Adjustments. Zo wijzig je onder andere de kleurverzadiging en helderheid. Daarnaast kun je ook een stijlvol sepia- of zwart-wit-effect op de video loslaten. Zodra je eenmaal iets hebt gekozen, pas je in het deelvenster Properties window aan de rechterkant de waarden aan. Als je dit deelvenster niet ziet, klik je achtereenvolgens op het tabblad View en Properties. Tot slot zijn ook de video-effecten binnen de rubrieken Filters en Nature de moeite waard. Spijt van een bepaalde keuze? Met de sneltoets Ctrl+Z maak je de laatste handeling weer ongedaan. Experimenteer er dus lustig op los!

Overgangen

Tijdens de montage van een video ontkom je eigenlijk niet aan het gebruik van overgangen. Doe je dat niet, dan lopen de fragmenten nogal abrupt in elkaar over. Dat is onprettig voor de kijker. Met een overgang wordt een nieuwe videoclip op subtiele wijze geïntroduceerd.

Klik in de tijdlijn op de videoclip waarbij je aan het einde een overgang wilt toevoegen. Je opent zo nodig eerst het tabblad Editor en navigeert daarna naar Video effects / Transitions. Probeer nu één van de beschikbare overgangen uit. Zo laat je het oude fragment bijvoorbeeld in vlammen opgaan (Paper burn) of in scherven uit elkaar vallen (Shattered glass). Kies een overgang en controleer in het pop-upvenster of de optie To the end of scene is geselecteerd. Klik op OK.

Merk op dat er op de tijdlijn een verse laag met de gekozen overgang verschijnt. Klik op de rode afspeelknop onder de videoweergave om de overgang te bekijken. Je past in het eigenschappenvenster aan de rechterkant diverse zaken aan, waaronder de tijdsduur en transparantie.

Geluid

De audiokwaliteit van zelfgeschoten video’s is vaak matig. Stond er toentertijd tijdens de opname een stevig briesje, dan hoor je waarschijnlijk voornamelijk windgeruis. Zet het geluid van dergelijke videoclips daarom gewoon uit. Klik in de tijdlijn op een fragment om de bijbehorende eigenschappen aan de rechterkant te tonen. Verschijnt dat niet, dan klik je op View / Properties. Je scrolt zo nodig een stukje omlaag totdat je de optie Audio track tegenkomt. Klik achter Track 1 op het kleine pijltje en kies Don’t use audio.

Je kunt eventueel zelf audio aan de videomontage toevoegen, zoals achtergrondmuziek of een voice-over. Klik zo nodig op het tabblad Editor en kies Add object / Audio. Je selecteert nu pakweg een mp3-, wma-, wav- of flac-bestand op de computer. Via Openen / OK belandt de audiotrack als nieuwe laag op de tijdlijn. Kies een geschikte plek en pas diverse eigenschappen in het Properties window desgewenst aan. Denk hierbij onder meer aan de snelheid en het volumeniveau.

Film opslaan

Deze workshop is slechts een bescheiden introductie van VSDC Free Video Editor. Je kunt namelijk nog veel meer met deze veelzijdige videobewerker doen. Ga er dus vooral ook zelf mee stoeien. Ben je eenmaal klaar, dan sla je het resultaat op. Je kunt de film daarna op verschillende schermen bewonderen.

Klik in de werkbalk op het tabblad Export project en speel zekerheidshalve de volledige videomontage nog eens af. Ben je helemaal tevreden, dan geef je in de werkbalk het gewenste videoformaat aan. Kies bijvoorbeeld voor mp4, mkv, mov, flv of mts. Het is ook mogelijk om de film op een dvd te branden. Wijzig via Change name zo nodig de bestandsnaam en opslaglocatie. Je bevestigt bovenaan ten slotte met Export project / Continue.

Je hebt vorige week al een aantal keer de leukste filmpjes vanaf de CES voorbij zien komen, gemaakt door Martin Verschoor van Power Unlimited Tech. De CES is inmiddels voorbij (tot volgend jaar, Las Vegas!), maar als toetje hebben we nog vijf bijzondere TikToks voor je verzameld.

Ook leuk: CES 2026: 4 opvallende dingen gespot door Martin van Power Unlimited Tech

Vechtende robots

Vliegend naar je werk met de jetbike

Vloeistof-speakers (en ja, dat ziet er gaaf uit)

Tip voor de Vierdaagse: extra steun voor je benen

Gewone fiets? Zo maak je er een e-bike van