Piktochart

M.I.S.T. Miguel ngel Romero Ochoa Hermosillo, Sonora, Mxico. Octubre 2014

Espacio educativo: Nuevas Tecnologas

de la Informacin y la Comunicacin

Contenido

Qu es Piktochart? Manejo de Templates Escritorio de Piktochart Bloques Fondo Insertar texto Insertar un hipervnculo Insertar grficos Insertar una imagen Insertar un vdeo Publicar en la web mediante su cdigo HTML Fuentes

Qu es Piktochart?

Es una aplicacin web lanzada en marzo del 2012, la cual permite crear de manera fcil infografa. En ella podrs disear grficos de alta calidad. Una de sus principales caractersticas, es la capacidad de poder publicarla en sitios web mediante su cdigo HTML.

Qu es Piktochart?

Principales caractersticas:

Gran variedad de templates (gratuitos y de paga).Publicar mediante HTML.Insercin de vdeos.Generador de tablas.Miles de grficos e iconos.Cerca de cien tipos de letra distintos.Entre otros.

Manejo de Templates

Cuando hayas iniciado sesin, podrs visualizar lo siguiente.

Manejo de Templates

1. Primero tienes que seleccionar el tipo de formato que desees para tu infografa.

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).

Escritorio de Piktochart

Despus de seleccionar tu Template se mostrar el escritorio de Piktochart, en el cual podrs comenzar a crear tu infografa.

Elementos de diseoElementos de diseo

Opciones de visualizacin, publicacin y descargaOpciones de visualizacin, publicacin y descarga

EdicinEdicin

InfografaInfografa

Bloques

Los bloques ayudan a seccionar tu infografa 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 infografa.Basta con pasar el cursor sobre la infografa para visualizar los bloques existentes.

Opciones de bloqueOpciones de bloque

Bloques

Al dar clic sobre un bloque existente, del lado izquierdo podrs visualizar las siguientes opciones:

+: Agregar uno nuevo. x: Eliminar.=: Clonar.Mover hacia arriba.Mover hacia abajo.Configuracin: ancho y alto.

Fondo

Para seleccionar algn color de fondo para tu infografa da clic sobre Background.

Insertar texto

Para insertar un texto selecciona en los elementos de diseo del lado izquierdo Text , tendrs varias opciones:

Ttulo.Subttulo.Subttulo 2.Subttulo 3.Cuerpo de texto.

Selecciona el que se adapte a tu informacin.

Insertar texto

Por cada cuadro de texto que sea insertado, se tendrn las opciones de tipo de fuente, tamao, alineacin, color, entre otros.

.

Opciones de textoOpciones de texto

Insertar un hipervnculo

Si quisieras insertar un hipervnculo a tu texto, basta con seleccionarlo y dar clic sobre la opcin de link. Debers introducir la direccin url en la ventana que aparecer.

.

Insertar grficos

Localiza la opcin de Graphics, tendrs tres opciones diferentes:1.Formas y lneas.2.Iconos3.Fotos (por categoras).

.

Insertar una imagen

Localiza la opcin de Uploads para cargar una imagen desde tu computadora. Una vez cargada, debers seleccionar el bloque donde se desee poner. Con tu cuenta podrs subir un mximo de 20 imgenes.

.

Insertar un vdeo

En Tools encontrars la opcin de aadir vdeos a tu infografa. Cabe mencionar que ah mismo podrs insertar tablas y mapas. Al seleccionar vdeo, hay que introducir su direccin URL (YouTube o Vmeo solamente).

.

Publicar mediante HTML

1. Una vez guardada tu infografa, localiza en la esquina superior derecha Publish.

.

Publicar mediante HTML

2. Cuando aparezca la siguiente ventana da clic en Publish now para obtener el cdigo HTML. Debes haber colocado un nombre a tu infografa antes de publicar.

.

Publicar mediante HTML

3. Copia el cdigo HTML generado e insrtalo en tu sitio web. Puedes probar con u

. Puedes probar con 600 px de ancho. S sobrepasa los lmites de tu plantilla, modifica ste tamao.

Puedes probar con 600 px de ancho. S sobrepasa los lmites de tu plantilla, modifica ste tamao.

Fuentes

Piktochart (2014). All About Piktocharts Infographics EditorRecuperado de http://support.piktochart.com/

Pgina 1Pgina 2Pgina 3Pgina 4Pgina 5Pgina 6Pgina 7Pgina 8Pgina 9Pgina 10Pgina 11Pgina 12Pgina 13Pgina 14Pgina 15Pgina 16Pgina 17Pgina 18Pgina 19Pgina 20