⬤ Gratis software en apps zoeken:
Als u weinig of geen kennis van HTML heeft kunt u gratis software gebruiken om een HTML-pagina te maken. Met een WYSIWYG-editor kunt u websites opbouwen zonder codes te gebruiken op een manier die lijkt op het opmaken van een Word-bestand. WYSIWYG staat voor What-You-See-Is-What-You-Get wat slaat op het feit dat u visueel een website kunt maken zonder zelf HTML-codes te hoeven opbouwen.
Op deze pagina vindt u een overzicht van de beste gratis HTML editors. Light Table zal hier binnenkort ook aan toegevoegd worden.
Wie een website wil, kan daar een hoop geld tegenaan gooien en er een duur team op zetten dat deze site helemaal voor u in orde maakt. Maar u kunt ook gebruik maken van RocketCake. Dat is een handig programma, waarmee u zelf vrij snel een nieuwe website kunt bouwen. U hoeft daarvoor niet eens veel kennis van het programmeren te hebben. RocketCake is heel handig voor beginners, maar zelfs professionals zullen er prima mee uit de voeten kunnen.
RocketCake is een gratis programma dat beschikbaar is voor Windows en Mac OS X.
RocketCake is een handige desktop-applicatie, waarmee u snel een responsieve website in elkaar kunt zetten. Een responsieve website, is een site die er zowel op mobiele apparaten als op een desktop goed uitziet. De software is zo gedownload en geïnstalleerd en dan kunt u er mee aan de slag. Wanneer u begint, kunt u kiezen uit 7 sjablonen. Wanneer deze u niet aanstaan, kunt u met een lege template beginnen en alles helemaal zelf opbouwen. Zelfs dat is prima te doen. RocketCake werkt op basis van een WYSIWYG Editor, waarmee u uw site kunt bewerken, zoals deze er in het echt uit komt te zien. U schakelt hierbij makkelijk tussen het deel waarmee u edit en hoe het er online uit komt te zien.
Wanneer u kiest voor een standaard sjabloon, kunt u hier heel eenvoudig foto's aan toevoegen, galerijen maken, Youtube video's inzetten, navigatie-menu, audio toevoegen en menu-knoppen toevoegen. U heeft daarvoor geen kennis van html of css nodig, want alles is er simpelweg in te slepen. U doet dat vanuit de toolbar, waar u alle opties vindt die u nodig heeft. Daarna kunt u ermee schuiven en alles op de plaats zetten die u wilt. Als dat zover is, kunt u alles nog mooier maken. U kunt kleuren, achtergronden, lettertypes, de positie en grootte aanpassen. Daarnaast voegt u makkelijk vakken in waar u tekst wilt plaatsen. Bent u een professional, dan is het mogelijk om uw eigen code toe te voegen. RocketCake werkt heel intuïtief en het programma begeleidt u als het ware door de stappen van het maken van een site heen.
U hoeft verder weinig te doen, want door de manier waarop deze software werkt, ziet uw site er gelijk goed en professioneel uit. Wanneer uw website klaar is, kunt u deze opslaan op uw harde schijf of direct via uw ftp-server uploaden, zodat de site online komt te staan. RocketCake ondersteunt alle gebruikelijke standaarden, zoals html 5, css, javascript, php en asp. Een simpel programma waarmee u snel uw website gemaakt heeft en het kost u niets.
RocketCake heeft de volgende kenmerken:
RocketCake screenshots
Website van de makers van RocketCake
website van RocketCake direct naar RocketCake download pagina
Het laten bouwen van een website kost vaak een hoop geld. Het is meestal een tijdrovende klus, waar de nodige uren in gaan zitten. Met openElement gaat dat allemaal een stuk makkelijker. Hiermee hoeft u het werk ook niet meer aan anderen uit te besteden, maar zet u snel en eenvoudig zelf uw website in elkaar. OpenElement is een gratis programma, dat niet alleen erg geschikt is voor amateurs om hun eigen website te bouwen, maar ook alle kwalificaties heeft waar professionals mee aan de slag kunnen. De software is nu alleen beschikbaar voor Windows, maar op termijn ook voor Mac OS X en Linux.
Voor een gratis programma is openElement erg goed. Het is een krachtige html-editor, zonder enige restricties of advertenties en waar u zonder heel veel ervaring al optimaal mee kunt werken. Uw nieuwe website is dus slechts enkele muisklikken van u verwijderd. OpenElement ondersteunt gangbare technologie als HTML5, CSS3, jQuery en responsive design, waarmee de website zich automatisch aanpast aan het scherm waarmee de bezoeker uw site bekijkt. Er zijn verschillende manieren om te beginnen. U kunt allereerst kiezen uit verschillende templates, die er professioneel uitzien en die u zo als basis voor uw site kunt gebruiken. Maar u kunt er ook voor kiezen om met een stappenplan van begin af aan te beginnen.
Het programma is heel snel en makkelijk te installeren en u hoeft zich niet te registreren. Wanneer u kiest voor een template, kunt u die eerst online bekijken. Dan weet u waar u aan begint. De standaard templates zien er mooi en professioneel uit. Wanneer u hiervan gebruik maakt, dan opent u een template, waarna er meerdere pagina's verschijnen. U kunt dan iedere pagina bewerken en ook makkelijk tussen de pagina's heen en weer bewegen. De sjablonen hebben verschillende vakken, waarin u uw teksten kunt schrijven, dan wel knippen en plakken. Die teksten kunt u altijd weer veranderen. Daarnaast is het heel simpel om plaatjes te uploaden, in de vakken die daarvoor zijn gemaakt. U kunt ook animaties toevoegen met flash en zelfs Google Maps, Paypal en filmpjes van Youtube toevoegen. Dat gaat allemaal met het drag en drop principe. Als u een database heeft kunt u die zelfs eenvoudig aan uw site koppelen met openElement.
Wanneer u klaar bent dan klikt u op publiceren en de website komt online. Alle gegevens worden vervolgens ook via ftp naar de server van uw webhost geupload. De content wordt gepubliceerd met de W3C-code, die werkt voor alle browsers. OpenElement zorgt er niet alleen voor dat u snel een flitsende website heeft, maar helpt ook om uw site goed vindbaar te maken, met een ingebouwde optimalisatie voor zoekmachines. Verder kunt u het verkeer naar uw website ook monitoren met dit programma. Alles bij elkaar is openElemet een uitgebreid en gebruiksvriendelijk programma, dat veel mogelijkheden biedt.
openElement heeft de volgende kenmerken:
openElement screenshots
Website van de makers van openElement
website van openElement direct naar openElement download pagina
Brackets is een open source HTML code editor voor Linux, Windows en Mac besturingssystemen. Het is één van de beste hulpprogramma's voor ontwikkelaars om visueel een site te ontwikkelen. Erg handig daarbij is de preview functie waarbij het resultaat live in de browser wordt weergegeven zonder dat u de code hoeft op te slaan of de browser moet herladen. Het gevolg van iedere aanpassing is dus direct te zien.
Brackets is geoptimaliseerd voor het bewerken van HTML, CSS en JS code. Het is dus minder geschikt voor bijvoorbeeld Python en Ruby ontwikkelaars.
De geïntegreerde functies helpen bij het schrijven van goede code. De functie JSLint controleert Javascript code automatisch op fouten bij het opslaan en met de kleurenselectie tool selecteert u visueel een kleur die automatisch in CSS code wordt omgezet.
Vanuit het programma zelf kunt u zoeken naar beschikbare extensies en deze direct installeren zonder het programma te moeten verlaten.
Brackets heeft de volgende kenmerken:
Brackets screenshots
Website van de makers van Brackets
website van Brackets direct naar Brackets download pagina
HTML-Kit is een volwaardige gratis editor voor HTML, CSS, XHTML, XML, JavaScript, PHP en andere tekstbestanden. Meer dan 400 pluginbestanden inclusief HTML Tidy zijn beschikbaar om webpagina's te maken die voldoen aan de standaarden.
Beginnende website-ontwikkelaars kunnen profiteren van de mogelijkheid om fouten in de code te verwijderen en van de suggesties om pagina's te maken die aan de standaarden voldoen.
Gevorderde webontwikkelaars kunnen tijd besparen op de standaard taken door de flexibele en uit te breiden geïntegreerde ontwikkelingsomgeving terwijl ze volledige controle kunnen behouden over verschillende bestandstypen waaronder HTML, XHTML, XML, CSS, XSL, JavaScript, VBScript, PHP, JSP, ASP, Python, Perl, Ruby, Java, VB, C/C++, .NET C#, Delphi / Pascal, Lisp, SQL.
HTML-Kit heeft de volgende kenmerken:
HTML-Kit screenshots
Website van de makers van HTML-Kit
website van HTML-Kit direct naar HTML-Kit download pagina
Maqetta is een WYSIWYG HTML5 editor die u lokaal op uw eigen computer of op een serverruimte kunt installeren. Vervolgens kunt u via een webbrowser inloggen op deze ontwikkelingsomgeving om aan het programmeren van een HTML 5 website of web applicatie te werken. De gratis software kan geïnstalleerd worden op zowel Mac als Windows.
Maqetta bevat functies om het ontwikkelen in teamverband te ondersteunen. Hiermee kunnen teamleden delen van de site klaarzetten om te laten beoordelen door anderen. Deze kunnen vervolgens weer via dit systeem commentaar achterlaten.
Oorspronkelijk is Maqetta door IBM ontwikkeld. In april 2011 heeft IBM de software gedoneerd aan de Dojo Foundation. Dit is een organisatie die meer dan 100 open source projecten ondersteunt.
Maqetta heeft de volgende kenmerken:
Maqetta screenshots
Website van de makers van Maqetta
website van Maqetta direct naar Maqetta download pagina
Joust Edit is een HTML editor voor Mac OS besturingssystemen. De software bevat een paar handige functies maar het is vooral gericht op eenvoud. Het is dus vooral gericht op de meer gevorderde programmeur die slechts enige ondersteuning van een HTML-editor verwacht.
Joust Edit ondersteunt syntax kleuren, bevat een geavanceerde zoekfunctie en met behulp van WebKit is een preview mogelijk. Het is wel een groot gemis dat Joust geen FTP-functie heeft. Dit maakt het noodzakelijk om alsnog een los FTP-programma zoals FileZilla te installeren.
Joust Edit screenshots
Website van de makers van Joust Edit
website van Joust Edit direct naar Joust Edit download pagina
PageShop is een gratis WYSIWYG-editor. De editor richt zich met name op de zeer onervaren webontwikkelaar die zijn of haar eerste internetpagina zelf wil ontwerpen en online zetten. Voor een basis website heeft u HTML, CSS en JavaScript code nodig. Deze code maakt PageShop voor u aan. U hoeft alleen visueel aan te geven waar u objecten wilt hebben en hoe deze eruit moeten zien, net als u dat bijvoorbeeld doet in een tekstverwerker zoals Word.
UPDATE: PageShop is helaas niet meer beschikbaar.
Om het opmaken van een pagina eenvoudig te maken maakt PageShop gebruik van zogenaamde widgets. Zo kunt u met één van deze widgets met een klik op de knop een navigatiemenu aanmaken. U hoeft vervolgens alleen nog het uiterlijk en de tekstlinks te bepalen en het menu naar de juiste locatie binnen de pagina te slepen. PageShop ondersteunt namelijk ook drag & drop wat inhoudt dat u de pagina kunt indelen door simpelweg een onderdeel aan te klikken en naar een andere plek te slepen met de muis.
Wanneer u echt helemaal geen kennis heeft van het ontwikkelen van websites en er toch één wilt maken dan raden we u aan om PageShop te installeren. Het programma is alleen geschikt voor Windows.
PageShop heeft de volgende kenmerken:
PageShop screenshots
Website van de makers van PageShop
website van PageShop direct naar PageShop download pagina
BlueGriffon is een open source HTML-editor die wordt ontwikkeld door Daniel Glazman. Dit is dezelfde persoon die eerder heeft meegewerkt aan de ontwikkeling van de Nvu HTML-editor.
BlueGriffon heeft de volgende kenmerken:
BlueGriffon screenshots
Website van de makers van BlueGriffon
website van BlueGriffon direct naar BlueGriffon download pagina
Op de website van de ontwikkelaars van deze gratis software kunt u meer informatie vinden en kunt u de software downloaden.