Acumulativo

[Fecha de publicación:2016-08-25]

Temas para el Acumulativo:

Html básico. Javascript (getElementByIdRecomiendo articulo 83) Css Template (recomiendo tener a la mano un template limpio y de caracter único dentro del grado 10.) Php Funciones de cadena y de matemáticas de Php (Tener presente la publicación 28 de Julio de 2016). Recomiendo manuales 80, 83, 86 de artículos / manuales. Acumulativo individual.http://www.coldivinoamor.com/web2016/clase_decimo.php

Respecto a lo anterior, el acumulativo se hizo en parejas, y luego el docente nos permitió unirnos con otro grupo.

[Fecha de publicación:2016-18-08]
Continuación proyecto.

Temas para el acumulativo, próxima clase:

[ Clase 25 Agosto. ]	[ Publicado 19 Agosto. 2016 - 05:26 p.m.]
Temas para el Acumulativo:
Html básico. Javascript (getElementByIdRecomiendo articulo 83) Css Template (recomiendo tener a la mano un template limpio y de caracter único dentro del grado 10.) Php Funciones de cadena y de matemáticas de Php (Tener presente la publicación 28 de Julio de 2016). Recomiendo manuales 80, 83, 86 de artículos / manuales. Acumulativo individual.
Recomendación:
Tener solucionado todos los ejercicios realizados en clase. Tener solucionado el proyecto realizado en clase. Revisar última publicación del grado Noveno.
Importante
1. Tener actualizado el Blog a la última clase.
2. Practicar los conceptos vistos en clases pasadas. http://www.coldivinoamor.com/web2016/clase_decimo.php

Manual 80

<audio controls="">

<source src="tema musical.mp3" type="audio/mpeg">

</source></audio>

Atributos del elemento

Attributo  Valor     Descripción    

autoplay  autoplay  Especifica que el sonido comenzará tan pronto esté disponible.

 controls  controls   Especifica que se muestre en pantalla la barra de control del sonido. 

loop         loop        Especifica que el sonido debe repetirse permanentemente.

 muted     muted     Especifica que el sonido debe ser silenciado 

preload   auto   Especifica si el archivo de sonido debe ser cargado (y cómo) cuando se carga la página. 

src          URL     Especifica el sitio (URL) donde se encuentra el archivo de sonido.

http://www.edutecne.utn.edu.ar/audio/sonido_en_web.pdf

Manual 82

Poner un fondo en mi página web

Cuando estamos diseñando una web una de las cosas que siempre vamos a necesitar es saber como poner un fondo en nuestras páginas web.

Aunque tiempo atrás esto era una tarea que se podía hacer en HTML, desde que se separo HTML para la estructura y CSS para el diseño, fue este segundo lenguaje, el CSS, el que se quedó encargado de tener la capacidad para poner un fondo en una página web.

El atributo de CSS que nos permite poner el fondo de la página web esbackground. Dicho elemento se puede aplicar al fondo de diferentes elementos. Si bien, si queremos utilizar para poner el fondo de la página web, lo tendremos que utilizar sobre el elementobody.

La estructura del elemento background es la siguiente:

background: [color] [image] [repeat] [attachment] [position];

Es decir, podemos indicarle un color RGB, una imagen, podemos indicar cómo se repite o si no se repite. Con attachment podemos indicar si se queda fijo o en formato scroll y por último podremos indicar la posición inicial en la que se situará la imagen.

Lo mejor que puedes hacer es leerte la documentación sobre el elemento background.

Así, nuestro código CSS quedará de la siguiente forma:

<style type="text/css">


body {  


        background:url(fondo.gif) repeat 0 0;                   


 }


</style>

Hay que recordar que este código lo tenemos que poner antes de la etiqueta head.

Otra de la cosas que hay que fijarse en el código es que utilizamos la función url() para indicar el directorio dónde se encuentra la imagen. En nuestro caso la página que diseñamos para ponerle en fondo de mi web está en el mismo directorio que la imagen. Si bien, si queremos utilizar otro directorio podemos poner lo siguiente:

