This page must be viewed with Microsoft Internet Explorer 4.0 or above, with Active Scripting enabled.
     

Unterstützen Sie die Browser Ihrer Besucher
Machen Sie das Beste aus Everywhere HTML™
Wenn Sie nicht gerade ein Intranet aufbauen, bei dem Sie genau wissen, welchen Webbrowser Ihre Besucher benutzen, werden Sie dafür sorgen müssen, dass Ihre Site in einer Vielzahl verschiedener Versionen von Microsoft Internet Explorer, Netscape Navigator und vielleicht sogar im WebTV funktioniert. Mit NetObjects Fusion bedeutet dies, dass die richtigen Site-Einstellungen vorzunehmen sind, die wenigen Features anzupassen sind, die in älteren Browsern nicht funktionieren, und in einigen Fällen Ihr Design angepasst werden muss. Hier erhalten Sie einen Überblick darüber, welche Browser unterstützt werden müssen, über deren Einschränkungen und über Wege, wie man diese Einschränkungen überwinden kann.  
 
Einstellen auf gängige Browser
Die meisten Besucher werden Ihre Website mit einer Version des Internet Explorers oder des Netscape Navigators ansehen. Leider haben viele Privatnutzer ebenso wie einige der Entwicklung hinterher hinkenden Unternehmen noch kein Upgrade für ihre älteren 3.x-Browser-Versionen durchgeführt, so dass sich Ihre Site auch diesen Browsern anpassen sollte. Damit Ihre Site in allen gängigen Browsern gut aussieht, sollten Sie folgende Schritte ausführen:
  1. Wählen Sie im Werkzeuge-Menü Site-Einstellungen aus.
  2. Klicken Sie im Dialogfeld "Site-Einstellungen" neben Browser-Kompatibilität auf Ändern.
  3. Es öffnet sich nun ein Dialogfeld. Wählen Sie darin die Option Netscape Navigator und Microsoft Internet Explorer 2.0 und 3.0 aus. Wählen Sie außerdem in der Liste "HTML-Generierung" Dynamisches Seiten-Layout - Alle Browser aus (wenn dies nicht bereits geschehen ist). Im unteren Bereich des Dialogfelds werden zwei Optionen unter der Überschrift "Textformatierung" aufgeführt. Wählen Sie dort die Option HTML aus.
 		Damit Ihre Site in einer 3.x-Browser-Version, wie viele Leute sie noch benutzen, gut funktioniert, müssen Sie die Site-Einstellungen bearbeiten.

Das Einstellen auf Kompatibilität mit allen gängigen Browsern
(NetObjects Fusion Version 5.0.1)

Mit diesen Einstellungen werden Browser der Version 3.0 und höher am besten unterstützt.
Anpassen an eine 3.x-Browser-Version
Nachdem Sie die oben beschriebenen Site-Einstellungen vorgenommen haben, sollte Ihre Site in allen gängigen Browsern gut funktionieren, mit einigen Ausnahmen:
  • Netscape- und Internet Explorer-Browser können in den Versionen 3.x keine dynamischen HTML-Aktionen (DHTML) darstellen. Wenn beispielsweise wie im Artikel Hinzufügen von Bewegungen und visuellen Effekten beschrieben, Objekte über den Bildschirm fliegen, können diese nur unbewegt oder gar nicht angezeigt werden.
  • In Browsern der Versionen 3.x können auch keine Objekte übereinander gelegt werden. Wenn Sie also einen Textslogan kunstvoll über die Ecke eines Bildes drapieren, so wird eine 3.x-Browser-Version den Text so verschieben, dass er nicht überlappt.
  • Textformatierungen, die mit dem Format-Button auf der Text-Eigenschaften-Palette zugewiesen wurden, sind für keinen Browser gültig (von Cascading Style Sheets wird später noch die Rede sein).
Soweit dies möglich ist, sollten Sie Aktionen oder Überlagerungseffekte so einsetzen, dass sie auch in 3.x-Browser-Versionen noch gut aussehen und wesentliche Inhalte nicht verloren gehen. Lassen Sie zum Beispiel ein Logo nicht über den Bildschirm fliegen, wenn es in 3.x-Browser-Versionen dann überhaupt nicht erscheint.

Sie können allerdings auch Aktionen oder Überlagerungseffekte ganz nach Ihren Wünschen einsetzen, wenn Sie alternativ dazu eine Seite ohne den jeweiligen Effekt erstellen. Mit Hilfe der Screen Door-Komponente, die in NetObjects Fusion enthalten ist, oder der BrowserRedirect-Komponente von Apollon, können Sie dann die Besucher automatisch ihrem Browser entsprechend zur der einen oder der anderen Seite leiten.

