5.1. GIFs animados.
Podemos añadir pequeñas animaciones en nuestras páginas web que se puedan visualizar en el navegador sin necesidad de 'plug-ins' adicionales gracias al formato GIF89a, que puede guardar varias imágenes GIF formando una animación (a partir de Netscape 2.0).
Estas animaciones siempre que no sean demasiado grandes y molestas pueden dar un toque simpático o de originalidad a un documento HTML.
Afortunadamente no hay que programar nada para realizar GIFs animados, sólo necesitamos una utilidad que pueda cargar la secuencia de GIFs y generar la animación, que después se incluirá en el documento HTML como si fuera una imagen GIF normal <IMG SRC="imagen.gif">.
Hay utilidades shareware y dominio público que permiten realizar GIFs animados, tanto para Macintosh como para Windows. Puedes bajártelas en la sección "Programas y Utilidades".
Al final de la sección hay un ejemplo con GIFs animados.
5.2. GIFs entrelazados y transparentes.
Otras de las opciones que permite el formato GIF89a es la de crear imágenes GIF entrelazadas y/o transparentes.
Un GIF entrelazado no se carga linealmente de arriba a abajo, sino que primero genera una "preview" a baja resolución rápida, y va mejorándola hasta tener toda la imagen cargada en el documento HTML.
La ventaja de esto es que podemos hacernos una idea general de lo que hay en la imagen antes de que se cargue totalmente, agilizando la visualizacion. Todos los dibujos de estas páginas están entrelazados, por lo que puedes observar el efecto al cargarlas.
Un GIF transparente nos permite seleccionar un color de la imagen, y que los pixels que tengan ese color no se muestren al cargar la imagen, de forma similar al efecto "blue-screening" que se utiliza para aislar imágenes y mezclarlas con otro fondo.
Básicamente nos puede servir para eliminar el fondo de una imagen, dejando la silueta, y fundiéndose mejor con el fondo de la página web. Al final del temas hay un ejemplo con un GIF transparente.
Tanto para el entrelazado como para la transparencia son necesarios programas que trabajen con GIF89a, que nos permitan modificar estas opciones al salvar la imagen. Hay utilidades shareware en la seccion "Programas y Utilidades".
5.3. Truco: páginas que cambian solas.
Este es un pequeño truco que si se usa con prudencia e imaginación puede quedar bastante bien.
Consiste en añadir una directiva epecial dentro de la cabecera del documento (sección <HEAD>, donde hasta ahora sólo poníamos el título), que hace que al transcurrir un tiempo determinado seamos enviados automáticamente, y sin necesidad de tocar ningun enlace a otro documento web.
Para realizarlo se pone en la seccion <HEAD> lo siguiente:
<META HTTP-EQUIV="refresh" CONTENT="tiempo
; URL="pagina a la que ir">
Ejemplo:
<HEAD>
<META HTTP-EQUIV="refresh" CONTENT="5 ; URL="siguiente.html">
<TITLE>Pagina de ejemplo</TITLE>
</HEAD>
<BODY>
...
... (codigo de la página HTML)
...
</BODY>
esto haría que a los 5 segundos de cargar esta página nos llevase al documento HTML llamado "siguiente.html".
Una posible utilidad podria ser un documento con frames en el que uno de los frames va cambiando cada cierto tiempo, mostrando mensajes distintos.
Un ejemplo es la página de presentacion que aparece al acceder a estas páginas. Pulsa aquí para ver otro ejemplo.
5.4. Extras: Java, Javascript, CGI-bin
- Java es un lenguaje orientado a objetos que nos permite añadir interactividad a los documentos web, ademas de animaciones más complejas y gran cantidad de efectos.
Java es en su sintaxis muy similar a C++, y a los que ya estén acostumbrados a programar en este lenguaje no les costará mucho esferzo pasarse a Java, pero en caso contrario es algo difícil de aprender. Otra pega es que los programas que genera suelen ser bastante lentos.
De todas formas, si os interesa, hay un tutorial de Java en la fotocopiadora de la EPSA, o un enlace a ese tutorial en la seccion "direcciones de interés".
- Javascript es algo más sencillo, y nos permite aplicar efectos más rápidos y sin necesidad de compilador. Las líneas de código se insertan en medio del propio código HTML, y también es similar al C o C++.
Para más información y tutoriales de Javascript, visita nuestro curso avanzado
También hay un tutorial de Javascript en fotocopiadora de la EPSA y en la sección "direcciones de interés".
Como ejemplo podeís visitar las páginas de la sección "Virus", que incluyen javascripts y java para realizar fundidos, detectar el navegador o el sistema operativo que estamos usando, etc...
- El CGI-bin nos permite crear formularios, cuyos datos se envian a un servidor para almacenarse, permitiendonos realizar, por ejemplo, encuestas a traves de la pagina web, subscribciones... teneis mas información sobre CGIs en fotocopiadora y en web... "direcciones de interés".
Para terminar puedes ver un ejemplo de GIFs animados y transparentes, y otro ejemplo de "páginas que cambian solas".
Otros Links de Interés:
Cocina - Videos - Juegos Gratis - Postales cachondas - Cine - Programas Gratis - Letras de Canciones
Listas de todos los Tutoriales Gratis. 1998- 2007 - -
Los
tutoriales y cursos aquí reunidos son una recopilación de los mejores encontrados en
Internet.
El crédito y copyright de los mismos si lo hubiere corresponde al autor de cada
uno de ellos.
Si tu tutorial o curso está aquí, y deseas darlo de baja de esta recopilación o
quieres añadir el tuyo,
envíanos un mensaje desde
aquí