Wie zum Aufräumen der Web Code

Egal, ob Sie Ihre Website oder die Arbeit mit einem Code / WYSIWYG-Editor Hand-Codierung, müssen Sie immer eine Praxis machen, die hierarchische Ordnung, Syntaxprüfung und Rechtschreibung Ihrer HTML, CSS, javascript, jQuery und andere Programmcode. Auch wenn Sie die besten verfügbaren Programme verwenden, an einem gewissen Punkt könnte Ihr Code Fehler enthalten, weil Sie ein Mensch sind.

Egal, wie sorgfältig bauen Sie eine Website, die HTML in Ihre Seiten werden wahrscheinlich versehentlich überladen werden mit redundanten Tags, unnötige Markup, und geradezu schädlich Code, der die Darstellung und Funktionalität Ihrer Webseiten negativ auswirken können.

Viele dieser Fehler oft passieren, wenn Sie Inhalte auf Ihren Seiten aus anderen Quellen wie Word oder Excel-Datei, einer Website einfügen, eine E-Mail oder einem anderen Code-Editor oder Anwendung. Andere Fehler können von einem ehrlichen Tippfehler passieren oder von Codierung Fehler, die hinter den Kulissen passiert, wenn Elemente auf der Seite durch Klicken und Ziehen oder Ausschneiden und Einfügen verschieben.

Ein sehr häufiges Code Problem ist das Finden leer Hyperlinks auf Ihrer Seite, die einige Code-Editoren gelegentlich im Code ohne ersichtlichen Grund verlassen, wenn Sie einen Link von einer Stelle auf der Seite zur anderen bewegen. Diese leeren Links sind im Wesentlichen nur ein Stück Code, die keinen Inhalt umgeben, wie das heißt, sie werden nicht im Browser angezeigt.

Wie es oft der Fall, so zusätzlichen Code möglicherweise nicht während der Bauphase Ihrer Website spürbar sein, aber es wird den Kopf während der Testphase vor der Veröffentlichung oft hinten.

Um Codierungsfehler auf Ihre Web-Seiten zu minimieren, sollten Sie Code Bereinigung mindestens zweimal während der Bauphase durchzuführen:

  1. Nach dem Aufbau der Masterseite (n) oder eine Vorlage (n), reinigen Sie den Code, bevor für den Standort jeder der restlichen Seiten Aufbau aus.

  2. Neue Runde der Bereinigung auf allen Seiten der Website am Ende der Bauphase vor Ort zu starten.

Um mit dem Bereinigungsprozess, nutzen spezielle Tools, um Ihren Codierung Anwendung kann für diese Aufgabe empfohlen. Dreamweaver, zum Beispiel, bietet mehrere Tools, die den Reinigungsprozess innerhalb jedem verwalteten Website, wie ein Suchen und Ersetzen-Tool, eine Rechtschreibprüfung, ein Word-Clean Up Befehl ein Code Clean Up Befehl, ein Quellcodeformatierung Tool automatisieren kann, und ein Konvertieren Syntax-Tool.

Obwohl viele der Beispiele, die Sie hier Schritt-für-Schritt umfassen finden Anweisungen speziell für Dreamweaver, die meisten anderen Coding-Anwendungen können ähnliche Werkzeuge haben Sie diese Aufgaben ausführen können.

Darüber hinaus können Sie schon einige Online-Tools finden Sie Ihre Seiten für bestimmte Fehler zu überprüfen und Ihnen helfen, diese Probleme im Code zu identifizieren. Der einzige Nachteil Online-Tools, ist jedoch, dass viele von ihnen die Eingabe nur eine URL zu einem Zeitpunkt, erlauben, die zwar gründlich, der Bereinigungsprozess machen kann ziemlich langweilig.

Bei weitem eines der robustesten Werkzeuge, die Sie in den meisten HTML-Codierung Editoren finden, ist das Suchen und Ersetzen-Tool. Mit diesem einen Tool können Sie suchen und gegebenenfalls ersetzen oder zu löschen Text, Quellcode oder bestimmten Tag während einer gesamten Seite, ausgewählte Seiten, einen bestimmten Ordner oder eine gesamte verwaltete Site.

Nehmen wir zum Beispiel, Sie erkennen, dass der Inhalt des Mandanten ein bestimmtes Wort enthält, das in der gesamten Website falsch geschrieben ist. Dieses Tool kann diese falsche Schreibweise finden und alle Instanzen mit der korrekten Schreibweise auf allen Seiten der Website zu ersetzen. Ziemlich starke Sache!

Das einzige, was über diese Art von Werkzeug, das eine abschreckende Wirkung auf einige Designer sein könnte, ist, dass oft diese Art von globalen Operationen können in der Regel nicht mehr rückgängig gemacht werden, was besonders kritisch sein kann, wenn breite Seiten Website ändern.

Deshalb, um sicherzustellen, dass Sie unschuldig Fehler rückgängig machen können, sollten sie passieren, machen Sie eine Sicherungskopie Ihrer gesamten verwalteten Website Vor Mit diesem Tool. Auf diese Weise in den Fall, dass etwas tut, geht schief, können Sie immer Ihre Website an die es in war Zustand zurück, bevor Sie Änderungen begann zu machen.

Nach ein paar Wochen, wenn Sie wissen, dass Sie nicht zu diesem bestimmten Zustand der Site wiederherstellen müssen, können Sie die Backup-Dateien sicher zu löschen.

Um ein falsch geschriebenes Wort oder einen Satz zu finden und diesen Text mit neuen Text über alle Seiten in einer verwalteten Dreamweaver-Site ersetzen, öffnen Sie das Dokument, das die Rechtschreibfehler enthält, und wählen Sie das falsch geschriebene Wort oder eine Phrase. Dann wählen Sie Bearbeiten-Suchen und Ersetzen mit der Suche zu öffnen und Dialogfeld Ersetzen.

bild0.jpg

Ändern Wörter und Phrasen, ist nur ein Beispiel dafür, wie ein Werkzeug, um diese zu bedienen mächtig. Sie können auch das Suchen und Ersetzen-Tool ganze Stücke von Code zu bearbeiten, zu ersetzen Dateinamen in der gesamten Website, und entfernen Sie Tags und andere unerwünschte Codierung wie Kommentare und andere unnötige Markup.

Menü