Übung – Webseiten bearbeiten

Abgeschlossen

Der Zweck dieser praktischen Übung besteht darin, den Quellcode der Webseite durch die Verwendung des Power Apps-Portalstudios zu bearbeiten.

Am Ende dieser Übungen können Sie die folgenden Aufgaben ausführen:

  • Das Portalstudio zur Bearbeitung Ihres Portals öffnen
  • Den Quellcode eines Webseitenabschnitts anzeigen
  • Ihren eigenen HTML-Code direkt einer Portalseite oder einem Portalabschnitt hinzufügen

Für diese Übung müssen die folgenden Parameter in Ihrer Umgebung festgelegt sein:

  1. Ein Power Apps-Portal, das bereitgestellt ist. Wenn Sie kein Power Apps-Portal besitzen, befolgen Sie die Anweisungen in Portal erstellen, um ein Portal zu erstellen.
  2. Greifen Sie auf das Power Apps-Entwicklerportal zu.

Szenario

Um ein einheitliches Erscheinungsbild der Website sicherzustellen und die zugänglichen Inhalte zu definieren, die gefunden und indiziert werden können, ist es wichtig, HTML-Inhalte einer Seite bearbeiten zu können. In dieser Übung fügen Sie dem Abschnitt zum Kopieren von Webseiten HTML-Code hinzu, indem Sie den Code-Editor im Power Apps-Portalstudio verwenden. Anschließend führen Sie diese Prozesse aus:

  1. Ihr Portal im Power Apps-Portalstudio öffnen
  2. Öffnen Sie die Webseite Dienste.
  3. Fügen Sie HTML-Code hinzu, der verschiedene Elemente wie Überschriften, Absätze usw. enthält.
  4. Speichern Sie die Seite und durchsuchen Sie die Website, um die Ergebnisse anzuzeigen.

Portalstudio starten

Um Studio in Power Apps-Portalen zu öffnen, gehen Sie wie folgt vor:

  1. Navigieren Sie zum Power Apps-Entwicklerportal.
  2. Stellen Sie sicher, dass die korrekte Umgebung in der Umgebungsauswahl oben rechts ausgewählt ist.
  3. Suchen Sie in der Liste Apps Ihren Portal-Typ (Typ = Portal).
  4. Wählen Sie die Auslassungspunkte (...) aus, und wählen Sie dann Bearbeiten, wodurch das Portalstudio gestartet wird.

Die Webseite suchen

Führen Sie diese Schritte aus, um die Webseite zu suchen:

  1. Wählen Sie über den Toolbelt das Symbol Seiten aus.
  2. Suchen Sie die Webseite Dienste, und wählen Sie dann Bearbeiten aus.

Quellcode bearbeiten

Um einen Quellcode zu bearbeiten, führen Sie die folgenden Schritte aus:

  1. Wählen Sie den Abschnitt „Seitenkopie“ im Canvas aus.

  2. Wählen Sie das Symbol Quellcode-Editor (</>) aus.

  3. Ersetzen Sie den vorhandenen Absatz durch den folgenden HTML-Code:

    <h2>This is a large header title</h2>
    <p>This is a regular line of text</p>
    <p style="color: red;">This is red line of text</p>
    <p style="color: blue;">This is a blue line of text</p>
    <p style="font-size: xxx-large;">This is big text!</p>
    
  4. Wählen Sie Speichern aus.

Sie sollten den formatierten Text im Canvas sehen.

Die Webseite anzeigen

Um die Webseite anzuzeigen, wählen Sie auf der Befehlsleiste Website durchsuchen aus. Jetzt sollten Sie Ihre Seite mit dem formatierten Text sehen.

Screenshot, der die Bearbeitung des Quellcodes aus dem Element zum Durchsuchen der Website zeigt