Images

agosto-23/2016

se continua trabajando en el proyecto plazo de 8 dias para entregarlo al ingeniero

<html>
<head><title>SebastianRamirez_WilliamRODRIGUEZ</title></head> 
<body background="G:\Ramirezsebastian_RodriguezWilliam_pc-159_9A/imagen/fondo 2.jpg">
<EMBED SRC="G:\Ramirezsebastian_RodriguezWilliam_pc-159_9A/musica/musica.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">>
<table width="100%" border="0" >
<tr>
<td bgcolor="#C0C0C0" rowspan="2"><img src="G:\Ramirezsebastian_RodriguezWilliam_pc-159_9A/imagen/jjjjj.png"></td>
<td bgcolor="orange"><b>inicio</td>
<td bgcolor="orange"><b>reseña_historica</td>
<td bgcolor="orange"><b>mision-vision</td>
<td bgcolor="orange"><b>zona_de_recreacion_familiar_Ergo</td>
<td bgcolor="orange" colspan="2"><b>contacto,</td>
<td bgcolor="orange"><br></td>
</tr>
<tr>
<td bgcolor="#C0C0C0"><b>tipos de ladrillo</td>
<td bgcolor="#C0C0C0"><b>|_Proceso_de_Seleccción_de_Mezcla_|</td>
<td bgcolor="#C0C0C0"><b> Proceso_en_Producción_de_Extendido_|</td>
<td bgcolor="#C0C0C0"><b> Proceso _de_Encasille_| </td>
<td bgcolor="#C0C0C0"><b> Proceso_de_Quema</td>
<td bgcolor="#C0C0C0"><b>|_Proceso_de_Deshorne_|</td>
</tr>
</table>
<table width="100%" height="7%">
<tr><td bgcolor="orange"></td></tr>
<tr><td bgcolor="black"></td></tr>
</table>
<img src="G:\Ramirezsebastian_RodriguezWilliam_pc-159_9A/imagen/imagen 4.png" width="100%">
<table align="center">
<tr><td><font color="white"><font size=20><b>construyendo_un_futuro_seguro</font></font></td></tr>
<tr><td bgcolor="orange"><font size=20>Fabricació_de Ladrillos_H7-H10-H12-H15-H10_1/2_y_Tejas</font></td></tr>
</table>
</body>
</html>


Images

Agosto-16/2016

Hacer una simulación de una pagina web:

1.crear una carpeta que se llame: PrimerApellidoPrimerNombre_PrimerApellidoPrimerNombre_##_9a
2.el primer documento se debe llamar index.html
3.debe crear una carpeta que se llame carpeta imagenes en la cual deben ir las imagenes
4.la pagina debe tener integrada musica.
http://www.edutecne.utn.edu.ar/audio/sonido_en_web.pdf

5.el title debe ser el primernombreprimerapellido .
6.todas las imagenes debe llevar una "AYUDA RAPIDA".
7.El diseño debe ser lo mas parecido a la pagina original.

http://www.ladrilleraergo.com/





Images

Agosto-9/2016

Evaluacion

<html>
<head><title>evaluacion</title></head>
<body>
<table width="80%" border="1">
<tr>
<td rowspan="2">12 78</td>
<td>34</td>
<td>56</td>
</tr>
<tr>
<td colspan="2">9 10 11 12</td>
<td>13 14</td>
</tr>
</table>
</body>
</html>

Anclas

Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.
Para crear un ancla (anchor) se procede de la siguiente manera:

<A NAME="nombre_etiqueta">Texto del elemento ancla</A>

Visualmente est elemento no tiene niun efecto, pero si lo tiene en forma interactiva con el usuario.
Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:

<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>

De esta manera accederemos a la posición donde hayamos puesto el ancla
Por ejemplo al final de este documento hemos puesto la siguiente ancla:

<a name="final">Este es el final del documento!!</a>

Y para acceder a esa posición usamos el siguiente hipernlace:

<A HREF="#final">Vamos al final del documento</A>

Que se vería así:
Vamos al final del documento (clicklea el hiperenlace para ver lo que sucede!!)
usando #nombre_etiqueta estamos asumiendo que el ancla esta en el documento actual, o sea estamos usando un ruta relativa al documento.

Si queremos acceder a un ancla desde fuera del documento, usamos un enlace más completo donde se incluye el nombre del documento donde se encuentra el ancla:
<A HREF="anclas.php#final">Vamos al final del documento</A>

En nuestro caso este documento se llama anclas.php. El nombre del docuemnto se coloca siempre antes del signo gato (#).
La anclas son muy buenas por ejemplo para presentar un listado inicial, y cada elemento del listado se desarrolla a lo largo del documento, pudiendo enlazar con anclas las diferentes posiciones del documento donde se desarrolla cada elemento del listado incial.

http://www.bufoland.cl/cursoweb/html/anclas.php


Images

Agosto-2/2016

Tutorial HTML: Tablas con Colspan y Rowspan

Es la forma de fusionar celdas en una tabla.
Rowspan, indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.
Colspan, indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.
De esta forma si ponemos <td colsan=2>, quiere decir que la celda actual se extiende en el ancho de dos celdas.
Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará el alto de 3 celdas normales.
Veamos un ejemplo:
Si visualizamos esta tabla, podemos observar que la primera celda ocupa tres filas, y no sobrepasa la altura total de las tres celdas que tiene a la derecha.
Países Europeos
España
Madrid
Francia
Paris
Reino Unido
Londres
Países Americanos
EEUU
Washington
Canada
Toronto
Mexico
Mexico
Código fuente de la tabla:
<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3"><p>Países Europeos</p></td>
<td><p>España</p></td>
<td><p>Madrid</p></td>
</tr>
<tr>
<td><p>Francia</p></td>
<td><p>Paris</p></td>
</tr>
<tr>
<td><p>Reino Unido</p></td>
<td><p>Londres</p></td>
</tr>
<tr>
<td rowspan="3"><p>Países Americanos</p></td>
<td><p>EEUU</p></td>
<td><p>Washington</p></td>
</tr>
<tr>
<td><p>Canada</p></td>
<td><p>Toronto</p></td>
</tr>
<tr>
<td><p>Mexico</p></td>
<td><p>Mexico</p></td>
</tr>
</table>
Images

julio-26/2016

Este día resolvimos todas las dudas que teníamos sobre varias etiquetas, con ejemplos, e hicimos una evaluación. La solución de la evaluación era la siguiente.

<html>
<head><title></title></head>
<body bgcolor="00ff00" text="fff">
<table width="70%" border="1">
<tr>
<td><b>peña nelson</b></td>
<td><img src="" width="32px" height="32px"></td>
<td><ul><li>1</li><li>2</li><li>3</li></ul></td>
</tr>

<tr>
<td><u>peña nelson</u></td>
<td><marquee direction="up">divino amor</marquee></td>
<td><font color="f00"><b><h3>9a</h3></b></font></td>
</tr>

<tr>
<td><hr></td>
<td><marquee direction="down">150</marquee></td>
<td><font color="000"><b><h3>jorge</h3></b></font></td>
</tr>

</table>
</body>
</html>