Eine Seite ist ein Dokument, das das Fundament für das Layout der App bildet. Sie enthält drei Hauptelemente, die Inhalte aufnehmen können: Kopfzeile, Fußzeile und Text.
Eine Web Experience enthält mindestens eine Seite. Sie kann auch mehrere Seiten enthalten. Beim Entwerfen Ihres Layouts entscheiden Sie, wie Sie Ihre Inhalte am besten Ihrer Zielgruppe präsentieren. Für Inhalte mit besonderem Augenmerk auf die Karte sollten Sie eine Vollbild-App-Seite verwenden. Für gemischte Inhalte, wie zum Beispiel Karten, mehrere Bilder und Textblöcke, bei denen ein vertikaler Bildlauf erforderlich ist, sollten Sie eine Bildlaufseite verwenden. Wenn in Ihrer App ein Menü enthalten sein soll, damit Benutzer auf mehrere Seiten zugreifen können, dann können Sie Ordner hinzufügen, um App-Seiten in einem Untermenü zu gruppieren, und Links zu weiteren Websites hinzufügen. Sie können auch Fenster hinzufügen und konfigurieren, die beim Laden der App oder Seite geöffnet werden.
Widgets sowie Vorlagen für Blöcke und Bildschirmgruppen, die Sie einer Seite hinzufügen, werden im Knoten Text der Gliederung des Fensters Seite aufgelistet. Die durchsuchbare Gliederung zeigt die Hierarchie von Blöcken, Bildschirmgruppen und Widgets für die ausgewählte Seite, einschließlich der Knoten "Kopfzeile" und "Fußzeile", sofern Sie diese aktiviert haben. Um einer App Seiten hinzuzufügen, klicken Sie auf die Schaltfläche Seite hinzufügen 
, und wählen Sie die Seitenvorlage aus, die Ihren Inhalten und dem gewünschten Ablauf Ihrer App entspricht. Im Folgenden finden Sie einige Beispiele:
- Sie möchten eine kartenbasierte App auf einer Vollbildseite mit einer Kopfzeile erstellen.
- Sie möchten eine Multipage-App (App mit mehreren Seiten) mit einer Vollbild-App auf der Startseite und einer Bildlaufseite mit unterstützenden Inhalten auf einer weiteren Seite erstellen, auf die Benutzer über ein Menü oder eine Schaltfläche zugreifen können.
Tipp:
Verwenden Sie das Menü für die Schnellnavigation unten im Builder-Fenster, um eine Seite oder ein Fenster in der Experience auszuwählen und auf die Einstellungen zuzugreifen. Dieses Menü bietet auch eine Vorschau der Seitenhierarchie und Fenstertypen.
Multipage-Apps
Das Fenster Seite enthält die folgenden Optionen zum Verwalten der Seiten in Ihrer App:
- Seite hinzufügen: Wählen Sie einen der folgenden zwei Seitentypen aus: Vollbild-App oder Bildlaufseite. Jeder Seitentyp enthält mehrere Vorlagen. Einige Vorlagen sind kartenbasiert, während andere Vorlagen für gemischte Inhalte, wie zum Beispiel Texte, Bilder und Karten, vorgesehen sind. Sie können auch eine leere Vorlage auswählen, um eigene Layouts zu entwerfen.
- Link hinzufügen: Fügen Sie einen Link zu einer anderen Website hinzu, damit Benutzer im Menü der App auf eine zugehörige Webseite zugreifen können.
- Ordner hinzufügen: Fügen Sie einen Ordner für Seiten und Links hinzu, die in einem Menü-Widget als Dropdown-Menü angezeigt werden sollen.
- Weitere Optionen: Wählen Sie für Apps mit mehreren Seiten eine Seite als Startseite aus. Zusätzlich können Sie Seiten in den Menü-Widgets, die Sie der App hinzufügen, ausblenden. (Zwar enthalten dann alle Menüs in der App dieselben Seiten, Sie können aber für jedes Menü einen anderen Style festlegen.) Sie können Seiten umbenennen, duplizieren und löschen sowie hierarchisch organisieren, indem Sie eine Seite auf eine andere Seite ziehen. Während Sie die Seite ziehen, wird mit einer Linie angezeigt, an welcher Stelle sie zwischen anderen Seiten positioniert wird. Um sie unter einer anderen Seite zu schachteln, ziehen Sie die Seite auf die Zielseite, bis Sie einen Rahmen um sie herum sehen.
Einstellungen
Für Seiten sind die folgenden Konfigurationseinstellungen verfügbar:
- Symbol: Ändern Sie das Symbol, um zwischen den Seiten im Fenster Seiten besser unterscheiden zu können.
Hinweis:
Sie können folgende Bildformate hochladen: PNG, GIF, JPG, JPEG und BMP.
- Beschriftung: Ändern Sie den Namen der Seite.
- Mit Fenster öffnen: Wählen Sie optional ein Fenster aus, das beim Öffnen der Seite vor der eigentlichen Seite angezeigt wird. (Es können nur feste Fenster zum Öffnen mit einer Seite ausgewählt werden.)
- Breite des Inhalts (nur Bildlaufseite)
- Benutzerdefiniert: Legen Sie eine maximale Breite für die Seite fest.
- Auto: Hiermit wird die gesamte Breite der Seite verwendet.
- Animation: Fügen Sie im Seitentext eine Animation für Widgets hinzu. (Die Animation wird in der obersten Ebene der Gliederungsansicht für das Widget angezeigt.)
- Text
- Ausfüllen: Wählen Sie eine Farbe für die Seite aus.
- Kopfzeile: Anzeige der Kopfzeile auf der ausgewählten Seite. Auf allen Seiten mit aktivierter Kopfzeile werden die folgenden Einstellungen für die Kopfzeile verwendet:
- Höhe: Ändern Sie die Höhe der Kopfzeile in Pixel.
- Ausfüllen: Ändern Sie die Farbe der Kopfzeile.
- Bleibt beim Bildläufen oben auf der Seite (nur Bildlaufseite): Bei einem Bildlauf nach unten bleibt die Kopfzeile am Anfang der Seite.
- Fußzeile: Anzeige der Fußzeile auf der ausgewählten Seite. Auf allen Seiten mit aktivierter Fußzeile werden die folgenden Einstellungen für die Fußzeile verwendet:
- Höhe: Ändern Sie die Höhe der Fußzeile in Pixel.
- Ausfüllen: Ändern Sie die Farbe der Fußzeile.
- Layout (nur Bildlaufseite)
- Abstand: Definieren Sie den Abstand (Bundstege) in Pixel zwischen den Zeilen auf der Seite.
- Innenabstand: Definieren Sie den Innenabstand in Pixel an den vier Seiten der Seite.
Vorlagen
Die Vorlagen besitzen voreingestellte Layouts und Designs, die Sie ändern können, indem Sie das Layout entsperren. Über die Schaltfläche Layout sperren können Sie mit einer Vorlage beginnen und diese individuell anpassen. Nach dem Entsperren des Layouts werden weitere Optionen in den Konfigurationsfenstern angezeigt und das Fenster Widget einfügen aktiviert. Wenn Sie mit einer Vorlage aus der Standard-Galerie beginnen, können Sie auf die Schaltfläche Vorschau klicken, um ein Beispiel zu sehen, das Ihnen hilft, eine Vorlage zu wählen, die Ihren Anforderungen entspricht. Sie können die meisten dieser Vorlagen auch beim Hinzufügen weiterer Seiten auswählen. (Die mehrseitigen Vorlagen können Sie nur auswählen, wenn Sie die Web Experience erstmals erstellen.) Ihnen stehen Vorlagen der folgenden Kategorien zur Auswahl:
- Kartenbasierte Vorlagen für allgemeine Workflows, die für Standard-Vollbild-Apps vorgesehen sind. Um diese Vorlagen zu konfigurieren, wählen Sie eine Karte aus, fügen dem Widget-Controller die relevanten Widgets hinzu, konfigurieren die Widgets, speichern Ihre Experience und veröffentlichen. Im Folgenden finden Sie einige Beispiele:
- Foldable ist eine Vorlage mit einer einfachen, offenen Oberfläche, deren Schwerpunkt die Karte ist. Sie enthält eine Überschrift mit einem Controller-Widget.
- JewelryBox ist eine Vorlage, mit der Features in einer Liste kombiniert mit einer Karte angezeigt werden können.
- Launchpad ist eine Verlage, bei der der Schwerpunkt auf der Karte und einem Controller-Widget liegt, das unten auf der Seite verankert ist.
- Billboard ist ein einfacher Map Viewer, der eine Karte und ein Controller-Widget enthält.
Hinweis:
Statt die Kopfzeile aus den Einstellungen der Seite zu verwenden, wird die Kopfzeile in einigen der Vorlagen für Vollbild-Apps mit einem Widget Fixiertes Fenster erstellt. Damit können Sie die Kopfzeile für weitere Seiten aktivieren und konfigurieren, wenn Sie eine App mit mehreren Seiten erstellen. Inhalt, Layout und Einstellungen für Kopfzeile und Fußzeile werden durch alle Seiten in der App verwendet, für die Sie die Kopfzeile oder Fußzeile aktivieren.
- Vorlagen für Bildlaufseiten, die in Blöcken oder Bildschirmgruppen organisiert sind. Ein Block ähnelt einer Zeile. Im Folgenden finden Sie einige Beispiele:
- General bietet eine lange Vorlage zum Scrollen, mit der Sie Ihre Inhalte freigeben können.
- Introduction ist eine Vorlage mit einem modularen Layout, in der Sie Ihre Bilder und Schlagzeilen darstellen können.
- Gallery ist eine Vorlage mit markanten Miniaturansicht-Bildern, um Ihre Inhalte hervorzuheben.
- Parallax ist eine Vorlage mit einem Bannerbild oben auf der Seite, die mit einer Bildschirmgruppe von Fenstern mit Bildlauf endet.
- Leere Vorlagen für Vollbild- und Bildlaufseiten, die Sie von Grund auf neu erstellen und gestalten können.
- Leere Bildlaufseite ist eine leere Vorlage zum Erstellen eines eigenen Designs in einer Webseite als Bildlaufseite. Wenn Sie einer Bildlaufseite Widgets hinzufügen, werden sie standardmäßig einem Block hinzugefügt. Klicken Sie auf die Schaltfläche Block einfügen, um unter gängigen Block-Layouts zu wählen, oder klicken Sie auf die Schaltfläche Bildschirmgruppe einfügen, um eine von mehreren Bildschirmvorlagen auszuwählen.
- Leere Vollbild-App ist eine leere Vorlage zum Erstellen eines eigenen Designs in einer Vollbild-App.