PageEdit Een Realtime WYSIWYG-pagina-editor [Chrome]

Mensen die Chrome of Firefox gebruiken voor webontwikkelingsdoeleinden, weten dat er voor elke browser een aantal zeer goede tools beschikbaar is die het ontwikkelen van pagina's een stuk eenvoudiger maken. Van de Firebug-extensie van Firefox tot de ingebouwde webontwikkelingstools van Chrome kunnen ontwikkelaars snel en gemakkelijk de code bewerken die ze op een pagina zien en de wijzigingen direct weergeven, zodat ze kunnen bepalen wat werkt en wat niet.

Tijdens het hele proces moet je echter nog iets weten over HTML, CSS en Javascript-code, wat misschien niet het beste is voor mensen die niet veel weten over de code. Gelukkig is er een extensie voor Chrome waarmee u pagina's op de WYSIWYG-manier kunt bewerken.

Installatie

Als u deze extensie wilt installeren, klikt u op de link in Chrome om naar de downloadpagina van de extensie te gaan. Klik opnieuw en het zal in seconden worden geïnstalleerd. U kunt de nieuwe extensie activeren via de knop in de rechterbovenhoek.

Hoofdfuncties

Als u op de knop van de extensie klikt, kunt u de pagina bewerken waarop u zich momenteel bevindt. U moet ook op de knop klikken voor elke andere pagina die u wilt bewerken, ook als deze zich op een ander tabblad bevindt. Nadat je op de knop hebt geklikt, krijg je genoeg hulpmiddelen te zien waarmee je veel dingen kunt doen met de inhoud van de pagina. U kunt niet alleen de opmaak wijzigen, maar u kunt ook wijzigen wat de pagina's zelf zeggen. Klik gewoon en begin met typen alsof het uw tekstverwerker was.

Rechter-klik Menu Acties

Als u met de rechtermuisknop op een item klikt, krijgt u een lijst met verschillende acties die u kunt uitvoeren met alles waarop u hebt geklikt. Voor tekst krijg je opties zoals Plakken, Div bewerken, Div verwijderen, en Eigenschappen met opsommingstekens. Als u op een koppeling klikt, ziet u ook opties om de koppeling te wijzigen of te verwijderen. U kunt natuurlijk ook altijd een link toevoegen met de juiste knop in de werkbalk bovenaan de pagina.

Afbeeldingseigenschappen

Als je op een afbeelding klikt, kun je naar de afbeeldingseigenschappen kijken, die dingen weergeeft zoals de URL, alt-tekst, breedte en hoogte en meer, die allemaal ook bewerkbaar zijn. U kunt zelfs meer geavanceerde informatie bewerken, zoals de link-URL voor de afbeelding en diverse andere dingen waarover webontwikkelaars meer zouden weten.

Uw wijzigingen opslaan

Eindelijk, als je klaar bent met alle veranderingen, kun je ofwel naar ze staren totdat het tijd is om je browser te sluiten, of je kunt de hele pagina, inclusief je wijzigingen, opslaan in een HTML-bestand. Klik op de knop Opslaan en een venster verschijnt met een link waarop u kunt klikken en kiezen “Link opslaan als“. Het beste deel hiervan is dat het de bron bewaart, zodat je dat altijd hebt voor het geval dat het nodig is.

Conclusie

PageEdit is een vrij nette extensie waarmee je pagina's op een leuke manier kunt bewerken die ook niet aansluit op de traditionele ontwikkeltools. Hopelijk kun je met deze tool meer plezier hebben dan met andere dingen om webpagina's te maken. Heb je een snel idee nodig? Kies een pagina, bewerk deze naar wens, sla hem op uw harde schijf op en wijs uw browser aan om hem als uw startpagina te gebruiken. U kunt bijvoorbeeld de standaardbestemmingspagina van Google gebruiken en het logo vervangen door een aangepaste afbeelding.

Als je echter een beetje code wilt leren, probeer dan onze gids over XHTML!

Denkt u dat PageEdit een cool idee is? Zou je het gebruiken via traditionele ontwikkelaarstools? Laat het ons weten in de comments!

Ontdek meer over: Google Chrome, HTML, Webontwerp, Webontwikkeling, Webmasterhulpprogramma's, WYSIWYG-editors.