<style type="text/css">


body {  


        background:url('/imagenes/fondo.gif') repeat 0 0;                   


 }


</style>

Ahora la imagen se encuentra en un directorio llamados "imagenes" que está en la raiz.

Por último tenemos que saber que existe otra propiedad llamada background-image, la cual nos permite solo indicar la imagen a utilizar como fondo de mi página web, si no nos queremos preocupar del resto de atributos.

En este caso el código quedaría de la siguiente forma:

<style type="text/css">


body {  


        background-image:url('/imagenes/fondo.gif');


 }


</style>



http://lineadecodigo.com/css/poner-un-fondo-en-mi-pagina-web/

83. Ejercicios de tablas getElemetById

<script>
	document.write('<table width="100%" border="1">');
	for(i = 1; i <= 3; i++){
	document.write('<tr>');
	for(j=1; j <=3; j++){
	document.write('<td>');
	document.write('<input type="text" id="' + (i+"_"+j) + '" value="">' );
	document.write('</td>');
	}
	document.write('</tr>');
	}
	document.write('</table>');
	function buscar(){
	fila = document.getElementById("fila").value;
	columna = document.getElementById("columna").value;
	texto = document.getElementById("texto").value;
	document.getElementById(fila + "_" + columna).value = texto;
	}
	</script>
	<body>
	<br><br>Visualizaci&oacute;n de Tablas de 3 x 3.<br><br>Fila: <select name="fila" id="fila" >
	<option value="1" selected>1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	</select><br>
	columna: <select name="columna" id="columna" >
	<option value="1" selected>1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	</select>
	<br>
	texto: <input type="text" id ="texto"><br>
	<input type="button" value="Aceptar" onClick="buscar()">
	</body>

79.Listar directorios y subdirectorios en PHP.
La función que vamos a realizar recibe una ruta y simplemente hace un listado de los directorios que cuelgan de esa ruta. A su vez, esos directorios pueden tener otros subdirectorios dentro y estos a su vez otros, en la típica estructura de árbol. El script debe recorrer todos los subdirectorios del árbol y listarlos. Para realizar esto, lo más habitual es hacer una función recursiva, que es una función que se llama a si misma para hacer todo el trabajo. 

En nuestro caso, como se decía, vamos a utilizar unas cuantas funciones de PHP para facilitarnos la tarea. Son las siguientes: 

is_dir() que recibe una ruta y devuelve un boleano. True si es un directorio y flase si no lo es. 

opendir() que recibe la ruta de un directorio y genera un gestor de directorio, que utilizaremos luego para extraer los subdirectorios. 


readdir() recibe un gestor de directorio devuelto por opendir() y sirve para leer todo el contenido de un directorio, tanto archivos como subdirectorios. Nosotros lo utilizaremos para obtener cada uno de los subdirectorios que contiene una ruta. En la primera llamada devuelve el primer archivo o subdirectorio, en la siguiente devuelve en segundo. Es decir, cuando se vuelve a llamar devuelve siempre el siguiente fichero y continúa hasta que se acaban, devolviendo false cuando no queda ninguno. 

closedir() recibe un gestor de directorio y lo cierra.
http://www.desarrolloweb.com/articulos/listar-directorios-subdirectorios-php.html

MANUALES

78: Buscar posición de un carácter en una cadena:
Strpos() devuelve la posición del primer caracter de la palabra que estamos buscando.

Ejemplos:

1 2 3 4

// En la posición 0 if ($posicion = strpos("hola mundo", "hola") !== FALSE) {   echo "Palabra encontrada en la posición $posicion"; }

1 2 3 4

//En la posición 9 if ($posicion = strpos("he dicho hola mundo!", "hola") !== FALSE) {   echo "Palabra encontrada en la posición $posicion"; }

PROYECTO

[Fecha de publicación:2016-11-08]
Template, con una tabla en la que se observe la letra indicada, sombreada con cualquier color en las celdas.
Una página de derechos.
Foto de los integrantes del grupo y la URL del blog.
Extra:
Un tablero de ajedrez.