Crea tu Web: Indice de diseño

Ahora también
> HTML versión 5 <
  • Introducción al curso
    • Introducción
    • Requisitos
    • Agradecimiento
  • El HTML
    • Versiones de HTML
    • HTML 2.0
    • HTML 3.0 y 3.2
    • HTML 4.0
    • Estándares en este curso
  • Mi primera página
    • La primera página
    • El código
    • La explicación
    • El cuerpo del documento
  • El documento HTML
    • La página
    • La cabecera
    • El cuerpo
  • Formato del texto
    • Formato básico
    • Formato del párrafo
    • Las 6 cabeceras
    • Cambiando el tipo de letra
    • Formato de frase
    • Otros elemento
  • Tipos de letras
    • Formateo de texto
    • Cambio de color
    • Tamaños del texto
    • Tipo de letra
  • Caracteres especiales
    • Caracteres especiales
    • Caracteres extendidos
    • Caracteres de control
  • Enlaces web
    • Los enlaces
    • La etiqueta <A>
    • Las URLs
    • Anclas
  • Listas
    • Listas
    • Listas desordenadas
    • Listas ordenadas
    • Listas de definiciones
  • Imágenes
    • Imágenes
    • Imágenes y enlaces
    • Alineación respecto al texto
  • Formularios
    • Formularios
    • Cajas de texto
    • Opciones
    • Botones del formulario
    • Otros elemento
  • Formularios avanzados
    • Controles avanzados
    • Etiquetas
    • Agrupación de elementos
    • Desactivación de elementos
  • Mapas
    • Mapas
    • Mapas lado cliente
    • Cómo usar un mapa
  • Tablas
    • Tablas
    • Definir las filas
    • Definir las celdas
    • Título de la tabla
  • Marcos
    • Marcos
    • Etiqueta <FRAMESET>
    • Etiqueta <FRAME>
    • Acceso a otros marcos
  • Hojas de estilo (1)
    • Estilos CSS
    • Clases
    • Etiquetas <SPAN> y <DIV>
  • Hojas de estilo (2)
    • Referencia CSS
    • Propiedades de bloque
    • Propiedades de tipo de letra
    • Propiedades de formato del texto
    • Propiedades de color y fondo
    • Propiedades de clasificación
  • Los scripts
    • Los Scripts
    • Javascript
  • Capas
    • Las capas
    • Definición
    • Propiedades
  • Sonido
    • Sonido en la página
    • Sonido manual
    • Sonido de fondo
  • Trucos
    • Guía de estilo
      • Guía de estilo
      • Contenido
      • Navegación
      • Estructura de las páginas
      • Accesibilidad
      • Diseño
      • Mantenimiento y prueba
    • Enlaces de interés
      • Más HTML
      • Más JavaScript
      • HTML dinámico
      • Otras tecnologías
      Trucos 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.
      arriba


      Flash al fondo de la página
      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.
      arriba


      Esconder tu 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.

      arriba


      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.
      arriba


      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.

      arriba


      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.

      arriba


      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.

      arriba


      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).

       

      arriba


      Comunidad Virtual. Alojamiento gratis