6.1.10: Fehlerbeseitigung ("Debugging") der Website mit GoLive-Funktionen

GoLive bietet umfassende diesbezügliche Unterstützung. Hier nur die wesentlichsten Möglichkeiten:

Fehlerhafte relative Pfade und relative Links

Im Projektfenster Dateien zeigt ein grünes Bug-icon an, auf welchen Seiten sich fehlerhafte, nicht funktionierende relative Pfade (z.B. falsch verlinkte Bilder) und Links befinden. Kleine Bugs hinter Ordnern zeigen, dass sich in dem Ordner entsprechend fehlerhafte html-Dateien befinden.

In obigem Beispiel beinhaltet die Datei 6_1_golivetipps.html mindestens einen fehlerhaften Pfad in einem relativen Link oder einem Bildeinbau. Zusätzlich sind in den Ordnern 1_block und 4_block anscheinend entsprechend fehlerhafte Dateien vorhanden.

Zum Debuggen rufen Sie die entsprechenden html-Dateien auf, aktivieren in der Werkzeugleiste das Bug-Icon und sehen dadurch durch eine rote Umrandung fehlerhafte Pfade / LInks angezeigt. Korrigieren Sie die Links im Inspektor, danach verschwindet auch das Bugsymbol

Hinweis: 'Es gibt einige Bugs im Debugger: Wenn Sie mit Hilfe eines Links keinen URL aufrufen, sondern statt dessen ein JavaScript-Ereignis triggern (siehe dazu Modul 6.3), interpretiert dies GoLive fälschlicherweise (oder überkonsequenterweise??) auch als Fehler und zeigt das Bug-Symbol. Auch wenn Sie mit komplexen Komponenten arbeiten (die z.B. zusammen mit Snippets in Vorlagen eingebettet sind) kann es vorkommen, dass im Projektfenster Bug-Symbole angezeigt werden, ohne dass tatsächlich fehlerhafte Links auftreten. Auch in Seiten, in denen Snippets mit Links eingefügt wurden, kann dies auftreten. Sehr seltsam :-((     Im Großen und Ganzen funktioniert aber diese Debugger-Funktion zufriedenstellend.

Tipp: Wenn Sie konsequent innerhalb des Projektfensters arbeiten und auf den Import externer html-Dateien verzichten, sollten kaum Pfad- und Linkfehler auftreten. Wenn Sie aber externe html-Dateien importieren, wird Ihnen die Bug-Option von GoLive in der Regel schnell zeigen, wo Pfade zu überarbeiten sind.

Fehlerhafte externe Links (absolute Links)

Wenn Ihnen Ihre Telefonrechnung egal ist, Sie über eine Flat Rate verfügen oder an ein Festnetz angeschlossen sind, können Sie auch Ihre externen Links überprüfen. Nur zu häufig verschwinden Websites wieder oder ziehen um und Ihre Links laufen möglicherweise ins Leere bzw. in eine hässliche Fehlermeldung. Gehen Sie dazu ins Projektfenster extern und wählen im Menu Website "Externe Links überprüfen". Dann trinken Sie Kaffee, denn dies dauert. Fehlerhafte Links fixen Sie am besten über die Modul 6.1.9 beschriebene Globalfunktion zur Änderung externer Links.

Tipp: Immer wieder sind Server wegen Überlastung bzw. Überarbeitung des Inhalts vorübergehend nicht verfügbar. Werfen Sie Ihre externen Links also ggf. nicht zu schnell über Bord. Es könnte sein, dass der URL noch stimmt, aber vorübergehend "außer Gefecht" ist. Notieren Sie sich evtl. zu eliminierende Kandidaten, aber machen Sie noch einen späteren zweiten Testlauf, bevor Sie externe Links löschen.

Fehler im Quellcode

Auch den Quellcode können Sie auf Fehler untersuchen. Verlassen Sie den Layout-Modus einer zu testenden html-Seite und wechseln in den Quellcode-Modus. Klappen Sie die Kopfzeile durch Klick auf das linke Dreieck auf. Aktivieren Sie den roten Warnknopf und das gelbe Warnschild. Wählen Sie aus dem Pulldownmenu den "Verträglichkeitsgrad" für die verschiedenen Browser (am besten sollte Nescape und Internet Explorer gleichermaßen unterstützt werden). Klicken Sie dann auf das Blitzzeichen. Es erscheinen nun echte html-Fehler (hinter einem roten Punkt) sowie eventuelle Inkompatibilitäten der einzelnen Browser (hinter einem gelben Warnschild). In unserem Beispielfall hat der test keinen ernsthaften Fehler ergeben, allerdings gibt es einige Warnhinweise. Unter anderem werden wir darauf hingewiesen, dass etliche Browser das Attribute size (für den Tag font) nicht unterstützen. Klick auf die jeweilige Fehler- bzw. Warnmeldung aktiviert die entsprechende Quellcode-Stelle.

Weitere Bug-Optionen: GoLive besitzt noch einige weitere Debugger-Hinweise ( z.B. für den JavaScript-Editor), deren Behandlung hier aber zu weit ginge.

Damit ist unser kleines GoLive-Tutorial zu den grundlegenden html-Gestaltungsmöglichkeiten und zum Site-Management komplett. Weitere Informationen finden Sie u.a. in der Hilfefunktion des Programms sowie in den eingangs aufgelisteten Online-Tutorials von Adobe. Im nächsten Kursmodul machen wir uns mit den fortgeschrittenen Optionen von GoLive vertraut und wollen daraus html-Erweiterungsmöglichkeiten (CSS, JavaScript und dhtml) verstehen lernen.

Aktualisieren, Site-Verwaltung

Debugging

StyleSheets