Manual taller de creatividad

Page 1

Manual para trabajo de fin de ciclo Como ya se da por descontado de que Usted domina la creación de blogs, iniciaremos esta guía con la creación del catalogo virtual. 1.- Acceder a la página WEB de ISSUU en la siguiente dirección: http://issuu.com/

Cree su cuenta

Deberá de completar toda la información solicitada, luego de escribir las dos palabras de verificación, deberá de confirmar que Usted es el propietario de la cuenta de correo que esta asociando a ISSUU.


Este es el correo que recibe y debe de seleccionar el hipervínculo de unirse a issuu:

Seleccione este hipervínculo

Si se muestra una opción de búsqueda de amigos, favor de ignorar esta petición y continuar con el proceso de carga del archivo. (Skip this Step) Puede decidir dar un paseo a través del menú de ayuda, si no desea navegar por los demos, deberá de pulsar: Done, now take me to my home.


Seleccione el botón de la izquierda superior izquierda, para iniciar la carga de su archivo, deberá de completar la información requerida por ISSUU.

Ingrese un titulo a su catalogo

Seleccionar Up load File Y esperar a que este se lleve hacia el servidor, luego de ello el archivo será convertido al formato de revista virtual, esto tomara un tiempo, tenga paciencia.

Observe que en su librería se indica que tiene un documento publicado, seleccione la imagen del archivo y desde la vista siguiente, seleccione el botón: Embed y copie el código contenido.

Seleccione el código a usar en el blog o Web


Este es el c贸digo a usar

Ahora que ya tenemos el c贸digo, ahora lo pegaremos en la Web o blog que estamos editando: Seleccione editar entradas

Edite la entrada y luego seleccione la pesta帽a de edici贸n de HTML (Hyper Text Marque Language)


Si no maneja perfectamente el código HTML, lo mejor será que se posicione al final del código y pegar en dicha posición que el código anteriormente copiado. Luego pulsar el botón de PUBLICAR ENTRADA, con ello se graba la modificación, es muy posible que se muestra un mensaje de error en el código HTML pegado, en este caso dar check en la casilla de no mostrar errores (ya que el código del issuu no es 100% compatible) y volver a pulsar PUBLICAR ENTRADA, con esto hemos terminado y puede observar su blog terminado.


2.- Creación e inserción de Slides en la Web o blog. Asegúrese que tiene imágenes de su idea de negocio en la misma carpeta, de manera tal que sea más sencilla su manipulación. Luego con su navegador acceda a http://www.slide.com/.

Si no es usuario de este sitio WEB, debera de registrarse:


Ingrese su ID para completar el URL de su espacio

Esta ventana se mostrara para que invite a sus amigos, recomiendo no hacerlo.

Pulse aquĂ­ para iniciar su creaciĂłn de Slides.

Listo ya puede ir seleccionando sus imĂĄgenes y efectos.


Usara el buscador estándar de Windows y seleccionara la imagen deseada, recuerde que las imágenes se mostraran con su respectivo nombre de archivo, por lo que recomiendo cambiarle de nombre a uno más amistoso durante el proceso de inserción.

Una vez que termine de subir todas las imágenes, procederá con el diseño, puede escoger un diseño predeterminado o en todo caso construir el suyo, asumo que construirá el suyo y seguirá los siguientes pasos: Seleccione el estilo, como por ejemplo “Revolver” Y obtendrá la siguiente prevista:


Luego puede seleccionar un marco o skin, incluso puede crear el suyo. Al seleccionar un tema colocara un fondo sus slides, por ejemplo he seleccionado el tema Dazzle, con lo que obtendrá el siguiente efecto:

Después de ello puede agregar música de su gusto, no olvide que si su slide tiene adicionado el efecto de música, esta se reproducirá automáticamente al cargar la Web o blog, por lo que debe decidir anticipadamente si lo habilita o no. Adicionalmente y dependiendo el medio seleccionado podrá apreciar el video del fondo musical seleccionado.


Bueno hasta acá llegamos con el diseño del slide, ahora lo guardaremos para poder obtener el código. Listo ahora puede insertarlo en su Hi5 o en todo caso copiar el código para incrustarlo en su Web. Este es el código de ejemplo: <div><embed src="http://widget-70.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3242591731729399920&site=widget70.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot? cy=h5&at=un&id=3242591731729399920&map=1" target="_blank"><img src="http://widget70.slide.com/p1/3242591731729399920/h5_t024_v000_s0un_f00/images/xslid e1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot? cy=h5&at=un&id=3242591731729399920&map=2" target="_blank"><img src="http://widget70.slide.com/p2/3242591731729399920/h5_t024_v000_s0un_f00/images/xslid e2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot? cy=h5&at=un&id=3242591731729399920&map=F" target="_blank"><img src="http://widget70.slide.com/p4/3242591731729399920/h5_t024_v000_s0un_f00/images/xslid e42.gif" border="0" ismap="ismap" /></a></div></div> Para insertarlo en su blog, debera de seguir los mismos pasos que en el caso de inserción de catalogo virtual de ISSUU en la entrada que prefiera de su blog.


