Piktochart M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México. Octubre 2014 Espacio educativo: Nuevas Tecnologías de la Información y la Comunicación.

Presentación del tema: "Piktochart M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México. Octubre 2014 Espacio educativo: Nuevas Tecnologías de la Información y la Comunicación."— Transcripción de la presentación:

1 Piktochart M.I.S.T. Miguel Ángel Romero Ochoa Hermosillo, Sonora, México. Octubre 2014 Espacio educativo: Nuevas Tecnologías de la Información y la Comunicación

2 Contenido ¿Qué es Piktochart? Manejo de Templates Escritorio de Piktochart Bloques Fondo Insertar texto Insertar un hipervínculo Insertar gráficos Insertar una imagen Insertar un vídeo Publicar en la web mediante su código HTML Fuentes

3 ¿Qué es Piktochart? Es una aplicación web lanzada en marzo del 2012, la cual permite crear de manera fácil infografía. En ella podrás diseñar gráficos de alta calidad. Una de sus principales características, es la capacidad de poder publicarla en sitios web mediante su código HTML.

4 ¿Qué es Piktochart? Principales características: Gran variedad de templates (gratuitos y de paga). Publicar mediante HTML. Inserción de vídeos. Generador de tablas. Miles de gráficos e iconos. Cerca de cien tipos de letra distintos. Entre otros.

5 Manejo de Templates Cuando hayas iniciado sesión, podrás visualizar lo siguiente.

6 Manejo de Templates 1. Primero tienes que seleccionar el tipo de formato que desees para tu infografía. 2. Ahora selecciona de entre los templates disponibles para el tipo de formato seleccionado (ten en cuenta que algunos son gratuitos y otros con costo).

7 Escritorio de Piktochart Después de seleccionar tu Template se mostrará el escritorio de Piktochart, en el cual podrás comenzar a crear tu infografía. Elementos de diseño Opciones de visualización, publicación y descarga Edición Infografía

8 Bloques Los bloques ayudan a seccionar tu infografía con el fin de que puedas manejar elementos por separado. Para administrar los bloques, tienes que dar clic sobre alguno de los existentes de tu infografía. Basta con pasar el cursor sobre la infografía para visualizar los bloques existentes. Opciones de bloque

9 Bloques Al dar clic sobre un bloque existente, del lado izquierdo podrás visualizar las siguientes opciones: +: Agregar uno nuevo. x: Eliminar. =: Clonar. Mover hacia arriba. Mover hacia abajo. Configuración: ancho y alto.

10 Fondo Para seleccionar algún color de fondo para tu infografía da clic sobre “Background”.

11 Insertar texto Para insertar un texto selecciona en los elementos de diseño del lado izquierdo “Text”, tendrás varias opciones: Título. Subtítulo. Subtítulo 2. Subtítulo 3. Cuerpo de texto. Selecciona el que se adapte a tu información.

12 Insertar texto Por cada cuadro de texto que sea insertado, se tendrán las opciones de tipo de fuente, tamaño, alineación, color, entre otros.. Opciones de texto

13 Insertar un hipervínculo Si quisieras insertar un hipervínculo a tu texto, basta con seleccionarlo y dar clic sobre la opción de “link”. Deberás introducir la dirección url en la ventana que aparecerá..

14 Insertar gráficos Localiza la opción de “Graphics”, tendrás tres opciones diferentes: 1.Formas y líneas. 2.Iconos 3.Fotos (por categorías)..

15 Insertar una imagen Localiza la opción de “Uploads” para cargar una imagen desde tu computadora. Una vez cargada, deberás seleccionar el bloque donde se desee poner. Con tu cuenta podrás subir un máximo de 20 imágenes..

16 Insertar un vídeo En “Tools” encontrarás la opción de añadir vídeos a tu infografía. Cabe mencionar que ahí mismo podrás insertar tablas y mapas. Al seleccionar vídeo, hay que introducir su dirección URL (YouTube o Vímeo solamente)..

17 Publicar mediante HTML 1. Una vez guardada tu infografía, localiza en la esquina superior derecha “Publish”..

18 Publicar mediante HTML 2. Cuando aparezca la siguiente ventana da clic en “Publish now” para obtener el código HTML. Debes haber colocado un nombre a tu infografía antes de publicar..

19 Publicar mediante HTML 3. Copia el código HTML generado e insértalo en tu sitio web. Puedes probar con u. Puedes probar con 600 px de ancho. Sí sobrepasa los límites de tu plantilla, modifica éste tamaño.

20 Fuentes Piktochart (2014). All About Piktochart´s Infographics Editor Recuperado de http://support.piktochart.com/http://support.piktochart.com/