LIBRO de SESIONES: 2010

Sesión 10: www.PICASION.com-Gifs en movimiento(25-05-2010)

PICASION es una sencilla herramienta para crear fácilmente gifs animados Online.
La animación va saltando de una imagen a otra para volver a empezar el ciclo.

Podemos “cargar” hasta 3 imágenes diferentes desde "Image". En "Add one more pictures", podemos agregar hasta un máximo de 10 imágenes o fotos al GIF. Después indicaremos el tamaño y la velocidad a la cual se hará el pase entre imágenes. Pulsamos en “Create animation”. Cambiara a "Uploading pictures" y comenzara a subir las imágenes y a convertirlas en GIF.(Vista previa).

Debajo aparecerán el apartado "Image URL" que es la URL de la imagen, y otro que es el codigo HTML para copiarlo y pegarlo en un mensaje o en un blog.

IMAGEN DE LA PÁGINA PRINCIPAL DE PICASION

ENLACE PARA IR A LA APLICACIÓN

ESTA ES UNA DEMOSTRACION CON 5 IMÁGENES

Make avatar

Sesión 9: REDIMENSIONAR LA PLANTILLA (18-05-2010)

En la imagen inferior hay un ejemplo orientativo de las dimensiones, en píxeles, de cada una de las partes de la plantilla de este blog: "LIBRO DE SESIONES". (Números en rojo.)

Recuerda:

a) La suma de las medidas de la columna principal y la barra lateral debe de ser menor que la medida del fondo de página.

b) La cabecera y del pie de página pueden medir como máximo igual que el fondo de página.

Sesión 9: DISEÑADOR DE PLANTILLAS BLOGGER (18-05-2010)

(Recuerdo que las funciones incluidas en "Blogger en Pruebas" están en periodo de experimentación. Normalmente suelen funcionar bien, pero es aconsejable probarlas previamente desde un blog de pruebas.)

Para acceder al "Diseñador de Plantillas" desde nuestro Panel de Blogger:

ESCRITORIO – HERRAMIENTAS Y RECURSOS – BLOGGER EN BORRADOR

En las opciones de Diseño, se ha añadido una nueva pestaña llamada "Diseñador de plantillas".

El Diseñador es muy fácil de utilizar. Dispone de una "vista previa" donde podemos ir comprobando los cambios que vamos haciendo en la plantilla.

Tenemos la posibilidad de usar nuevos modelos de plantillas, incluir una imagen de fondo, cambiar la gama de colores a usar en el diseño, modificar el diseño del cuerpo del blog, el pie de página y ajustar el ancho que necesitamos ...

Desde la pestaña "Avanzado" del menú del Diseñador, podemos modificar otros aspectos:

* SI QUIERES INFORMACIÓN COMPLETA PULSA SOBRE LA IMAGEN INFERIOR *

Sesión 9: FORMATO PLANTILLA DE ENTRADAS (18-05-2010)

Si queremos que en todas las entradas que creemos en el blog, aparezca siempre el mismo texto, imagen, código, etc, se realiza desde:

CONFIGURACIÓN - FORMATO - PLANTILLA DE ENTRADA.

Sesión 9: www.ISDNTEK.com - UTILIDADES (18-05-2010)

En la página de ISDN*tek podemos crear botones, menús, tablas, efecto shadow de cualquier color en las imágenes, generador de marcos, galerías y entre otras muchas curiosidades el Image Mapper, generador para crear un mapa de enlaces sobre una imagen.(Utilizado en la Sesión 8)

rock

Sesión 8:CALENDARIO GOOGLE (27-4-2010)

Sesión 8: IMAGE MAPPER (27-4-2010)

Enlaces múltiples con imágenes y textos

Image Mapper te permite crear zonas interactivas dentro de una imagen que al hacer click sobre ellas te sirvan como enlaces a otra página web. Puedes delimitar estas zonas con rectángulos, círculos y polígonos y asociarles textos desplegables sensibles al paso del ratón. Los mapas de imágenes creados con Image Mapper pueden ser exportados en formato HTML para insertarlos en tu página web.

*** LA IMAGEN SIGUIENTE TIENE 5 enlaces múltiples ***

A B E C E H U M A N O

ABECEHUMANO CREADO POR: ELIA GARCÍA GALARZA
ALUMNADO DE 6º "Blasco Ibáñez". Cheste . (Abril 2010)

Sesión 7: BLOGs DE AYUDA (20-04-2010)

1º- Aquí encontrarás la AYUDA que necesites para crear tu Blog.

Pulsa sobre los ICONOS de los Blogs para ir a ellos.

* En "GEMABLOG"

* En "EL ESCAPARATE DE ROSA"

* En "LIBRO DE SESIONES" tendrás el contenido de todas las sesiones realizadas por el Grupo de Trabajo sobre Blogs Educativos.

Sesión 7: ALOJAMIENTO DropBox(20-04-2010)

2º ALOJAMIENTO ONLINE DE ARCHIVOS. DROPBOX

Son muchos los discos duros virtuales que te ofrecen sus servicios. Realmente es muy útil para personas que trabajan con dos o más ordenadores, ya que al tener en “Internet” la información útil, siempre la tienen disponible.

Con DropBox es muy sencillo tener sincronizada toda tu información.

Este servicio te ofrece de forma gratuita dos gigas de almacenamiento. Una vez te registras, puedes trabajar online, sin instalar el programa en tu ordenador, o si te lo instalas, eliges una carpeta, e inmediatamente todas las carpetas y archivos que crees dentro se actualizaran de forma automática con tu cuenta de DropBox. En definitiva, usas tu explorador de archivos de forma normal y todo quedará sincronizado.