Auf einer Unternehmens-internen Site, bei der sie davon ausgehen können, dass nur wenige Besucher ältere Browser haben, können Sie Aktionen oder Überlagerungseffekte verwenden, ohne sich allzu viele Gedanken darum zu machen, wie diese in 3.x-Browser-Versionen aussehen. Weisen Sie jedoch auf Ihrer Homepage darauf hin, dass diese Site für eine 4.x-Browser-Version und darüber optimiert ist.

 
Nutzen Sie die Vorteile von CSS
NetObjects Fusion unterstützt die Verwendung von Cascading Style Sheets (CSS), einem aufregenden neuen Web-Standard. Dieser erlaubt es Ihnen, Websites mit einer Formatierung zu erstellen, die qualitativ an Formatierungen in Textverarbeitungsprogrammen heranreicht. Einzüge, benutzerdefinierte Zeilenabstände und vieles mehr ist möglich. Mit CSS können Sie auch global gültige Absatz-Formate verwenden und Objekte mit größerer Präzision platzieren.

Derzeit werden mit CSS gestaltete Seiten nur im Internet Explorer 4.0 oder höher gut dargestellt. Wie können Sie also CSS verwenden und sicherstellen, dass Ihre Site in allen Browsern gut aussieht? Veröffentlichen Sie einfach zwei Versionen der Site - eine mit und eine ohne Verwendung von CSS. Leiten Sie Ihre Besucher dann zur passenden Version für ihren jeweiligen Browser. Dies können Sie recht elegant lösen, indem Sie mehrere Layouts und die Screen Door- oder BrowserRedirect- Komponente verwenden. Hier ein Beispiel dafür:

