1. APROBACIÓN DEL CURSO (sujeto a cambios hasta 16.05.2012)

Para cumplir con los requerimientos, se solicita un trabajo final con las siguientes características:

- grupal de hasta cuatro personas o individual.

- fecha límite de entrega: el 26.05.2012.

- consistente en la planificación docente o proyecto artístico cuyo formato o estructura se encuentra en la parte inferior de la página de cada grupo.


Opciones

Los participantes de cada grupo no necesariamente deben rellenar todos los items del formato. Dicha estructura es una guía y se considera que el uso de todos los items colabora con una mejor definición del proyecto, pero no es condición de entrega.

Se insta a cada grupo y/o participante a presentar su proyecto por este medio (Hotglue). No obstante, también puede entregarse por e-mail a celizmg@yahoo.com o msantorelli@gmx.net.

Si el grupo considera que los items del formato estorban la buena visualización de su página grupal, puede abrir otra con una dirección como ésta (ejemplo): http//tramabolson.hotglue.me/grupo5_proyecto. Para ello, debe migrar dichos textos a la nueva y borrar las cajas de texto de su página grupal. Se sugiere trabajar con ambas páginas en modo "edit" y:
1. copiar el contenido de la primera caja.
2. pasar a la crear la nueva página ".../grupo[#]_proyecto" y crear la primera caja de texto, darle formato similar a la anterior, y pegar el contenido copiado. Cómo resultado, aparecerá el cabezal en color con el texto "1. DENOMINACIÓN".
3. volver a la página grupal. Copiar el contenido de la siguiente caja (siempre en modo "edit").
4. volver a la página ".../grupo[#]_proyecto", clonar la caja "1. DENOMINACIÓN", acomodarla en lugar deseado, seleccionar todo y pegar (reemplazando lo anterior) el contenido recientemente copiado de la página grupal. El resultado será, p.e., "2. DOCENTE/S RESPONSABLES" con el fondo color correspondiente.
5. repetir el procedimiento con todas las cajas.
6. borrar todas las cajas de la página grupal.

Efectuar cualquier consulta técnica a Marcelo msantorelli@gmx.net.




2. HOTGLUE

- hay un tutorial en página inicial y acá. Está incompleto, pero será terminado a la brevedad. Hasta ahora contiene "cómo sacar una cuenta", razones para usar este sistema y algunos errores de tipeo.




2.1. MOMENTÁNEAMENTE, ESTE MANUAL (traducido ¡¡¡de acá!!! y de acá_______)

2.1.1

BÁSICO. USO DE HOTGLUE.
Lo que ves es lo que ves.
Cada edición que haces es visible directamente por cualquiera en tu sitio.
Recomandamos usar Firefox 3.6+

CREAR, CAMBIAR O ELIMINAR UNA CUENTA (esta parte está más detallada en el tutorial).
Crea una cuenta en nuestro servidor HOTGLUE ¡o instálalo en tu propio servidor!
Para crear una cuenta ve a HOTGLUE.ME y haz click en registrar. Llena los casilleros "nombre de usuario (username)", "contraseña (password)" y "dirección de e-mail (e-mail adress)". Después del registro vas a recibir un e-mail de confirmación. ¿No recibiste el e-mail? Chequea tu spam.
Después de activar tu HOTGLUE, puedes entrar a tu cuenta en HOTGLUE.me para cambiar la contraseña, tu dirección de e-mail, o para eliminar la cuenta.

COMIENZA A EDITAR
¿Dónde encontrás tus páginas HOTGLUE?
Tu primera página "default" está localizada en el URL (dirección web) de tu sitio. Todas las otras páginas que generes pueden ser encontradas anteponiendo el nombre de tu página. P.e. http://tusitio.hotglue.me/page2

¿Cómo editás tu HOTGLUE?
MODO EDIT: ve a tu dirección HOTGLUE y agrega "edit" al URL de tu sitio. P.e. http://tusitio.hotglue.me/edit

Para editar cualquier oitra página agrega “edit”. P.e. http://tusitio.hotglue.me/page2/edit

Una vez en modo edit puedes AGREGAR y EDITAR elementos y EDITAR las propiedades de la página. Lee sobre eso en el siguiente párrafo.

HACER Y DESHACER
Por la estructura misma de HOTGLUE, no hay funcionalidad "deshacer" clásica. En cambio, haz doble click; se abrirá el menú de página; busca "revision".
2.1.2

BÁSICO: MENÚ DE CONTEXTO DE HOTGLUE
2.1.2.1. AGREGAR; juego de herramienta de elementos
2.1.2.2. EDITAR; propiedades de página/ crear nueva página
2.1.2.3. EDITAR, SELECCIONAR OBJETOS

