PageEdit Ein Echtzeit-WYSIWYG-Seiteneditor [Chrome]

Benutzer, die Chrome oder Firefox für Webentwicklungszwecke verwenden, wissen, dass für jeden Browser einige sehr gute Tools verfügbar sind, die die Entwicklung von Seiten erheblich erleichtern. Mit der Firebug-Erweiterung von Firefox und den integrierten Webentwicklungstools von Chrome können Entwickler den auf einer Seite angezeigten Code schnell und einfach bearbeiten. Die Änderungen werden sofort angezeigt, sodass sie feststellen können, was funktioniert und was nicht.

Während des gesamten Prozesses müssen Sie jedoch noch ein paar Dinge über HTML-, CSS- und Javascript-Code wissen, der für Leute, die nicht viel über den Code wissen, möglicherweise nicht die besten ist. Glücklicherweise gibt es eine Erweiterung für Chrome, mit der Sie Seiten nach WYSIWYG bearbeiten können.

Installation

Um diese Erweiterung zu installieren, klicken Sie einfach auf den Link in Chrome, um zur Downloadseite der Erweiterung zu gelangen. Klicken Sie erneut und es wird in wenigen Sekunden installiert. Sie können die neue Nebenstelle über die Schaltfläche oben rechts aktivieren.

Haupteigenschaften

Wenn Sie auf die Schaltfläche der Erweiterung klicken, können Sie die Seite bearbeiten, auf der Sie sich gerade befinden, und Sie müssen für jede andere Seite, die Sie bearbeiten möchten, auf die Schaltfläche klicken, auch wenn diese sich auf einer anderen Registerkarte befindet. Nachdem Sie auf die Schaltfläche geklickt haben, werden Ihnen zahlreiche Werkzeuge angezeigt, mit denen Sie viele Dinge mit dem Seiteninhalt tun können. Sie können nicht nur die Formatierung ändern, sondern auch, was die Seiten selbst sagen. Klicken Sie einfach auf und beginnen Sie mit der Eingabe, als wäre es Ihr Textverarbeitungsprogramm.

Rechtsklick-Menüaktionen

Wenn Sie mit der rechten Maustaste auf ein Element klicken, erhalten Sie eine Liste mit verschiedenen Aktionen, die Sie mit dem ausführen können, auf das Sie geklickt haben. Für Text erhalten Sie Optionen wie Einfügen, Div bearbeiten, Div entfernen, und Eigenschaften der Aufzählungsliste. Wenn Sie auf einen Link klicken, werden auch Optionen zum Ändern oder Entfernen des Links angezeigt. Natürlich können Sie auch immer einen Link hinzufügen, indem Sie die entsprechende Schaltfläche in der Symbolleiste oben auf der Seite verwenden.

Bildeigenschaften

Wenn Sie auf ein Bild klicken, können Sie die Bildeigenschaften anzeigen, in denen unter anderem URL, alter Text, Breite und Höhe usw. angezeigt werden, die alle ebenfalls bearbeitet werden können. Sie können sogar erweiterte Informationen bearbeiten, z. B. die Link-URL für das Bild und verschiedene andere Dinge, über die Webentwickler mehr wissen würden.

Speichern Sie Ihre Änderungen

Wenn Sie mit den Änderungen fertig sind, können Sie sie entweder so lange anstarren, bis der Browser geschlossen wird, oder Sie können die gesamte Seite einschließlich der Änderungen in einer HTML-Datei speichern. Klicken Sie einfach auf die Schaltfläche "Speichern". Ein Fenster wird mit einem Link angezeigt, den Sie mit der rechten Maustaste anklicken und auswählen können “Verknüpfung speichern unter“. Das Beste daran ist, dass die Quelle gespeichert wird. Sie haben also immer das für den Fall, dass sie benötigt wird.

Fazit

PageEdit ist eine hübsche Erweiterung, mit der Sie Seiten auf unterhaltsame Art und Weise bearbeiten können, die auch den herkömmlichen Entwicklungswerkzeugen nicht folgt. Hoffentlich können Sie mit diesem Tool mehr Spaß haben als mit anderen Webseiten, die Sie erstellen können. Benötigen Sie eine schnelle Idee? Wählen Sie eine Seite aus, bearbeiten Sie sie nach Ihren Wünschen, speichern Sie sie auf Ihrer Festplatte und richten Sie sie dann in Ihren Browser ein, um sie als Startseite zu verwenden. Sie können beispielsweise die Standard-Zielseite von Google übernehmen und das Logo durch ein benutzerdefiniertes Bild ersetzen.

Wenn Sie jedoch etwas Code lernen möchten, probieren Sie unseren Leitfaden zu XHTML!

Denken Sie, dass PageEdit eine coole Idee ist? Würden Sie es gegenüber herkömmlichen Entwicklerwerkzeugen verwenden? Lass es uns in den Kommentaren wissen!

Erfahren Sie mehr über: Google Chrome, HTML, Webdesign, Webentwicklung, Webmaster-Tools, WYSIWYG-Editoren.