Kompatibilität:

WebSite X5 Evo und Pro

Währen Sie Ihre Website gestalten, können Sie jederzeit eine Vorschau Ihrer Arbeit anzeigen, um die Funktionsweise und die Darstellung der Seiten nachzuprüfen, bevor sie online veröffentlicht werden. 

Sie können die Vorschau sehr einfach anzeigen: Klicken Sie einfach auf die Schaltfläche  , die Sie in der oberen Schaltflächenleiste finden.



#Tipp - 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.


So sieht die lokale Vorschau aus

Der interne Browser, der für die lokale Vorschau verwendet wird, bietet folgende Funktionen:

  • Zurück / Weiter / Homepage: Verwenden Sie sie, um die Seiten Ihrer Website zu browsen: Sie können auf die Seite gehen, die Sie früher besuchen haben oder eine Seite erneut öffnen, die Sie schon besuchen haben, oder Sie können direkt die Homepage besuchen.
  • Adressleiste: Hier wird der Pfad der angezeigten Seite angezeigt oder es kann der Pfad zu der Seite eingegeben werden, die angezeigt werden soll.
  • 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.
  • Objektbearbeitungsmodus: Beim Anklicken aktivieren/deaktivieren Sie den Objektbearbeitungsmodus. Wann diese Option aktiv ist, reagieren die Objekte auf der Seite beim Mouseover. Klicken Sie das gewünschte Objekt an, um den Bereich für die Bearbeitung des entsprechenden Objektes zu öffnen. Wenn Sie dagegen bei der Vorschau auf den Header oder auf die Fußzeile klicken, wird der Bereich Inhalt des Templates automatisch geöffnet. 
    #Tipp - Sie können den Objektbearbeitungsmodus auch beim Drücken der Tasten STRG + SHIFT aktivieren.
  • Vorschau an einem Mobilgerät (nur für Pro): Ö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 (nur für Pro): 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.


Wenn Sie eine responsive Website einrichten (So erstellen Sie eine responsive Website), wird im internen Browser von WebSite X5 auch eine Responsive Leiste sowie auch einige Befehle angezeigt, mit denen Sie die Anzeige der Seiten in den unterschiedlichen Auflösungen nachprüfen können:

  • Schaltflächen für Geräte: Sie entsprechen den eingestellten Umbruchpunkten. Beim Klicken ändert sich die Größe des Browserfenster, indem den ausgewählten Umbruchpunkt angezeigt wird und daher können Sie kontrollieren, wie die Website in den verschiedenen Auflösungen angezeigt wird. 
  •    Reihenfolge der Ausrichtung anzeigen: Bei Aktivierung wird über den Seiteninhalten die angenommene Nummer der Reihenfolge eingeblendet, nach der die Objekte geordnet sind: So wird die Seite auf dem Browser so wie auf Schritt 4 angezeigt.


#Tipp - Für mehr Informationen zum Thema, sehen Sie: So überprüfen Sie mit der lokalen Vorschau Ihre responsive Website


So definieren Sie einige allgemeine Einstellungen für die Vorschaufunktion

Auf dem Fenster Einstellungen können Sie einige allgemeine Einstellungen für die Verwaltung der Vorschaufunktion vornehmen:

  • Kilicken Sie auf der Startseite von WebSite X5 auf die Schaltfläche, um das Fenster Einstellungen zu öffnen.
  • Eventuell können Sie hier die Option Seiten während der Projektänderung aktualisieren aktivieren: Mit dieser Option aktualisiert das Programm nach jeder Änderung alle Elemente, die bearbeitet wurden. Auf diese Weise ist die lokale Vorschau der Website immer aktuell und kann ohne Wartezeit angezeigt werden.
  • Wenn Sie die Option Seiten während der Projektänderung aktualisieren aktiviert haben, können Sie auch die Option Vorschau automatisch aktualisieren aktivieren: Mit dieser Option wird die Vorschau im lokalen Browser parallel zur Arbeit an dem Projekt automatisch aktualisiert.