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

Este panel de diapositivas está construído en Webmaker Thimble, que se trata de un editor WYSIWTG (como se ve el trabajo es cómo va a quedar, what-you-see-is-what-you-get por sus siglas en inglés), que también almacenará tu trabajo. Para comenzar, necesitas una cuenta en 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 en una nueva pestaña del navegador.
3. Haz clic en el botón Remezclar para crear tu propio trabajo.

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

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úsculas 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úsculas
• Diapositivas de lista: Enumeradas (ol) y listas de elementos (ul)

Corta y pega y edita cada diapositiva para adaptarla a tu gusto.

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, Flickr, etc.

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

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

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

Si quieres cambiar el nombre del botón, edita la opción "Conviértete en un escritor ninja de tecnología" en la línea "16".

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

¡Gracias!