Además puedes compartir alguna de dichas carpetas y tus amigos tendran acceso a la información que tengas dentro.

( Ejemplo: TUTORIAL DE DROPBOX ALOJADO EN DROPBOX )

También tiene un control de todos lo archivos que modificas y que borras, pudiendo tener acceso a las distintas versiones de dicho archivo. Esto es muy útil por si borras información sin querer o quieres información antigua de uno de tus ficheros.

Sesión 7: ICONOS - ICONFINDER (20-04-2010)

3º CÓMO DESCARGAR ICONOS CON ICONFINDER

IconFinder, un sencillo buscador desde el que podrás descargar todo tipo de iconos en png e ico de forma gratuita. Hay más de 100.000 iconos variados donde elegir.

Para utilizar IconFinder no necesitarás registrarte, simplemente tendrás que poner el nombre de lo que buscas y pulsar Intro, (si quieres aumentar los resultados de la búsqueda, escribe lo que necesitas en inglés). Cuando encuentres el icono que te gusta, al lado de la descarga te aparecerán las condiciones para su uso.

ESTOS SON ALGUNOS EJEMPLOS DE FLECHAS

Sesión 7: BOTONES PARA BLOG (20-04-2010)

4º CREAR BOTONES PARA NUESTRO BLOG CON:
"AS BUTTON GENERATOR" Y "BUTTONATOR"

A- As Button Generator es una herramienta online que dispone de bastantes opciones para crear nuestros botones al estilo web 2.0 tipo Windows Vista, Mac, Gel o Plastic., de una forma bastante personalizada. El procedimiento para crearlos es muy sencillo, lo que debes de hacer es elegir el tipo de botón dentro de las 4 categorías. Cuenta con una paleta de colores muy completa y se pueden modificar tanto el tamaño como la forma. Además, está la posibilidad de agregar una imagen para el botón y también escribir el texto que deseemos aquí puedes elegir el tipo de letra, tamaño, color y estilo. Al final lo puedes descargar en formato ZIP dándole click en "Download Zip".

B- BUTTONATOR es un servicio web que sirve para generar y personalizar botones en línea de una manera muy sencilla.

El sitio tiene unas cuantas ‘plantillas’ para crear los botones, lo único que se tiene que hacer es escoger entre ellas, las cuales están organizadas en diferentes categorías (esquinas redondeadas, botones antigüos, botones con aspecto 2.0, etc.) y personalizar el texto que queramos que aparezca dentro del botón. También nos permite ver constantemente, mientras trabajamos, cómo está quedando el objeto.

Para finalizar el proceso, el site permite la descarga de los archivos de forma individual o grupal (máximo 10) junto con el código html para insertarlo en sites o blogs. Además de las opciones previamente mencionadas, el servicio ofrece unas cuantas más (avanzadas) las cuales incluyen efectos como rollover, stroke, colores de botones personalizados, etc.

Sesión 6: PLANTILLA (23-03-2010)

1º- GUARDAR PLANTILLA

(1) Nos vamos a Diseño - Edición de HTML
(**) Se puede marcar la casilla Expandir plantilla de artilugios.

(2) Descarguemos la plantilla (Guardar la plantilla) .Nos pedirá dónde guardarla.

2º SUBIR PLANTILLA.(Recuperarla)
(3) Click en "Examinar" y buscamos en nuestro PC la nueva plantilla que deseamos.
Será un archivo del tipo .XML
(4) "Subir" el archivo.

Sesión 6: ETIQUETAS (23-03-2010)

3º ETIQUETAS PARA CLASIFICAR LAS ENTRADAS.

A) Se pueden añadir al crear las entradas:

Desde el menú de "creación de entradas",
en "Opciones de entrada", "Etiquetas".

B) Cuando ya están creadas las entradas:

Desde el menú "Creación de entradas", "Editar entradas",
"Acciones de Etiqueta"

C) Crear un Gadgget para colocarlas en nuestro Blog.

Sesión 6: PÁGINAS (23-03-2010)

4º CREACIÓN DE PÁGINAS.
(No confundir con Entradas, son Páginas independientes)A) Desde el menú "Creación de entradas", "Editar páginas",
"Página Nueva"

B) Para ir a ella se crea un ENLACE a la dirección de dicha Página.
Aparece en la barra de direcciones del Explorador al visualizarla desde el menú:
Creación de entradas - Editar páginas - Visualizar.

SESIÓN 5: REPASO (09 - 03 - 2010)

Prácticas de Repaso sobre lo trabajado en las 4 sesiones anteriores.

Imágenes de 360º. Valencia.

Se pueden girar con el ratón.

Acercar, alejar y ver a pantalla completa en el ángulo inferior derecho.

Hemisféric - Palau de les Arts Reina Sofía - Santa Capilla.

Plaza del Ayuntamiento - Estación del Norte.

La Lonja - El Palmar - La Albufera.

Sesión 5: Presentación Powerpoint con Slideshare (09-03-2010)

Valencia Antigua

View more presentations from lidoneros.

Sesión 4: 23-02-2010

1- Prácticas con el capturador de pantallas LIGHTSCREEN.

2- Guardar imágenes en una ENTRADA de nuestro Blog como BORRADOR.

3- Crear un GADGET HTML/Javascript para enlazar una URL de una página con una de las imágenes guardadas en la ENTRADA BORRADOR del punto anterior.

4- Retocar FOTOS con los servicios ofrecidos por algunas WEB.

* PARA IR A LA PÁGINA WEB CLICA EN SU TÍTULO *

* FOTOS MÁS GRANDES CLICANDO SOBRE ELLAS *