*hoy teníamos el proyecto de aula,pero como se fue la luz en el colegio no pudimos realizarlo,así que cuadramos fecha para realizarlo el lunes 29 de agosto a las 3:00 pm
* es simular una página web
INCLUIR SONIDO EN UNA PÁGINA WEB
- Se debe utilizar el elemento <audio>. Este solo funciona con los browsers Internet Explorer 9+, Chrome, Safari, Firefox y Opera.
- Conviene incluir una frase de advertencia para los usuarios que utilicen versiones de browser más antiguas.
1.‐ El código básico para incluir sonido en la Página Web es:
<audio control>
<source src="tema musical.mp3"type="audio/mpeg">
<source src="tema musical.ogg"type="audio/ogg">
</source></audio>
Esto hace aparecer en la pantalla una barra de sonido según el browser.
2. Se puede agregar información del audio como un texto informativo sobre el tema musical (título, músicos, duración, etc.) para realizar esto se debe utilizar la etiqueta <p>.
<p>Texto informativo sobre el tema musical (título, músicos, duración, etc.)</p>
<audio controls="">
<source src="tema musical.mp3" type="audio/mpeg">
<source src="tema musical.ogg" type="audio/ogg">
Solo funciona con Internet Explorer 9+, Firefox, Opera, Chrome, y Safari.
</source></audio>
3. Cuando se quieren incluir varios temas musicales, cada [comando de audio] debe estar encerrado y separado de los demás utilizando (por ejemplo) el elemento <div> ….</div>, o colocándolo dentro de la celda de una tabla.
ATRIBUTOS DEL ELEMENTO <audio> :
- Autoplay: El sonido comenzará tan pronto esté disponible.
- Controls: Mostrar en Pantalla la barra de Control de Sonido.
- Loop: El sonido debe repetirse permanentemente.
- Preload: El archivo de sonido debe ser cargado (y cómo) cuando se carga la página.
- Src: Especifica el sitio (URL) donde se encuentra el archivo de sonido.
- Alinear letra de celdas
.- Alineaciones dentro de las celdas.
Veamos como se pueden alinear los objetos dentro de las celdas de una tabla:
Primera fila (alineación horizontal):
En la primera celda el texto está alineado a la izquierda. No hay que hacer nada, es la alineación que se establece por defecto. (Podría escribirse, de todas formas: <td align="left">).
En la segunda celda el texto está alineado en el centro: <td align="center">.
En la tercera celda el texto está alineado a la derecha: <td align="right">.
Segunda fila (alineación vertical):
En la primera celda el texto está alineado en la parte superior: <td valign="top">.
En la segunda celda el texto está alineado en la parte central. No hay que hacer nada, es la alineación vertical establecida p
or defecto. (Podría escribirse, de todas formas: <td valign="middle">) .
En la tercera celda el texto está alineado en la parte inferior: <td valign="bottom">.
Para observar mejor los resultados se ha forzado la altura de las celdas a 50 píxeles. Basta escribirlo en la primera celda de cada fila: <td height="50"> pero podría escribirse en todas ellas.
<html>
<head>
<title>
Tablas 8
</title>
</head>
<body>
<table border width="60%" align="center"
bgcolor="#ffffcc">
<caption>Alineaciones de celdas</caption>
<tr>
<td width="33%" height="50">xxx</td>
<td width="34%" align="center">xxx</td>
<td width="33%" align="right">xxx</td>
</tr>
<tr>
<td height="50" valign="top">xxx</td>
<td align="center">xxx</td>
<td align="right" valign="bottom">xxx</td>
</tr>
</table>
</body>
</html>
|
13.8.- Separaciones entre celdas y entre borde y contenidos.
La separación por defecto entre las celdas es de 2 píxeles. Se puede modificar esta distancia con el atributo de table cellspacing. Tabla con cellspacing de 15 píxeles:
| xxxx |
xxxx
|
xxxx
|
| xxxx |
xxxx
|
xxxx
|
La separación entre el borde la tabla y el contenido de las celdas es de 1 píxel. Se puede modificar con el atributo cellpadding de la etiqueta table. Tabla con cellpadding de 15 píxeles:
| xxxx | xxxx |
xxxx
|
| xxxx |
xxxx
|
xxxx
|
Tomado de:http://roble.pntic.mec.es/apuente/html/paginas/doce.htm
