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
      Sonido
      Esta página me suena

      Siempre hemos oido que las páginas web y que internet se aprovecha de la tecnología multimedia, que si puedes oir música y ver vídeos. Pues bien el elnguaje HTML, repetimos, es un lenguaje par definir documentos de hipertexto y soporta por tanto elementos multimedia como puede ser sonido. Los navegadores mayoritarios son capaces de ejecutar piezas musicales desde una página web, algo de lo que algunos webmaster abusan despiadadamente. Hasta hace no mucho tiempo el colcoar una pieza de música en una página se pagaba con tiempos de carga muy elevados (el navegador no solo tenía que subir la página con sus imágnes y texto, sino también el archivo de sonido). Pero actualmente la extensión de las redes de alta velocidad ha casi eliminado este problema. Aunque si decides colocar música en tu página piensa en que el visitante quizás no quiera oir música o prefiera escuchar la radio o sus propios CD,s, por tanto dale siempre la oportunidad de hacer callar a la página.

      Los formatos de sonido que serán reproducidos por cualquier navegador son los WAV y MID. Aunque otros formatos también serán reproducidos previa carga del correspoindiente plugin, como Real Audio o Quicktime.

      arriba


      Sonido manual

      Una forma muy simple de ejecutar un sonido es mediante un enlace que llame alk archivo de sonido, el sistema operativo llamará a la aplicación asociada y ese sonido se escuchará. Pero se lanzará la aplicación asociada. Por ejemplo:

      <A HREF="ringin.wav">¿El teléfono?<A>
      

      No está mal, al menos el asunto suena. Pero claro con una aplicación asociada de por medio.

      arriba


      Sonido de fondo

      Pero hay otra manera: el sonido de fondo, un sonido que suena al cargar la página. El navegador de Microsoft, desde la versión 2.0, utilizaba la etiquea BGSOUND:

      <BGSOUND SRC="musica.mid">

      Su parámetro SRC indicará el archivo a reproducir. También podemos permitir que se repita un cierto número de veces mediante el parámetro. Si se indica LOOP="infinite", el archivo se reproducirá indefinidamente, mientras estemos en la página. Para detener la música o cambiar de melodia debíamos hacer uso de Javascript.

      Los exploradores actuales usan la etiqueta <EMBED>, que tiene los siguiente parámetros:

      Parámetro Utilidad
      SRC Contiene el nombre de archivo de sonido a reproducir
      WIDTH y HEIGHT Tamaño de los controles del reproductor que aparece en la página.
      AUTOSTART="true" Arranca automáticamente la reproducción.
      LOOP="true" Reproduce ininterrumpidamente el fichero hasta que salimos de la página.
      HIDDEN="true" Oculta el reproductor.

      Pero el problema del plugin vuelve a aparecer también con este método, puede ocurrir que el ordenador cliente lance su aplicación para hacer sonar el fichero cargado. ¿Y como suena esto? pues este ejemplo os lo muestra.

      arriba


      Comunidad Virtual. Alojamiento gratis