Nombre de clave
Última actualización el
28 ene. 2025
- Guía del usuario de Captivate
- Introducción a Captivate
- Novedades de Adobe Captivate
- Requisitos del sistema de Adobe Captivate
- Actualizaciones de Adobe Captivate
- Descargar Adobe Captivate
- Preguntas más frecuentes
- Añadir una diapositiva
- Opciones de diseño en Adobe Captivate
- Añadir bloques de texto
- Añadir bloques multimedia
- Componentes interactivos
- Añadir bloques de marca
- Widgets
- Crear pruebas
- Añadir audio a un proyecto
- Interacciones
- Animaciones
- Accesibilidad
- Personalizar la cronología
- Personalizar el índice y la barra de reproducción
- Editar las propiedades del proyecto
- Crear un proyecto de simulación
- Vista previa de un proyecto
- Compartir un proyecto para revisión
- Publicar un proyecto
- Actualizar proyectos en Adobe Captivate
Información general
Resulta esencial conocer los componentes de una opción de diseño en Captivate para poder crear sus propios diseños personalizados. Además, es necesario un conocimiento básico de las propiedades de CSS para personalizar diseños que se adapten al tema y los estándares de su organización.
Archivos de una carpeta de opciones de diseño
Cada carpeta de opciones de diseño contiene tres archivos:
-
designOption.json: este es el archivo que se utiliza para definir el estilo, especificar los ajustes preestablecidos de texto y añadir etiquetas y diseños personalizados para las vistas de tableta, móvil o escritorio. Use un editor de texto para editar los valores de este archivo.
-
localized.json: especifique el nombre y la descripción de la opción de diseño personalizada. Aquí el nombre corresponde al de la opción de diseño que aparece al pasar el ratón por encima de la miniatura en el panel Propiedades visuales.
- Thumbnail.png: representación visual de esa opción de diseño en el panel Propiedades visuales. Los usuarios pueden añadir una miniatura personalizada como imagen para su opción de diseño personalizada.
Nota:
Puede utilizar cualquier editor de texto/HTML para abrir y editar los archivos JSON. Asegúrese de que la carpeta contenga estos archivos: designOption.json, localized.json y Thumbnail.png.
A continuación, se muestra un ejemplo de una opción de diseño abierta en un editor de texto/HTML. En este caso, el editor utilizado es Visual Studio Code:
Descripción de varios campos del archivo JSON
|
|
Valores |
Descripción |
Obligatorio |
|---|---|---|---|
|
"type" |
Cadena |
Diseño de diapositiva, bloque de contenido o componente para el que se está escribiendo la opción de diseño. |
Sí |
|
"name" |
Cadena |
Nombre de la opción de diseño. Añada el valor del campo como $$name y localícelo en localized.json. Consulte cualquier ejemplo de opción de diseño existente disponible en la carpeta de instalación de Captivate. |
Sí |
|
"description" |
Cadena |
Descripción de la opción de diseño. Añada el valor del campo como $$description name y localícelo en localized.json de forma similar a "name" |
Sí |
|
"version" |
Cadena en forma de número de versión. Por ejemplo, "1.0". |
Versión de la opción de diseño |
Sí |
|
"designOptionId" |
Cadena |
ID de opción de diseño que representa de forma exclusiva la opción de diseño. Se puede utilizar en otras opciones de diseño. |
Sí |
|
"isDefault" |
"true", "false" |
Indica si la opción de diseño se ha establecido como predeterminada. Si una opción de diseño se ha marcado como predeterminada, se aplicará automáticamente al insertar un bloque de contenido o un componente. |
No |
|
"thumbnail" |
Cadena |
El nombre de archivo se ha copiado en la misma carpeta que el archivo json de opciones de diseño. Esta imagen se utiliza como miniatura en el panel Propiedades visuales. |
Sí |
|
"styles" |
Matriz |
El conjunto "styles" contiene entradas de una lista de elementos y sus estilos correspondientes para un bloque de contenido o un componente especificados. |
Sí |
