1. PRESENTACIÓN
1. 0. HOTGLUE
Adjuntamos tutorial (en proceso ______). Hasta ahora contiene "cómo sacar una cuenta", razones para usar este sistema y algunos errores de tipeo.
NOTA: Las presentes instrucciones han sido traducidas ¡¡¡de acá!!! y de acá ______)
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+
1.2. CREAR, CAMBIAR O ELIMINAR UNA CUENTA (No se aplica. No hace falta crear nueva cuenta: el sitio ya existe).
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.
1.3. 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
1.4 ¿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 otra 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.
1.5 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. ¡SÓLO CLICK Y DOBLE CLICK! - MENÚ DE CONTEXTO
2.1. AGREGAR OBJETO; 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 o YouTube: entrar URL correspondiente. P.e. http://www.youtube.com/watch?v=-kX23P1b3NU
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.
3. ¿QUÉ HAGO CON LOS OBJETOS? - MANEJO
"Objetos" son cajas de texto (con o sin texto), archivos en general (que se visualizan como el ícono de un papel. P.e. en caso de un .doc o un .pdf), fotos y videos (incrustados o subidos directamente al servidor). Es decir, el resultado de cualquiera de las cuatro operaciones mencionadas en 2.1.
3.1. EDITAR, SELECCIONAR OBJETOS
Cliqueando un objeto seleccionará el objeto y dará opciones de edición, las que se describen en el siguiente capítulo.
Para mover un objeto puedes:
- seleccionarlo y arrastrarlo con el mouse, o...
- usar 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.
3.2 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.
4. ¿NADA MÁS QUE ÉSO? - MENÚES DE OBJETO
4.1. EDITAR PROPIEDADES DE OBJETO (todos los objetos en general, 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".
4.2. EDITAR OBJETO 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!
4.3. 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.
4.4. EDITAR PÁGINA WEB INCRUSTADA
Cambiar URL.
4.5. 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.
4.6. 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.
5. 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.