Curso: Diseño  de sitio web Reproductor MP3 Google
<ul><li>Para comenzar, abrimos la administración general de nuestro nodo y vamos a la administración del sitio web </li></...
<ul><li>Para este recorrido vamos a necesitar, previamente, haber subido a la plataforma un archivo de audio en formato MP...
<ul><li>Vamos a suponer que queremos poner un mensaje de bienvenida que grabamos y subimos al sitio web (como en la diapos...
<ul><li>Seleccionamos la página en la cual queremos insertar el reproductor de mp3, ya que necesitaremos editarla </li></ul>
<ul><li>Vamos a suponer que queremos poner un mensaje de bienvenida que grabamos y subimos al sitio web a la sección “uplo...
<ul><li>Pegamos el contenido de lo que habíamos copiado en el bloc de notas, para verlo... </li></ul><embed type=&quot;app...
<ul><li>Copiamos entonces el código resultante de la mezcla, que nos servirá para poner en marcha el sonido. </li></ul><em...
<ul><li>Para pegarlo, buscamos en la barra de menú el icono para pegar, pero el que tiene la letra ” H ”   (que indica  H ...
<ul><li>Notemos que ahora se ve una caja amarilla con una letra “f” en el medio </li></ul><ul><li>No olvidemos ir al pie d...
<ul><li>Volvemos a la vista de usuario para ver el resultado... </li></ul>
Resumiendo <ul><li>Subir un archivo de audio a la sección “Uploads” </li></ul><ul><li>Copiar la dirección del archivo e in...
Próxima SlideShare
Cargando en…5
×

Mp3 Google

2.055 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
2.055
En SlideShare
0
De insertados
0
Número de insertados
43
Acciones
Compartido
0
Descargas
8
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Mp3 Google

  1. 1. Curso: Diseño de sitio web Reproductor MP3 Google
  2. 2. <ul><li>Para comenzar, abrimos la administración general de nuestro nodo y vamos a la administración del sitio web </li></ul>En este tutorial veremos la utilidad de colocar un reproductor de audio (formato MP3) para contenido que hayamos subido a la plataforma. Esta utilidad tiene múltiples usos, desde dejar un mensaje de bienvenida para escuchar, hasta ejemplos específicos de pronunciación para las carreras de idiomas... ...¿Nos acompañan?
  3. 3. <ul><li>Para este recorrido vamos a necesitar, previamente, haber subido a la plataforma un archivo de audio en formato MP3 (breve repaso) </li></ul>1 2 3 4 5 6
  4. 4. <ul><li>Vamos a suponer que queremos poner un mensaje de bienvenida que grabamos y subimos al sitio web (como en la diapositiva anterior) </li></ul>Hacemos clic sobre el botón derecho del mouse en el nombre del archivo de audio que deseamos usar. Del menú contextual seleccionamos la opción “Copiar dirección del enlace”. (Lo que copiamos es código…)
  5. 5. <ul><li>Seleccionamos la página en la cual queremos insertar el reproductor de mp3, ya que necesitaremos editarla </li></ul>
  6. 6. <ul><li>Vamos a suponer que queremos poner un mensaje de bienvenida que grabamos y subimos al sitio web a la sección “uploads”. </li></ul><ul><li>Ubicamos el cursor en el espacio en el que queremos colocar el reproductor mp3 . </li></ul>
  7. 7. <ul><li>Pegamos el contenido de lo que habíamos copiado en el bloc de notas, para verlo... </li></ul><embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl= http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3 &quot; width=&quot;400&quot; height=&quot;27&quot; allowscriptaccess=&quot;never&quot; quality=&quot;best&quot; bgcolor=&quot;#ffffff&quot; wmode=&quot;window&quot; flashvars=&quot;playerMode=embedded&quot; /> javascript:VerNovedad2(' http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3 ') Esta es la dirección de nuestro archivo de audio. Ahora la pondremos “mezclada” dentro de otro fragmento de código. Así que la copiamos y pegamos en este punto
  8. 8. <ul><li>Copiamos entonces el código resultante de la mezcla, que nos servirá para poner en marcha el sonido. </li></ul><embed type=&quot;application/x-shockwave-flash&quot; src=&quot;http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://infd.e-ducativa.com/sitio/upload/Presentacion.mp3&quot; width=&quot;400&quot; height=&quot;27&quot; allowscriptaccess=&quot;never&quot; quality=&quot;best&quot; bgcolor=&quot;#ffffff&quot; wmode=&quot;window&quot; flashvars=&quot;playerMode=embedded&quot; /> No es necesario entender el código! Basta con copiarlo tal cual, sin modificar los espacios, comillas y signos.
  9. 9. <ul><li>Para pegarlo, buscamos en la barra de menú el icono para pegar, pero el que tiene la letra ” H ” (que indica H TML, es decir, el código de las páginas web) y hacemos clic </li></ul><ul><li>En la ventana Insertar texto HTML pegamos el código previamente copiado y presionamos Insertar </li></ul>
  10. 10. <ul><li>Notemos que ahora se ve una caja amarilla con una letra “f” en el medio </li></ul><ul><li>No olvidemos ir al pie de la página y presionar ” Modificar ” para guardar los cambios </li></ul>(eso le indica a la plataforma que hay un objeto allí que requiere Flash para funcionar)
  11. 11. <ul><li>Volvemos a la vista de usuario para ver el resultado... </li></ul>
  12. 12. Resumiendo <ul><li>Subir un archivo de audio a la sección “Uploads” </li></ul><ul><li>Copiar la dirección del archivo e insertarla en el código. </li></ul><ul><li>Colocar el cursor en el punto en el cual queremos insertar el sonido, en la página que queremos poner el reproductor, desde el editor, </li></ul><ul><li>Pegamos el código con el botón para pegar código (H) y presionamos insertar </li></ul><ul><li>No olvidemos el clic en “Modificar” </li></ul>

×