Hoe webpagina's online te bewerken

Wanneer u snel een webpagina moet wijzigen en er geen HTML-editor op uw computer staat, kunt u uw code in uw browser bewerken. Verschillende websites hebben krachtige hulpmiddelen waarmee u webpagina's kunt ontwikkelen, testen en aanpassen vanaf elke locatie met een internetverbinding. U kunt zelfs JavaScript en Cascading Style Sheets opnemen in de code die u in deze online editors typt.

1.

Navigeer naar de JsFiddle-website en bekijk de gebruikersinterface van de site. U vindt vier grote tekstvakken aan de rechterkant van de pagina. Met drie van deze vakken kunt u een specifiek type HTML-code invoeren. Plak uw HTML-code in het HTML-vak, JavaScript in het vak JavaScript en uw Cascading Style Sheet-code in het vak CSS. Nadat u dat hebt gedaan, klikt u op "Uitvoeren" en JsFiddle toont uw webpagina in het vierde vak. U kunt uw pagina opslaan door op 'Opslaan' te klikken. De site maakt een unieke URL die u met anderen kunt delen. Als ze JsFiddle bezoeken, zien ze dezelfde vier vakken die u doet. Ontwikkelaars op verschillende locaties gebruiken vaak JsFiddle om samen op websites te werken

2.

Ga naar de Quackit HTML Editor-website. Quackit heeft een complete HTML-editor zoals die in een desktop-applicatie. Rijen met gereedschappen bovenaan de editor stellen u in staat HTML-tekst die u invoert in de editor op te maken, hyperlines te beheren, afbeeldingen toe te voegen en andere html-gerelateerde taken uit te voeren. De editor geeft alles weer in de voorbeeldmodus, maar u kunt op de knop "Bron" klikken om over te schakelen naar de HTML-weergave. In die weergave kunt u rechtstreeks met uw HTML-broncode werken, net zoals u met uw bureaubladeditor zou doen. Wanneer u klaar bent met bewerken, markeert en kopieert u de code die u in de bronweergave ziet en plakt u deze in een tekstdocument op uw harde schijf.

3.

Ga naar de W3Schools.com Tryit Editor-webpagina en vind het tekstvak aan de linkerkant van de pagina. W3Schools is een online tutorial-site met een HTML-editor genaamd Tryit die in realtime HTML-, CSS- en JavaScript-code verwerkt. Plak HTML in het bewerkingsvak of typ HTML vanuit het niets. Wanneer u op de knop 'Bewerken en klikken' boven aan de pagina klikt, geeft de editor uw webpagina weer in een voorbeeldvenster naast het bewerkingsvak. Wanneer u code toevoegt aan het bewerkingsvak, typt u deze precies zoals u zou doen als u deze invoerde in een gewone HTML-editor. U hoeft uw HTML-, JavaScript- en CSS-code niet te scheiden zoals bij JsFiddle. Omdat W3Schools een zelfstudiepagina is, kunt u op de link "W3Schools.com" in de rechterbovenhoek van de pagina klikken en een verscheidenheid aan onderwerpen bekijken die u kunnen helpen bij het programmeren van het web en het ontdekken van programmeertips.

Tips

• Online editors zijn ook een uitstekende manier om kleine HTML-fragmenten te testen die u op het internet ontdekt of zelf te ontwikkelen. Als u bijvoorbeeld een handig codefragment vindt dat een diavoorstelling maakt, kunt u die code kopiëren en in een online editor plakken om te ontdekken hoe deze werkt.
• Het is een goed idee om de code waaraan u werkt periodiek te kopiëren voor het geval uw internetverbinding wordt verbroken of uw browser crasht. Kopieer code door in een editor te klikken, op "Ctrl-A" te drukken en vervolgens op "Ctrl-C" te drukken.