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.
Widgets, die Sie einer Seite hinzufügen, werden im Knoten Text der Gliederung des Fensters Seite aufgelistet. Die durchsuchbare Gliederung zeigt die Hierarchie der Widgets für die ausgewählte Seite, einschließlich der Knoten "Kopfzeile" und "Fußzeile", sofern Sie sie aktiviert haben. Um einer App Seiten hinzuzufügen, klicken Sie auf die Schaltfläche Seite hinzufügen 
und wählen die Seitenvorlage aus, die Ihren Inhalten und dem gewünschten Ablauf Ihrer App entspricht. Beispiele sind folgende Fragen:
- 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.
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 und sie 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.
- Beschriftung: Ändern Sie den Namen der Seite.
- 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.
- 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. Mit der Schaltfläche Layout sperren können Sie mit einer Vorlage, die Sie modifizieren möchten, beginnen. 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 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 Ihre Anforderungen erfüllt. Sie können unter denselben Vorlagen wie beim Hinzufügen weiterer Seiten zu Ihrer App wählen. 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.
- 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 organisiert sind. Ein Block ähnelt einer Zeile.
- 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.
- 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 Blocklayouts zu wählen.
- Leere Vollbild-App ist eine leere Vorlage zum Erstellen eines eigenen Designs in einer Vollbild-App.