2.1.2.1. AGREGAR; juego de herramienta de elementos
(click simple o usa las teclas rápidas [alt]+[o])

Nueva caja de texto o cuadro de color. Escribe un texto ¡o hermosos cuadrados de colores!

Sube un archivo:
~ Agregar un archivo puede hacerse simplemente arrastrandolo desde la carpeta del sistema operativo.
~ Una barra de estado te hace saber cómo va tu carga. Puedes pasar el cursor sobre ella para ver el progreso expresado en bytes y porcentaje.

Incrustar otra páginaweb: entrar URL correspondiente. P.e. http://worm.org/

Incrustar video de Vimeo oYouTube: entrar URL correspondiente. P.e. http://www.youtube.com/watch?v=-kX23P1b3NU




2.1.2.2. EDITAR; propiedades de página/ crear nueva página (doble click en la página o usa las teclas rápidas [alt]+[p])


Cambiar el título de la página (el título se muestra en la pestaña del navegador).

Cambiar el URL de la página (¡Atención! si cambias el nombre de la página de incio (start), ya no tendrás una página de inicio y tendrás que asignar al sitio una páginade inicio.

Haz ésta la página de inicio - Cuando hagas varias páginas usa este comando para elegir qué página ve primero los visitantes.

Cambiar el color de fondo/ shift-click para entrar el código hexadecimal de color o código decimal de color RGB. Estos códigos se usan para especificar colores.
.
Crear una nueva página. Te será requerida el nombre de la nueva página, que también será su URL, y luego redirigido al modo "edit" de dicha página.

Eliminar una página – ¡NO HAY DESHACER!

Subir una imagen de fondo. Alterna entre tener la imagin de fondo fija (imagen de fondo se mantiene en el miso lugar mientras se hace "scroll") y móvil, en el que responde al scroll junto al resto de la página.

Ajustar posición de la imagen de fondo; clickea,mantiene y draga (arrastra) para cambiar la posición de la imagen, cliquea una vez para recomenzar.

Lista de páginas. Aquí puedes encontrar una lista con todas las páginas. Puedes elegir desde aquí editarlas, renombrarlas, eliminarlas o designarlas como página de inicio.

Comparar las revisiones de esta página: alterna entre las versiones previas de tu página. Clickea "revert" para ir hacia atrás en el tiempo. ¡Atención! Una vez que haz confirmado una versión pasada de la página, no puedes ir hacia el presente. P.e., lo que tenías antes de elegir esa versión pasada.

Grilla: clickea para mostrar o esconder la grilla (no visible para los visitantes. Cliquea, mantiene y arrastra para cambiar el tamaño de la grilla horizontal y verticalmente. Mantén con shift para que sean cuadrados. La grilla permanece salvada y compartida por todas las páginas. No es magnética.




2.1.2.3. EDITAR, SELECCIONAR OBJETOS – Cliqueando un objeto seleccionará el objeto y dará opciones de edición, las que se describen en el siguiente capítulo.


- Mover un objeto puede ser hecho seleccionando el objeto y arrastrándolo con el mouse, o usando las teclas flecha. Para mover un objeto un casillero de la grilla actual, mantén presionado shift y presiona una tecla flecha.

- Para seleccionar varios objetos presiona shift y cliquea sobre ellos. Arrastra los objetos para moverlos simultáneamente o presiona la tecla "supr" para eliminarlos.

- Selecciona todos los objetos: [ctrl]+[a]

- Invertir la selección actual: [ctrl]+[i]

- Usar "tab" (arriba de Bloq.Mayús) para pasar la selección de objeto en objeto.

- ¡Pánico! A veces, un elemento como youtube, vimeo u otro objeto incrustado queda fuera del campo (en el lado superior o izquierdo) o imposible de cliquear, y no puedes arrastrarlo a otro lugar. Entonces selecciónalo por el lado inferior o derecho y muévelo con las teclas flecha. Haz un doble click en el borde inferior o derecho para editar un objeto incrustado.


MODIFICAR EL TAMAÑO DE LOS OBJETOS – Para modificar el tamaño de los objetos, cliquea, mantiene y arrastra sus bordes inferior, derecho y esquina de ambos. Mantén presionado "shift" para respetar las proporciones.


– Cuando pases el mouse sobre uno de los bordes o esquina mencionadas, una herramienta con las dimensiones del objeto y posición, ambos en pixels, es mostrado.



2.1.2.4. EDITAR ELEMENTO - PROPIEDADES DE OBJETO COMÚN (COLUMNA VERTICAL).


– Clonar objeto: hacer una copia del elemento seleccionado.

– Cambiar transparencia. Cliquear, mantener y arrastrar a la derecha o izquierda para cambiar, cliquear una vez para recomenzar.

– Traer objeto al frente o fondo (sobre o bajo otros elementos); cliquear, mantener arrastrar a izquierda o derecha para cambiar; o presiona "shift" + RePág o AvPág cuando tengas el objeto seleccionado. También puedes usar este atajo cuando tengas varios objetos seleccionados.

– Hacer del objeto un vínculo. Los objetos pueden vincularse co otros sitios (entra el URL completo, ilcuyendo el http) o a elementos dentro de la misma página; usa la siguiente opción para ésto.

– Obtener el nombre del objeto. Usa esta opci´n para vincular objetos de la misma página (ancla). [Agrega # antes del nombre. N. del T.)

– Hacer que el objeto aparezca en todas las páginas. El objeto aparecerá en todas las páginas existentes hasta ese momento y será usado "como un objeto". Modificando el objeto en cualquiera de las páginas cambiará el objeto en las restantes. Perfecto para hacer menúes. Cuando se elimina el original, todas los objetos en las otras se eliminan también, pero cuando se elimina uno de los secundarios, el resto permanece.

– Eliminar objeto, o presiona "supr".



pdf
2.1.2.4. EDITAR ELEMENTO DE TEXTO (COLUMNA HORIZONTAL)


– Cambiar color de fondo/ shift+click para entrar código hexadecimal o RGB decimal. Estos códigos son usados para especificar colores.

– Hacer el fondo transparente.

– Cambiar el cuerpo de letra; cliquear, mantener y arrastrar arriba y abajo para cambiar. Cliquear una vez para recomenzar.

– Cambiar color de letra/ shift+click para entrar código hexadecimal o RGB decimal. Estos códigos son usados para especificar colores.

– Cambiar tipografía. Nótese que las tipografías pueden verse diferentes dependiendo del sistema operativo.

– Cambiar estilo de fuente: normal, negrita, itálica, negrita-itálica.

– Cambiar interlineado; cliquear, mantener y arrastrar arriba y abajo para cambiar, cliquear una vez para recomenzar.

– Cambiar interletrado; cliquear, mantener y arrastrar arriba y abajo para cambiar, cliquear una vez para recomenzar.

– Cambiar espaciado entre palabras; cliquear, mantener y arrastrar arriba y abajo para cambiar, cliquear una vez para recomenzar.

– Cambiar alineado de texto; izquierada, derecha, centro y justificado.

– Cambiar márgenes; cliquear, mantener y arrastrar arriba y abajo para cambiar, cliquear una vez para recomenzar.

– También puedes insertar código HTML. ¡Más sobre esto en la sección Avanzados!



2.2.2. EDITAR IMAGEN


– Activar/ desactivar la repetición en mozaico. ¡Arrastrar el boirde derecho o inferior para hacer un mozaico de tus imágenes!

– Llevar la imagen a su tamaño original.

– Ajustar selección de imágen: cliquear, mantener y arrastrar arriba y abajo para cambiar, cliquear una vez para recomenzar.

– Descargar archivo original.


EDITAR PÁGINA WEB INCRUSTADA


– Cambiar URL.


2.2.3. EDITAR VIDEO INCRUSTADO


– Cliquear la manito en la esquina superior izquierda o en los bordes inferior y derecho para editar.

– Alternar reproducción del video

- Reproducir automáticamente el video cuando la página abre, y toma efecto cuando se actualiza.


2.2.4. EDITAR VIDEO Y AUDIO (OGG) CARGADOS


– Activar/ desactivar inicio automático (toma efecto cuando se actualiza la página).

– Activar/ desactivar recomienzo.

– Muestra o esconde elementos de control.

– Activa/ desactiva audio (modo mudo).

– Reinicia el tamaño original del video.

– Descarga archivo original.



2.1.3. PUNTAS, AYUDAS Y ATAJOS


Agregar elemento: [alt]+[o]

Editar propiedades: [alt]+[p]

Mover un objeto un cuadro en la grilla actual: seleccionar objeto, mantener (shift) y presionar techa flecha.

Seleccionar varios objetos: mantener [shift] y clicquearlos. Arrastrar los objetos para moverlos simultáneamente o presionar "supr" para eleminarlos.

Seleccionar todos los objetos: [ctrl]+[a]

Invertir la selección: [ctrl]+[i]

Alternar la selección de los objetos uno en uno: [tab]

Mover objetos incrustados de youtube y vimeo que sean inalcanzables: Cliquear el borde inferior o derecho para seleccionar el objeto y usa las teclas-flecha para moverlos a la posición deseada. Haz doble click en el borde inferior o derencho para editar el elemento incrustado.

pdf
GRUPOS
1
E
2
E
3
E
4
E
5
E
6
E
I
E
pautas
jaco