So zeigen Sie eine Vorschau Ihrer Webseiten an, bevor Sie sie hochladen

Viele Leute wissen nicht, dass Sie beim Erstellen einer Webseite auf Ihrem Computer diese nicht an einen Webserver senden müssen, um sie anzuzeigen. Bei der Vorschau einer Webseite auf Ihrer Festplatte sollten alle browserbezogenen Funktionen (wie JavaScript, CSS und Bilder) genauso funktionieren wie auf Ihrem Webserver. Daher ist es eine gute Idee, Ihre Webseiten in Webbrowsern zu testen, bevor Sie sie live schalten.

1. Erstellen Sie Ihre Webseite und speichern Sie sie auf Ihrer Festplatte.

2. Öffnen Sie Ihren Webbrowser und gehen Sie zum Menü Datei und wählen Sie Offen.

3. Navigieren Sie zu der Datei, die Sie auf Ihrer Festplatte gespeichert haben.

Testprobleme

Es gibt einige Dinge, die beim Testen Ihrer Webseiten auf Ihrer Festplatte statt auf dem Webserver schief gehen können. Stellen Sie sicher, dass Ihre Seiten zum Testen richtig eingerichtet sind:

• Verwenden Sie vollqualifizierte absolute Pfade für Links. Sie können verwenden seitenbezogene Pfade für Ihre Links, aber der beste Weg, um Links zu testen, bevor eine Seite live ist, besteht darin, den vollständigen Pfad zu der Seite zu verwenden, auf die Sie verlinken. Mit anderen Worten, fügen Sie den Domainnamen in Ihre Links ein.
• Verwenden Sie seitenbezogene Pfade für Ihre Bilder. Sie können zwar die vollständige URL für Ihre Bilder verwenden, aber wenn die von Ihnen getestete Seite neu ist, besteht die Möglichkeit, dass Ihre Bilder nicht mehr als der HTML-Code auf den Server hochgeladen werden. Wenn Sie Pfade zu Bildern verwenden, die relativ zur aktuellen Seite sind, werden diese angezeigt, wenn Sie die Datei auf Ihrer Festplatte testen.
• Überprüfen Sie die Pfade zu Ihren externen CSS- und JavaScript-Dateien. Es gibt keine gute Faustregel für die Verwendung von vollständigen oder relativen Pfad-URLs für Skripte und CSS-Dateien – es hängt von Ihrer Website ab und was für Sie am besten funktioniert. Stattdessen sollten Sie überprüfen, ob die Datei, auf die Sie verweisen, die aktuellsten Informationen enthält. Wenn Sie beispielsweise eine URL mit vollständigem Pfad für Ihr CSS posten, müssen Sie diese Datei beim Testen auf Ihren Server hochladen.

Testen Sie unbedingt in mehreren Browsern

Nachdem Sie Ihre Seite in einem Browser aufgerufen haben, können Sie die URL aus der Adressleiste des Browsers kopieren und in andere Browser auf demselben Computer einfügen. Wenn wir Sites auf Windows-Computern erstellen, testen Sie Seiten in den folgenden Browsern, bevor Sie etwas hochladen:

• Internet Explorer
• Oper
• Feuerfuchs
• Safari
• Chrom

Wenn Sie sicher sind, dass die Seite in den Browsern auf Ihrer Festplatte richtig angezeigt wird, können Sie die Seite hochladen und erneut vom Webserver aus testen. Nach dem Hochladen sollten Sie sich mit anderen Computern und Betriebssystemen mit der Seite verbinden oder einen Browseremulator wie BrowserCam verwenden, um umfangreiche Tests durchzuführen.