# Navigieren durch den HTML-Designer

Der HTML-Designer ist der Ort, an dem Sie HTML-Berichtsvorlagen erstellen. Der Designer ist in die Qlik Sense Anwendungen eingebettet.

Der HTML-Designer ermöglicht es Ihnen, mit HTML-Code zu arbeiten und Anwendungsinhalte in Ihre Vorlage zu integrieren.

Der HTML-Designer

Der HTML-Designer

Der HTMLHTML-Designer ![Ein Bild des HTML-Designers, das alle Elemente zeigt, die erwähnt werden müssen, wie z.B. die Designoberfläche, die Symbolleiste und das Objektfenster](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_gen_report-designer-html.png)

## Öffnen des HTML-Designers

Sie öffnen den HTML-Designer, indem Sie eine neue HTML-Vorlage erstellen oder eine bestehende Vorlage bearbeiten.

Gehen Sie folgendermaßen vor:

1. Verwenden Sie in Ihrer Anwendung das Dropdown-Menü in der Navigationsleiste und wählen Sie Berichterstellung aus.

2. Wechseln Sie zur Registerkarte Vorlagen.

3. Klicken Sie oben rechts auf Neu erstellen &gt; HTML-Vorlage.

4. Geben Sie einen Namen für die Vorlage ein.

Der HTML-Designer wird geöffnet.

## Designer-Symbolleiste

Die Symbolleiste des Designers befindet sich am oberen Rand des HTML-Designers. In der Symbolleiste können Sie:

* Fügen Sie Ihrer Vorlage ganz einfach gängige HTML-Elemente hinzu, z. B. Kopfzeilen, Absätze und Listen.

* Fügen Sie externe Bilder zu Ihrer Vorlage hinzu. Sie können zum Beispiel Ihr Firmenlogo hinzufügen.

* Fügen Sie Empfänger-Tag hinzu. Weitere Informationen finden Sie unter [Hinzufügen von Empfänger-Platzhalter-Tags](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-recipient-tags.htm).

* Machen Sie Aktionen rückgängig oder stellen Sie sie wieder her und passen Sie die Zoomstufe an.

Weitere Informationen finden Sie unter [Hinzufügen von Standard-HTML-Code zu Ihrer Vorlage](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-toolbar-actions.htm).

## Designoberfläche

Die Designoberfläche wird in der Mitte des Designers angezeigt. Hier sehen Sie den Inhalt Ihrer Vorlage. Es handelt sich um eine Arbeitsfläche, auf der Sie Vorlageninhalte in Form von HTML-Code und Verweisen auf Anwendungsobjekte einfügen, die Sie im Objektfenster hinzugefügt haben.

## Objektfenster

Das Objektfenster befindet sich rechts im Designer. Mit dem Objektfenster erstellen und verwalten Sie Objekte aus der Analyseanwendung und fügen sie als Inhalt zur Vorlage hinzu. Ändern Sie die Größe des Fensters nach Bedarf.

Sie können die folgenden Menüs vom oberen Rand des Objektfensters aus aufrufen:

* the Startseite icon: Das Startseitenmenü. Hier fangen Sie an, wenn Sie eine Vorlage erstellen.

* the Tabellen icon: Das Menü Tabellen. Hier fügen Sie der Vorlage tabellarische Daten hinzu.

  [Hinzufügen von tabellarischen Daten zu Ihrer HTML-Vorlage](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-tabular-data.htm)

* the Diagrammobjekt icon: Das Menü Diagramme. Hier fügen Sie der Vorlage Diagrammbilder hinzu.

  [Hinzufügen von Diagrammen als Bilder zu Ihrer HTML-Vorlage](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-chart-images.htm)

* the Variablen icon: Das Menü Variablen und Formeln. Hier fügen Sie der Vorlage Variablen und Formeln hinzu.

  [Hinzufügen von Variablen und Formeln zu HTML-Berichtsvorlagen](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-variables-expressions.htm)

* the Ebenen und Seiten icon: Das Menü Ebenen. Hier fügen Sie der Vorlage Ebenen für Iterationen von gefilterten Inhalten hinzu.

  [Schleifen und Zyklen für HTML-Berichtselemente mit Ebenen](https://help.qlik.com/de-DE/cloud-services/Subsystems/Hub/Content/Sense_Hub/Reporting/Design/HTML/html-report-levels.htm)