Zusatzinformationen > Die Web-Browser und der interne Browser von WebSite X5

Ein Browser ist eine Software-Anwendung, mit der der Benutzer auf Websites befindliche Informationen (Texte, Bilder usw.) anzeigen und mit diesen interagieren kann. Es gibt diverse Browser, die bekanntesten sind Microsoft Explorer®, Firefox®, Safari® und Google Chrome®.

Für die Anzeige von Webinhalten nutzen Browser Rendering-Engines, also Software, die nach dem Download der Inhalte (z. B. einer HTML-Seite) die jeweiligen Informationen (z. B. die verknüpften CSS) formatiert und auf dem Bildschirm anzeigt. Unterschiedliche Browser nutzen verschiedene Rendering-Engines, die sich in der Qualität des Renderings im Verhältnis zum Standard sowie in der Geschwindigkeit des Renderings voneinander unterscheiden. Hieraus folgt, dass ein und dieselbe Website je nach verwendetem Browser unterschiedlich dargestellt werden kann. Da eine Website keine gedruckte Seite ist, ist eine gewisse Toleranz akzeptabel, solange der Nutzerkomfort nicht beeinträchtigt wird.

Die beste Methode für die Erstellung von Websites, die mit den wichtigsten Browsern in ihren verschiedenen Versionen kompatibel sind, ist die Realisierung eines Codes, der möglichst sauber geschrieben und konform mit den Standards ist.

WebSite X5 generiert automatisch den Code HTML5 mit CSS 2.1 oder 3 und garantiert volle Kompatibilität mit allen gängigen Browsern sowie Mobilgeräten wie Mobiltelefonen, Smartphones und PDAs.

Bei der Umsetzung eines Projekts muss es möglich sein, das Endergebnis und die Darstellung der fertigen, online gestellten Website zu testen. Dafür stellt Ihnen WebSite X5 über die in allen Phasen verfügbare Schaltfläche Vorschau (siehe Arbeitsumgebung) eine lokale Ansicht der Website zur Verfügung, die kontinuierlich aktualisiert wird (siehe Vorschau automatisch aktualisieren im Dialogfenster Einstellungen.

Für die Anzeige der Vorschau verwendet WebSite X5 einen internen Browser, der auf Chromium basiert (http://www.chromium.org/), den Open-Source Browser der zur Herstellung von Google Chrome™ benutzt wurde. Der interne Browser bietet folgende Funktionen:

	Eine Seite zurück Rückkehr zur vorher angezeigten Seite.
	Eine Seite vor Erneutes Öffnen der nächsten Seite nach Rückkehr
	Homepage Rückkehr zur Homepage der Website.
	Adressleiste Hier wird der Pfad der angezeigten Seite angezeigt oder es kann der Pfad zu der Seite eingegeben werden, die angezeigt werden soll. Klicken Sie zur Bestätigung der eingegebenen Adresse auf SENDEN.
	Diese Seite bearbeiten Mit diesem Befehl kehren Sie zum Programm zurück und es öffnet sich die angesehene Seite der Vorschau im Erstellen der Seiten Fenster, wo Sie die gewünschten Änderungen vornehmen können. Werden in der Vorschau Seiten aus den Blogs, dem Geschützen Bereich oder E-Commerce angezeigt, kehren Sie mit Klick auf diese Schaltfläche zur entsprechenden Seite in Schritt 1 - Website-Einstellungen \| Erweitert zurück.
	Schaltflächen für Geräte Diese Schaltflächen sind nur verfügbar, wenn Sie die Erstellung einer responsiven Website aktiviert haben. Welche Schaltflächen in diesem Fall angezeigt werden, hängt von der Anzahl der Umbruchpunkte ab, die Sie für das Projekt festgelegt haben. Wenn Sie zum Beispiel vier oder mehr Umbruchpunkte eingestellt haben, werden die Schaltflächen Desktop, Smartphone und Tablet sowie ein Submenü mit den Zwischen-Umbruchpunkten angezeigt. Mit Klick auf die Schaltfläche für ein Gerät wird das Fenster mit den Seiteninhalten automatisch auf die Auflösung der entsprechenden Ansicht reduziert. Standardmäßig ist die Schaltfläche Desktop aktiviert und die Inhalte passen sich der Breite des Vorschaufensters an, sodass der gesamte verfügbare Platz ausgenutzt wird.
	Reihenfolge der Ausrichtung anzeigen Diese Option ist nur verfügbar, wenn die Erstellung einer responsiven Website aktiviert wurde. Bei Aktivierung wird über den Seiteninhalten die angenommene Nummer der Reihenfolge eingeblendet, nach der die Objekte geordnet sind.
	Vorschau an einem Mobilgerät Öffnet ein Fenster, in dem ein QR-Code und eine URL angezeigt werden. Nachdem Sie das Mobilgerät mit dem gleichen Netzwerk verbunden haben, mit dem auch der PC verbunden ist, können Sie den QR-Code scannen oder die angezeigte URL eingeben, um eine Vorschau der Website anzuzeigen und deren Funktion zu prüfen.
	Zeigen Sie die Website mit einem anderen Browser an Ermöglicht die Anzeige der Website-Vorschau in einem der Browser, die auf dem Computer installiert sind. Wenn Sie auf den Pfeil an der Seite der Schaltfläche klicken, öffnet sich ein Submenü, aus dem Sie einen Browser auswählen können. Der ausgewählte Browser wird als Favorit gespeichert und anschließend automatisch verwendet, bis Sie einen anderen auswählen.

Die Erstellung einer responsiven Website aktivieren Sie im Fenster Auflösungen und responsives Design mit der Option Responsive Website. Bei responsiven Websites enthält der interne Browser von WebSite X5 auch eine Leiste mit den Auflösungen, auf der die für das Projekt eingestellten Umbruchpunkte angezeigt werden.

Bitte berücksichtigen Sie, dass nach dem Öffnen des Browsers zur Anzeige der lokalen Vorschau des aktiven Projekts sich die dargestellte Seite automatisch der gerade bearbeiteten Seite anpasst. Dies bedeutet, wenn Sie zur Bearbeitung einer anderen Seite übergehen, wird diese auch in der Vorschau des Browsers angezeigt.

Der Einsatz eines internen Browsers zur Anzeige einer Vorschau der im Aufbau befindlichen Webseite bietet folgende Vorteile:

▪	Die Vorschau ersetzt nicht die Ansicht im eventuell geöffneten Standard-Browser;

▪	Die Vorschau der im Aufbau befindlichen Website wird im internen Browser aktualisiert und öffnet keine zusätzlichen Tabs oder Fenster im Standard-Browser.