3.- Inserción de Presentaciones en power point. Para esta actividad se entiende de que usted ya ha creado en clases anteriores una presentacion en power point y ya conoce como colgarlo en Autor stream en la siguiente dirección: http://www.authorstream.com/

De no tener una cuenta, debera de crearla. Como ya sabe puede subir las presentaciones usando el botón “UPLOAD POWER POINT” Una vez subida o ubicada la presentación, debera de seleccionar la forma de usarla en nuestro blog, en nuestro caso, seleccionamos la opción EMBED.


Copiar el c贸digo HTML

Este es: <div><h3 style="padding: 0px; margin: 3px;"><a href="http://www.authorstream.com/Presentation/cmendez-194515-practica-calificada-clases-educationppt-powerpoint/" target="_blank" style="font:normal 18px,arial";>Practica Calificada</a></h3><object width="425" height="354" id="player"><param name="movie" value="http://www.authorstream.com/player/player.swf?p=194515_633790988283601250" /><param name="allowfullscreen" value="true" /><param name="allowScriptAccess" value="always"/><embed src="http://www.authorstream.com/player/player.swf?p=194515_633790988283601250" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="354"></embed></object><div style="font:normal 11px,arial;">Uploaded on <a href="http://www.authorstream.com/" target="_blank">authorSTREAM</a> by <a href="http://www.authorstream.com/User-Presentations/cmendez/" target="_blank">cmendez</a> |  <a href="http://upload.authorstream.com/multipleupload/" target="_blank">Upload your own presentation</a></div></div>

Deber谩 de copiarlo en la entrada de su blog tal como se muestra en el inicio de este manual.


4.-Creación de video.Para crear videos publicitarios tenemos la herramienta MS Windows Movie Maker, para ello necesitamos tener un conjunto de imagenes, audio, música u otros videos. La secuencia es: Inicio, todos los programas, Windows movie maker.

Debe de iniciar con el menú de imágenes, audio o música.

captura de video, Importando videos,

Iniciaremos con la importación de imágenes. En este caso hemos importado solo tres imágenes (usted puede importar todas las que necesite)


Arrastre las imágenes desde la galería de gráficos importados hacia el área inferior de secuencia de video, en la escala de tiempo.

Luego procedemos a editar la película, en este momento seleccionamos la opción de efectos de video:


Seleccione uno a uno los efectos y arrรกstrelos independientemente hacia la imagen de la lista inferior. Luego entre imรกgenes debera de colocar un efecto de transiciรณn (al igual que power point)


Por Ultimo debemos de agregar títulos antes, durante y después del video, al seleccionar dicha opción se muestra la siguiente pantalla:

Hemos seleccionado Titulo al principio de la película.

Debe ingresar titulo y subtitulo, además puede cambiar el tipo de titulo, así como la fuente y color. Una vez que hemos terminado de escribir el titulo, seleccionamos el hipervínculo: “listo añadir titulo”.


Para terminar podemos añadir créditos al final de la película. Hemos terminado con la edición, ahora procederemos con la compilación de los datos junto al diseño y se generara la película. Use el menú finalizar la película, específicamente la opción Guardar en el equipo.

Indicar el nombre de la película y la carpeta donde la guardaremos. Debe esperar a que termine la compilación


Luego podr谩 subirlo a You Tube y copiar el c贸digo en el blog o Web, tal como lo realizo con los objetos anteriores.


Creación de página WEB Vamos a usar un servidor gratuito, esto implica que nuestro dominio estará representado por el dominio de este servicio gratuito. LA dirección es: http://www.paginawebgratis.es/

Seleccionamos el botón darme de alta y debera de completar la siguiente información:


Una vez que su cuenta es autorizada, se muestra el siguiente mensaje:

Luego debera de reingresar con el nombre de la página y la cuenta ingresada.

Seleccionar la opción “Editar Diseño”


Una vez seleccionado el diseño básico (desde la lista) pulse el botón “GUARDAR”. Ahora complete la información que se muestra en el formulario abajo del diseño. Terminado este, seleccione Control de imágenes. Seleccione la pestaña “Agregar una nueva imagen” Puede indicarla como categoría general o crear una nueva categoría para que usted administre sus imágenes de acuerdo a sus necesidades de diseño. Luego seleccione el archivo o imagen que cargara desde su PC, luego pulse el botón a” Subir imagen


Puede subir cuantas imágenes sena necesarias para su pagina WEB. Ahora vamos a seleccionar la opción “Controlar páginas desde el menú de la izquierda”

Iniciaremos editando la pagina inicial de nuestra Web (Home), debe tener alguna nociones de HTML para insertar etiquetas.


Adicionalmente en la edición de la Web, usted puede agregar contenidos y formatos extras, basta con seleccionarlos y configurarlos desde:

Entre otros puede agregar encuestas, música, etc.

Después de los ajustes correspondientes, finalice la publicación y acceda a la dirección Web con el nombre que asigno al inicio de este manual, como por ejemplo el que hemos creado ahora en: http://www.vecinos.es.tl


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.