Crear Tutorial usando la Plantilla emergente de Tutorial de la base de conocimiento

Información de la revisión
  • Identificador de la revisión: 90002
  • Creada:
  • Creador/a: qu yz
  • Comentario: traducción
  • Revisado:
  • Revisado:
  • Revisado por: avelper
  • ¿Está aprobado?
  • ¿Es la versión actual? No
  • Listo para localización: No
Origen de la revisión
Contenido de la revisión

Este panel de diapositivas está construído en Webmaker Thimble, esencialmente un editor WYSIWTG (como se ve el trabajo es cómo va a quedar), que también almacenará tu trabajo. Para comenzar, necesitas una cuenta de Webmaker.

  1. Haz clic aquí para crear una cuenta si no tienes una.
  2. Una vez que ya tengas tu cuenta, copia y pega este trabajo https://binab.makes.org/thimble/knowledge-base-take-8 en una nueva pestaña del navegador.
  3. Haz clic en el botón Remix para crear tu propio trabajo.

Ahora deberías tener una ventana con el editor de texto lleno de código, en la izquierda, y las diaspositivas a la derecha. Thimble Window

Hay diferentes tipos de diapositivas, cada una está marcada con <--! y una nota sobre qué clase de diapositiva es.

  • Diapositiva de imagen con texto: tiene una imagen principal y el texto puede estar arriba o abajo
  • Tipografía grande: texto en mayúscula y de gran tamaño
  • Video/iFrame: inserta un video o iFrame, 370x208 píxeles es un buen tamaño
  • Diapositiva de texto: texto pequeño, puedes usar etiquetas fuertes para crear pequeños encabezados
  • Texto con diapositiva de encabezado: usa etiquetas h2 para crear encabezados en mayúscula
  • Diapositiva de lista: enumeradas (ol) y listas de elementos (ul)

Corta y pega y edita cada diapositiva para adecuarla a tu criterio.

Imágenes: necesitarás una carpeta o fuente pública para las imágenes que quieras mostrar. En mi caso elegí DropBox pero se puede usar cualquier fuente, o Flickr, etc.

Una vez que tu panel de diapositiva esté completo, deberás insertarlo en el código del botón ¡y luego podrás poner tu botón en donde quieras!

En la esquina superior derecha de tu Thimble hay un botón llamado "Publicar". Haz clic sobre el mismo y sigue las instrucciones para guardar tu trabajo. Al finalizar se te ofrecerá en enlace para copiar. Cópialo.

Con ese enlace en tu portapapeles, abre este trabajo de Thimble https://binab.makes.org/thimble/button. Pega el enlace sobre el que ya existe en la línea "16". Deberías poder hacer clic sobre el nuevo botón de la ventana del editor WYSIWYG a la derecha.

Cambia el nombre del botón a cualquier texto en la línea "16", editando "Conviértete en un escritor ninja de tecnología".

Ahora puedes seleccionar el código entre las líneas "9" y "42" y pegarlo en donde quieras que aparezca el botón.

¡Gracias!