Verwenden Sie CSS, um perfekt formatierte Sites für Besucher mit Internet Explorer 4.0 oder höher zu gestalten. Details hierzu finden Sie in der Dokumentation über die Gestaltung mit Text.  
  1. Erstellen Sie eine Site, die nur aus einer einzelnen Seite besteht und nur die Screen Door-Komponente enthält. Konfigurieren Sie die Komponente so, dass der Benutzer des Internet Explorers 4.0 und höher zu einem Unterverzeichnis in Ihrem Publish-Verzeichnis weitergeleitet wird, das beispielsweise, CSS heißt (wie in http://www.IhreSite.com/CSS). Leiten Sie alle anderen Browser zu einem Unterverzeichnis weiter, das zum Beispiel, keinCSS heißt. Konfigurieren Sie die Komponente so, dass sie die Besucher sofort ohne Verzögerung zu ihrer jeweiligen URL weiterleitet. (Details über die Verwendung der Screen Door-Komponente finden Sie in der Dokumentation über die Weiterleitung der Besucher zu einer Browser-spezifischen Seite).
  2. Konfigurieren Sie die Site-Einstellungen der umfassenden Website wie oben beschrieben, sodass sie alle Browser unterstützen. Veröffentlichen Sie diese Site in Ihrem regulären Publish-Verzeichnis.
  3. Erstellen Sie ein anderes NetObjects Fusion-Dokument, das Ihre eigentliche Site enthält. Gestalten Sie es mit Hilfe der erweiterten Möglichkeiten zur Textformatierung und der automatischen Absatz-Formate, die Ihnen mit CSS zur Verfügung stehen. Erstellen Sie alternative Layouts ohne die Verwendung von CSS (wie dies in der Dokumentation über das Arbeiten mit Layouts beschrieben wird) für diejenigen Seiten, bei denen das Erscheinungsbild von dieser Formatierung abhängt.
  4. Veröffentlichen Sie Ihre Site zweimal. Wählen Sie zuerst all jene Layouts aus, die CSS-Formatierungen verwenden, und konfigurieren Sie die Site-Einstellungen so, dass CSS unterstützt wird (siehe hierzu das entsprechende Bild weiter unten). Veröffentlichen Sie die Site im CSS-Unterverzeichnis, indem Sie den Verzeichnisweg in den Einstellungen für den entfernten Server auf IhrPublish-Verzeichnis/CSS einstellen. Wählen Sie anschließend alle Layouts ohne CSS aus, konfigurieren Sie die Site-Einstellungen für alle Browser (siehe oben), und veröffentlichen Sie die Site im keinCSS-Unterverzeichnis (IhrPublish-Verzeichnis/keinCSS).
Wenn Sie nicht gerade ein Intranet erstellen, in dem Sie wissen, dass jeder Internet Explorer 4.0 oder höher verwendet, sollten Sie zwei Versionen Ihrer Site veröffentlichen, um die Vorteile von CSS nutzen zu können.  

    Kongurieren einer Site zur Unterstützung von CSS
    (NetObjects Fusion Version 5.0.1)

Wenn Sie CSS verwenden wollen, müssen Sie im Ziel-Browser-Dialogfeld diese Einstellungen vornehmen.

Wenn jemand die URL Ihrer Site ansteuert (www.IhreSite.com), werden Besucher mit dem Internet Explorer 4.0 und höher automatisch zu www.IhreSite.com/CSS geleitet und sehen Ihre erweiterte Textformatierung. Alle anderen werden zu www.IhreSite.com/nonCSS geleitet und werden gar nicht erfahren, was sie verpassen.

 Design für WebTV
Wenn Ihre Site sich vor allem an Familien und private Nutzer richtet, dann möchten Sie sie vielleicht an die wachsende Zahl von WebTV-Nutzern anpassen. WebTV kann die meisten modernen Technologien wie Aktionen, Multimedia und sogar CSS darstellen. Es unterliegt jedoch anderen Einschränkungen wie etwa einer geringeren Bildschirmgröße und Besonderheiten bei Schrift und Farbe. Hier ist deshalb eine kurze Liste der Dinge, die man im Hinblick auf WebTV beachten sollte.
  • Gestalten Sie Ihre Site für eine Bildschirmbreite von 544 Pixel (WebTV formatiert jede breitere Seite um).
  • Ihre Einstellungen für Schriftarten werden alle unwirksam; stattdessen wird jeglicher Text in Helvetica erscheinen. Darüber hinaus sitzen WebTV-Nutzer mehr als nur einen halben Meter von ihrem Fernseher entfernt, so dass Ihr Text beträchtlich größer erscheinen muss, um lesbar zu sein. Meiden Sie kleine Schriftgrößen insbesondere auf Buttons und in Grafiken.
  • Da der Text größer und der Bildschirm schmaler ist, sehen lange Absätze im WebTV noch länger aus. Halten Sie Ihren Text deshalb kurz und präzise und teilen Sie komplexe Seiten auf mehrere kürzere Seiten auf.
  • Seien Sie sich bewusst, dass manche Farben, wie etwa reines Rot, im WebTV nicht gut dargestellt werden. Vermeiden Sie auch helle Farben für Texte, da sie verlaufen können und dann schlecht zu lesen sind. Verwenden Sie keine intensiven, hellen Farben für den Hintergrund. Um die richtigen Farben zu finden, benutzen Sie diese Auswahlpalette für WebTV-taugliche Farben.
  • Verwenden Sie nur eine sehr einfache Navigation. Viele WebTV-Nutzer verwenden keine Tastatur und keine Maus, sondern sie bewegen sich zwischen den Links auf Ihrer Seite mit Hilfe ihrer Fernbedienung! Je weniger Links Sie setzen, und je einfacher diese platziert sind, desto leichter können sie sich innerhalb der Site bewegen.
Um die aktuellste Checkliste der Dinge zu erhalten, die Sie tun oder lassen sollten, besuchen Sie die Design-Seite für WebTV-Entwickler (in Englisch). 		FMehr Tipps zum Design für WebTV finden Sie in diesem eFuse-Artikel zu WebTV (in Englisch) und bei einem Besuch der Site für WebTV-Entwickler (in Englisch).
 
Unterstützung richtig alter Browser
Netscape und Internet Explorer der Version 2.x und älter unterliegen noch größeren Einschränkungen. Sie unterstützen kein Java, keine Javascript-Frames und gewisse Seiten-Layouts. Kaum jemand benutzt heute noch diese Browser, so dass Sie nicht viele Besucher verärgern, wenn Sie die Site nicht an sie anpassen. Wenn Sie jedoch wollen, dass Ihre Site auf einer 2.x-Browser-Version oder älter am besten dargestellt wird, so tun Sie Folgendes:
  • Gestalten Sie den Inhalt jeder einzelnen Seite in einem einzigen Textfeld, dessen Größe dem Layout entspricht, statt mehrere Textfelder und Layout-Bereiche zu verwenden.
  • Verwenden Sie keine Komponenten oder Javascripts.
  • Vermeiden Sie Frames, da viele ältere Browser sie nicht unterstützen.
  • Konfigurieren Sie Ihre Site-Einstellungen so, dass sie alle Browser unterstützen (siehe oben), doch wählen Sie Standard-Tabellen als HTML-Ausgabemethode aus.
Ermuntern Sie Ihre Besucher zum Upgrade
Das Leben wäre etwas einfacher, wenn alle Besucher ein Upgrade ihres Browsers durchführten. Sie müssten sich dann nicht damit herumschlagen, veraltete Technologie zu unterstützen. Zum Glück sind die aktuellsten Browser stets gratis für jeden als Download erhältlich. Sie können also Ihre Besucher zum Upgrade ermutigen, indem Sie in Ihre Homepage einen freundlichen Hinweis integrieren, dass Ihre Site für 4.x- oder 5.x-Browser-Versionen optimiert wurde. Bieten Sie dann die folgenden Links auf die Sites von Microsoft und Netscape an, wo Browser heruntergeladen werden können: Ermuntern Sie Besucher zu einem Upgrade, indem Sie Links zu Sites anbieten, wo sie die aktuellen Browser-Versionen umsonst herunterladen können.
Schauen Sie sich nun die wichtigen Design-Tipps an, die für alle Browser zutreffen.

Weiter:Design-Tipps


  		 

Leiten Sie Besucher mit Hilfe der BrowserRedirect-Komponente von Apollon automatisch zu Seiten weiter, die auf ihren jeweiligen Browser zugeschnitten sind.

 
  © Copyright 2000. Alle Rechte vorbehalten