So bearbeiten Sie Webseiten online

Wenn Sie eine schnelle Änderung an einer Webseite vornehmen müssen und Sie keinen HTML-Editor auf Ihrem Computer haben, können Sie Ihren Code in Ihrem Browser bearbeiten. Mehrere Websites verfügen über leistungsstarke Tools, mit denen Sie Webseiten von jedem Ort mit Internetverbindung aus entwickeln, testen und optimieren können. Sie können sogar JavaScript und Cascading Style Sheets in den Code einschließen, den Sie in diese Online-Editoren eingeben.

1

Navigieren Sie zur JsFiddle-Website und überprüfen Sie die Benutzeroberfläche der Website. Sie finden vier große Textfelder auf der rechten Seite der Seite. In drei dieser Felder können Sie einen bestimmten Typ von HTML-Code eingeben. Fügen Sie Ihren HTML-Code in das HTML-Feld ein, JavaScript in das JavaScript-Feld und Ihren Cascading Style Sheet-Code in das CSS-Feld. Klicken Sie anschließend auf "Ausführen", und JsFiddle zeigt Ihre Webseite im vierten Feld an. Sie können Ihre Seite speichern, indem Sie auf "Speichern" klicken. Die Site erstellt eine eindeutige URL, die Sie mit anderen teilen können. Wenn sie JsFiddle besuchen, sehen sie die gleichen vier Boxen wie Sie. Entwickler an verschiedenen Standorten verwenden häufig JsFiddle, um Websites gemeinsam zu bearbeiten

2

Besuchen Sie die Quackit HTML Editor-Website. Quackit verfügt über einen voll ausgestatteten HTML-Editor, der in einer Desktopanwendung zu finden ist. Mit Hilfe von Werkzeugzeilen oben im Editor können Sie HTML-Text, den Sie in den Editor eingeben, formatieren, Hyperlines verwalten, Bilder hinzufügen und andere HTML-bezogene Aufgaben ausführen. Der Editor zeigt alles im Vorschaumodus an. Sie können jedoch auf die Schaltfläche "Quelle" des Editors klicken, um zur HTML-Ansicht zu wechseln. In dieser Ansicht können Sie wie mit Ihrem Desktop-Editor direkt mit Ihrem HTML-Quellcode arbeiten. Wenn Sie mit der Bearbeitung fertig sind, markieren Sie den in der Quellansicht angezeigten Code, kopieren ihn und fügen ihn in ein Textdokument auf Ihrer Festplatte ein.

3.

Gehen Sie zur W3Schools.com Tryit Editor-Webseite und suchen Sie das Bearbeitungstextfeld auf der linken Seite der Seite. W3Schools ist eine Online-Lernwebsite mit einem HTML-Editor namens Tryit, der HTML-, CSS- und JavaScript-Code in Echtzeit verarbeitet. Fügen Sie HTML in das Bearbeitungstextfeld ein oder geben Sie HTML von Grund auf ein. Wenn Sie oben auf der Seite auf die Schaltfläche "Bearbeiten und klicken Sie auf" klicken, zeigt der Editor Ihre Webseite in einem Vorschaufeld neben dem Bearbeitungsfeld an. Wenn Sie dem Bearbeitungsfeld Code hinzufügen, geben Sie den Code genau so ein, als würden Sie ihn in einen regulären HTML-Editor eingeben. Sie müssen Ihren HTML-, JavaScript- und CSS-Code nicht wie bei JsFiddle trennen. Da es sich bei W3Schools um eine Tutorial-Site handelt, können Sie auf den Link "W3Schools.com" in der rechten Ecke der Seite klicken und eine Vielzahl von Themen anzeigen, die Ihnen beim Erlernen der Web-Programmierung und beim Entdecken von Programmiertipps helfen können.

Tipps

• Online-Editoren sind auch eine großartige Möglichkeit, kleine HTML-Ausschnitte zu testen, die Sie im Internet entdecken oder selbst entwickeln. Wenn Sie beispielsweise ein nützliches Code-Snippet zum Erstellen einer Diashow finden, können Sie den Code kopieren, in einen Online-Editor einfügen und erfahren, wie er sofort funktioniert.
• Es empfiehlt sich, den Code, an dem Sie gerade arbeiten, regelmäßig zu kopieren, falls Ihre Internetverbindung ausfällt oder Ihr Browser abstürzt. Code kopieren, indem Sie in einen Editor klicken, "Strg-A" und dann "Strg-C" drücken.