Crea tu web, tutor html, css

Trucos en html

Aquí pretendemos ofrecerte soluciones para problemas que suelen presentarse a la hora de crear una página web. Conocer todas las etiquetas del lenguaje html no siempre garantiza un uso óptimo. Esta es la razón de este apartado.

Nota Estos son código de HTML 4 que funcionaban en navegadores antes de la aparición de HTML 5 que no admite muchas de las etiquetas de esta versión y otras las trata de manera distinta.
 

Flash en el fondo

Los objetos flash en las páginas web se empeñan en colocarse en primer plano con lo que ocultan menús desplegables y otros elementos de la página. Para evitar esto basta con añadir al objeto flash el argumento:
<param name="WMODE" value="trANSPARENT"> El objeto flash no ocultará los elementos dinámicos.
 

Esconder el Email

Existen robots que se dedican a recorrer las páginas web extrayendo las direcciones de correo, a las que luego inundarán con mensajes spam.
Existe un truco muy sencillo para evitar esto sin dejar de mostrar nuestra dirección en la página: crear una imagen gif o jpg con nuestra dirección email. Quien desee enviarnos un email deberá leer nuestra dirección y escribirla a mano en el mensaje creado con su programa de correo.

 

Celda como enlace

Una celda de una tabla puede convertirse en un enlace activo de la manera más simple, basta con un toque de CSS y usando el atributo display. Ejemplo

<td>
<a href="sitio.htm" style="display:block">
Texto del enlace
</a>
</td>

Así de fácil, ahora la celda completa es un enlace. Funciona con los navegadores IExplore (incuído el 10), Chrome y Mozilla.
 

Dimensiones exactas

Para lograr que una fila o una columda tenga una altura o anchura exacta, o para separar dos elementos una distancia fija, utiliza una imagen gif transparente de un sólo pixel. Luego asignale la anchura o altura que desees. Por ejemplo

<table>
<tr>
<td><img src="punto.gif" height="5">
</td>
</tr>

Esa celda poseerá una altura exacta de 5 pixels.

 

Caja de esquinas curvas

Puedes crear una caja de esquinas curvas usando el elemento fieldset de los formularios. Ejemplo

<fieldset>
contenido de la caja con esquinas curvas sin tablas!!!
</fieldset>

Y no es necesario usar tablas.

 

Sonido de fondo

Se puede hacer que suene una música mientras los visitantes visitan la Web, o bien colocar una melodía a modo de presentación. Guarda el sonido en el directorio raíz de tu servidor. el código html es el que sigue:

<bgsound src="sonido.mid" loop=none>
<width=200 height=55 autostart="true" loop="false" hidden="true">

Los sonidos en formato "midi" ocupan menos espacio y por tanto se cargan antes.

 

Archivos para descargar

Si queremos que los visitantes puedan descargar algún archivo solo debemos subir ese archivo a nuestro servidor e insertar en nuestra Web un enlace al mismo:

<a href="archivo.exe">Descripción del enlace </a>

Ahora cuando el visitante pulse sobre ese enlace el navegador abre el diálogo de abrir o guardar el archivo. Lo habitual es usar arvhivos comprimidos en formato zip, de esta manera la descarga es más rápida y se puede bajar cualquier tipo de archivo (previamente comprimido).