Zum Erstellen der HTML-Quelldateien für Ihre Artikel können Sie ein Content Management-System (CMS) wie Adobe Experience Manager oder ein beliebiges Werkzeug verwenden – Dreamweaver, CMS oder HTML-Editor. Wir empfehlen, CSS (Cascading Style Sheets) zu verwenden, um umfließbaren Inhalt für Tablets und Smartphones unterschiedlicher Größen zu erstellen.
Hinweis:
In einigen Fällen können Sie Adobe Muse verwenden, um die HTML-Ausgangsartikel zu erstellen. In den meisten Fällen sind jedoch erweiterte HTML-Kenntnisse erforderlich, um die HTML-Artikel für die Verwendung mit AEM Mobile zu bearbeiten.
Erstellen von HTML-Artikeln (Video)
In diesen Videoaufzeichnungen von Sitzungen bei der Adobe MAX 2015-Konferenz erhalten Sie einen detaillierten Einblick:
Verwenden Sie HTML Article Packager, um Artikeldateien für HTML-Inhalt zu erstellen. Wenn Sie den Ordner mit den HTML-Dateien auf das Article Packager-Symbol ziehen, erstellt das Dienstprogramm die erforderliche Datei „manifest.xml“ und komprimiert die Dateien in einer Artikeldatei, die Sie hochladen können.
Informationen zum Herunterladen des HTML Article Packager finden Sie unter Installation und Einrichtung für AEM Mobile.
-
Laden Sie HTML Article Packager herunter und installieren Sie ihn.
-
Hinweis:
Unter Windows muss sich der Ordner mit dem Artikel unter demselben Laufwerkspfad befinden, unter dem der HTML Article Packager installiert ist.
-
Bearbeiten Sie den Artikel im On-Demand-Portal (https://aemmobile.adobe.com) und laden Sie die Artikeldatei hoch.
Weitere Informationen finden Sie unter Verwalten von Artikeln in AEM Mobile.
Authoring für Adobe Experience Manager (AEM)
Konfigurieren von AEM für die Verwendung mit AEM Mobile
Drittanbieter-CMS-Systeme
- Integration mit CMS: Drupal und WordPress (Video)
- WordPress (entwickelt von Studio Mercury)
- Drupal (von DPCI entwickelt)
HTML-Inhalte, die in Desktopbrowsern gut funktionieren, sind für mobile Geräte möglicherweise nicht genauso gut geeignet. Gehen Sie beim Erstellen von HTML-Artikeln wie folgt vor::
- Optimieren Sie Bilder für mobile Geräte. Bei einem Bild mit 12.000 x 8000 Pixel und 300 dpi dauert die Verarbeitung länger als bei einem Bild mit 800 x 600 Pixel und 72 dpi. Vermeiden Sie unnötig große Bilder, um Speicherplatz zu sparen und die Leistung zu verbessern.
- Optimieren Sie Video- und Audiodateien, um die Größe zu reduzieren und die Leistung zu verbessern.
- Vereinfachen Sie Ihren Code für die Darstellung in mobilen Browsern und testen Sie ihn.
Weitere Informationen finden Sie unter Optimieren von Inhalten in AEM Mobile-Apps.
Sie können Verweise auf Schriftarten erstellen, die aus HTML-Artikeln in die App hochgeladen werden. Indem Sie auf Schriftarten verweisen, die in die App hochgeladen wurden, verbessern Sie die Download-Geschwindigkeit von Artikeln und die Performance.
Hinweis:
In HTML-Artikeln verwendete freigegebene Schriftarten werden nur in mobilen Apps unterstützt, nicht in Desktop Web Viewer. Um Schriftarten in Desktop Web Viewer verfügbar zu machen, können Sie sie in den HTML-Artikel einschließen oder APIs verwenden, damit sie über freigegebene Inhalte verfügbar sind.
-
Laden Sie die Schriftarten in das On-Demand-Portal hoch („Inhalt und Layouts“ > „Schriftarten und App-Anpassung“). Weitere Informationen finden Sie unter AEM Mobile-Apps anpassen: Verwenden von benutzerdefinierten Schriftarten.
Standardmäßig werden beim Tippen auf einen nicht interaktiven Bereich in Viewern die Navigationsleisten angezeigt. Durch Blättern wird zum nächsten oder vorherigen Artikel bzw. der nächsten oder vorherigen Seite gewechselt. In HTML-Artikeln zeigen die Viewer die Navigationsleisten für bekannte interaktive HTML-Elemente nicht an, z. B. <a/>, <video/>, <audio/>, <textarea/>, <input/> und <button/>. Durch Tippen auf andere Elemente werden die Navigationsleisten angezeigt.
Wenn Sie die Behandlung von Gesten in komplexen interaktiven Inhalten besser steuern möchten, z. B. in Spielen oder Diashows, verwenden Sie die benutzerdefinierten HTML Gesture APIs.
Mit HTML Gesture APIs können Sie eine optimale Benutzerfreundlichkeit für komplexere interaktive HTML-Elemente sicherstellen. Bei einer Vollbild-Diashow können Sie z. B. die Präsentation so anpassen, dass die Benutzer zum nächsten Artikel auf der letzten Folie blättern können. Ein HTML-Puzzle können Sie so einrichten, dass durch Tippen auf den Zeichenbereich die Navigationsleisten angezeigt werden, während durch Tippen auf ein Puzzleteil die Navigationsleisten nicht angezeigt werden.
Beachten Sie, dass relinquishCurrentGesture() in Windows-Apps nicht unterstützt wird. Alle anderen Gesten werden für alle Plattformen unterstützt.
Weitere Informationen finden Sie in der Beispieldatei (nur auf Englisch).