-
Cómo crear una página web con música integrado que reproduce mientras una persona navega por el sitio web
-
Si usted tiene música que se reproduce en una página de su sitio web, se detendrá cuando un usuario se mueve a una nueva página. Esto sucede porque la música es local a la página en la que está integrado. Esto hace que sea difícil mantener un flujo ininterrumpido de reproducción de música mientras que los usuarios exploran diferentes páginas de su sitio web. Un marco es un archivo HTML que reside dentro de otro archivo HTML. Mediante el uso de marcos, puede crear un flujo ininterrumpido de la música que sigue a una persona a través de su página web.Instrucciones
1 Crear un documento HTML con este código:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<title>Music.htm</title></ Head>
<Body>
<Embed />
</ Body>
</ Html>
Esto incrusta de audio en la página web. Reemplazar "xyz.mp3" con el nombre de una canción que desea reproducir en su sitio web. Guarde el archivo como "Music.htm."
2 Cree otro documento HTML con este código:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<title>Page1.htm</title></ Head>
<Body>
<a href="page2.htm"> Esta es Página1.htm. Haga clic para ver Page2.htm </a>
</ Body>
</ Html>
Esto crea un enlace. Al hacer clic en el enlace, el navegador se abrirá "Page2.htm." Guarde este archivo como "Página1.htm."
3 Cree otro documento HTML con este código:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<title>Page2.htm</title></ Head>
<Body>
<a href="page2.htm"> Esta es Page2.htm. Haga clic para ver Página1.htm </a>
</ Body>
</ Html>
Esto también crea un enlace. Al hacer clic en el enlace, el navegador se abrirá "Página1.htm." Guarde este archivo como "Page2.htm."
4 Crear un archivo de texto vacío y añadir lo siguiente:
<Html>
<Frameset rows = "99%, 1%">
<Frame />
<Frame />
</ Frameset>
</ Html>
Esto crea un conjunto de marcos. Este conjunto de marcos contiene un marco que sostiene "Music.htm" y otro marco que sostiene "Página1.htm." Las filas de parámetros 'define la altura de cada trama. En este ejemplo, la segunda trama que contiene "Music.htm" toma hasta 1 por ciento de la pantalla. El usuario no podrá ver esta página, pero la música sigue jugará. Guarde este archivo como "MasterFrame.htm."
5 Abrir "MasterFrame.htm" en su navegador. Debe escuchar música. Haga clic en el enlace para ir a "Page2.htm." Aún debe escuchar la música, ya que juega en el marco que contiene "Music.htm."
Consejos y advertencias
- Cambiar el nombre de "MasterFrame.htm" a un nombre más significativo. Si desea que los usuarios puedan ver una parte del reproductor de música incorporado, modificar los valores del parámetro filas. Por ejemplo, cuando el reproductor de música ocupa el 20 por ciento de la pantalla: <frameset rows = "80%, 20%">
