- Captivate-Benutzerhandbuch
- Einführung in Captivate
- Eine Folie hinzufügen
- Design-Optionen in Adobe Captivate
- Text-Blöcke hinzufügen
- Medien-Blöcke hinzufügen
- Interaktive Komponenten
- Branding-Blöcke hinzufügen
- Widgets
- Quiz erstellen
- Einem Projekt Audio hinzufügen
- Interaktionen
- Animationen
- Barrierefreiheit
- Die Zeitleiste anpassen
- Inhaltsverzeichnis und Wiedergabeleiste anpassen
- Projekteigenschaften bearbeiten
- Ein Simulationsprojekt erstellen
- Projekt in der Vorschau anzeigen
- Ein Projekt zur Überprüfung freigeben
- Ein Projekt veröffentlichen
- Upgrade von Projekten in Adobe Captivate
Übersicht
Die Design-Optionen in Adobe Captivate bieten Benutzenden die Flexibilität, Varianten des Inhaltslayouts und -stils für Folien, Inhaltsblöcke, Fragenfolien und Widgets zu erstellen. Wählen Sie einen beliebigen Inhaltsblock oder eine Komponente darin aus, um die Vielzahl der verfügbaren Design-Optionen anzuzeigen. Erfahren Sie mehr über Design-Optionen in Adobe Captivate.
Wenn Sie jedoch Ihre persönlichen Designs und Layouts oder die Ihres Unternehmens implementieren müssen, können Sie benutzerdefinierte Design-Optionen erstellen. In diesem Artikel wird erläutert, wie Sie benutzerdefinierte Design-Optionen in Adobe Captivate erstellen, anpassen und wiederverwenden oder freigeben. Er behandelt Layoutänderungen unter Verwendung von CSS-Rastereigenschaften, die Aktualisierung von Layouts für verschiedene Ansichtsports und die Anpassung der Formatierung von Objekten.
Themen auf dieser Seite:
Um Zeit zu sparen, erstellen Sie in Captivate eine Kopie einer bestehenden Standard-Design-Option und speichern sie an einem separaten Speicherort (<eLearningssets>\12.0\).
Wenn Sie z. B. ein benutzerdefiniertes Design für einen Bildblock erstellen möchten, kopieren Sie eine Standard-Design-Option für Bildblöcke und verwenden sie als Grundlage Ihrer Anpassungen.
Kopieren Sie diesen Ordner aus dem Pfad „C:\Programme\Adobe\Adobe Captivate\DesignOptions\content_blocks\Image\Single Image Default Design Option“ an den Benutzerspeicherort <elearning>.
Sie können die Ordner installierter Design-Optionen für verschiedene Inhaltstypen einschließlich Inhaltsblöcken, Layoutfolien, Fragenfolien, Widgets und interaktiven Komponenten suchen. Diese Ordner enthalten Design-Options-Dateien, die Sie kopieren und anpassen können, um Ihre eigenen Designs zu erstellen. Öffnen Sie jeden Ordner, um die verschiedenen verfügbaren Typen von Inhaltsblöcken, Layoutfolien, Widgets, Fragenfolien und interaktiven Komponenten zu erkunden.
Sie können zum Öffnen und Bearbeiten der JSON-Dateien jeden Text-/HTML-Editor verwenden. Stellen Sie sicher, dass der Ordner die folgenden Dateien enthält: designOption.json, localized.json und Thumbnail.png.
Benutzer können hier eine Design-Option-JSON-Datei hochladen, um eine extern erstellte Design-Option zu integrieren. Sobald die Datei hinzugefügt ist, wird die Design-Option im Bedienfeld „Visuelle Eigenschaften“ angezeigt, wenn Sie beim nachfolgenden Starten von Captivate einen Inhaltsblock oder eine Komponente auswählen.
-
Erstellen Sie innerhalb der eLearning-Assets einen separaten Ordner speziell für benutzerdefinierte Design-Optionen. Captivate kann Design-Optionen aus dem eLearning-Assets-Ordner lesen, sodass Benutzende, die hier benutzerdefinierte Designs erstellen, zwischen standardmäßigen und benutzerdefinierten Design-Optionen unterscheiden können.
Erstellen Sie einen Ordner mit dem Namen designOptions in <eLearningAssets>\12.0\, wenn er noch nicht vorhanden ist.
-
Windows: C:\Benutzer\Öffentlich\Dokumente\Adobe\eLearning Assets\12.0\designOptions
- macOS: /Users/<Benutzer>/Documents/Adobe/eLearning Assets/12.0/designOptions/
Hinweis:Der Ordnername der benutzerdefinierten Design-Option beginnt zur Unterscheidung von den installierten Design-Optionen mit einem kleinen “d“.
-
Windows: C:\Benutzer\Öffentlich\Dokumente\Adobe\eLearning Assets\12.0\designOptions
-
Benennen Sie die Ordner benutzerdefinierter Design-Optionen für jeden Inhaltsblock- oder Folienlayouttyp im Ordner “eLearning Assets“ um.
-
Öffnen Sie einen beliebigen Text-Editor und wählen Sie die benutzerdefinierte Design-Option in „eLearning-Assets“ aus. Die Dateien sollten automatisch im Editor geladen werden.
Erfahren Sie mehr über die Teile einer Design-Options-Datei.
-
Design-Optionen befinden sich in einer JSON-Datei. Wechseln Sie zur Datei designOption.json, um eine eindeutige ID für dieses benutzerdefinierte Design hinzuzufügen. Beispiel:
"designOptionId": "Benutzerdefinierter Absatzstil 1"
Achtung:Weisen Sie designOptionID eine eindeutige ID zu, um sie von anderen benutzerdefinierten Design-Optionen zu unterscheiden.
-
Setzen Sie in der Datei designOption.json den Wert isDefault unbedingt auf “false“. Dadurch wird sichergestellt, dass kein Konflikt mit der installierten Design-Option auftritt. Dies ist ein obligatorischer Schritt.
-
Bearbeiten Sie die Datei localized.json, um die Werte der Felder "name" und "description" zu aktualisieren. Dieser Name wird als QuickInfo für das benutzerdefinierte Design in Captivate angezeigt, wenn Sie den Mauszeiger im Bedienfeld "Visuelle Eigenschaften" über die Miniaturansicht bewegen.
"en-US": {
"name": "Standardmäßige Absatz-Design-Option",
"description": "Standard-Design-Option für Absätze"
},
-
Aktualisieren Sie die Miniaturansicht für die benutzerdefinierte Design-Option. Speichern Sie dieses Bild im Ordner für benutzerdefinierte Design-Optionen und benennen Sie die neue PNG-Miniaturansichtdatei um. Das Größenlimit für die Miniaturansicht muss 130x78 px betragen.
Hinweis:Achten Sie darauf, den Namen der Miniaturansicht in der Datei designOption.json mit einem Text-Editor zu aktualisieren.
Aktualisieren des Namens der Miniaturansicht in der JSON-Design-Optionen-Datei Aktualisieren des Namens der Miniaturansicht in der JSON-Design-Optionen-Datei
CSS-Stil und -Eigenschaften
Adobe Captivate unterstützt Eigenschaften von CSS (Cascading Style Sheets), mit denen Sie vordefinierte Variablen zur Anpassung von Design-Optionen einfach ändern können. Diese Funktion vereinfacht den Designprozess und ermöglicht die Erstellung professioneller, visuell ansprechender eLearning-Projekte, die auf Ihre Marke oder Ihr Projektdesign zugeschnitten sind.
CSS-Eigenschaften steuern das Erscheinungsbild und das Verhalten von HTML- und XML-Elementen. Sie ermöglichen u. a. die präzise Steuerung von Farben, Schriften, Layouts und Abständen und stellen sicher, dass Designs Ihrem gewünschten Stil entsprechen.
Benutzerdefinierte Eigenschaften
Captivate enthält integrierte benutzerdefinierte CSS-Eigenschaften, die ein rasterbasiertes Layoutsystem mit Zeilen und Spalten verwenden, das sich ideal zum Erstellen von Responsive Designs eignet. Dies sind alle Eigenschaften, die im Bedienfeld Visuelle Eigenschaften aufgeführt sind. Sie können diese Eigenschaften auch in der Design-Options-Datei ändern.
Benutzerdefinierte Stile
Der Abschnitt customStyles in der Datei designOptions.json definiert Ihre CSS-Stileigenschaften. Verwenden Sie diesen Abschnitt, um einzigartige Design-Elemente zu erstellen, die Flexibilität und kreative Freiheit bieten, um Ihre eLearning-Projekte zu personalisieren.
Benutzerdefinierte Stile unterstützen alle CSS-Eigenschaften. Verwenden Sie die camelCase-Formatierung anstelle durch Bindestriche getrennter CSS-Attribute.
Beispiel: Verwenden Sie flexDirection anstelle von „flex-direction“.CSS-Eigenschaften können auch basierend auf der Bildschirmgröße des Geräts angewendet werden.
Einschränkungen
Beim Formatieren und Anordnen von Inhalten mithilfe von Design-Optionen gelten die folgenden Einschränkungen:
Anpassung des Erscheinungsbilds:
- Das Erscheinungsbild von Inhaltselementen (z. B. Farben, Schriften) kann nur mithilfe von Design-Vorgaben geändert werden. Hartcodierte Werte sollten vermieden werden.
- Wenn eine visuelle Eigenschaft in Benutzerdefinierte Eigenschaften unterstützt wird, schließen Sie sie nicht in Benutzerdefinierte Stile ein. Dadurch wird der Wert hartcodiert, sodass er nicht über das Bedienfeld Eigenschaften geändert werden kann.
- Eigenschaften wie Ränder können jedoch mit dem Schlüssel customStyles in der JSON-Datei hinzugefügt werden.
Übergeordnete Container:
- Das übergeordnete Element eines Containers oder Elements kann nicht geändert werden.
Ausgeblendete Container:
- Ausgeblendete Container (in Captivate nicht auswählbar), z. B. Schaltflächen, müssen als untergeordnete Knoten in customStyles übergeben werden.
- Da diese Container customProperties nicht unterstützen, sollten sie mit einem Objekt-Tag als Schlüssel einbezogen werden. Orientierungshilfen finden Sie in den Beispielen für customStyles von untergeordneten Knoten.
Benutzeroberflächenkomponenten (UICs):
- Eigenschaften für UICs wie Optionsfelder und Dropdown-Menüs werden in einer der kommenden Versionen verfügbar sein. Derzeit wird ein fester Satz von Design-Optionen für UICs unterstützt.
- Wenn diese Komponenten Teil eines Inhaltsblocks sind, kann der gesamte Inhaltsblock formatiert werden. Autor(inn)en können den modularen Aufbau von Design-Optionen (wie oben beschrieben) über eine externe Design-Optionen-Datei nutzen.
Wenn Sie diese Einschränkungen verstehen, können Sie Inhalte effektiv entwerfen und gestalten und gleichzeitig die Einschränkungen der Plattform einhalten.
