CONFORMACIÓN DEL MÓDULO IMÁGENES
PÁGINAS
CÓDIGO DE PÁGINAS
ANIMACIÓN.HTML <html> <head> <title>::::::ANIMACION::::::</title> </head> <br> <br> <body bgcolor="#1A1AA6" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <center> <IMG SRC="XXXXX.xxx"> </center> <marquee><h1>BIOGRAFIA</h1></marquee> <BR><BR><BR>
<marquee><h2>CREATED BY: STUDENT</h2></marquee> <BR><BR><BR> <center> <H1> <TABLE BORDER=2> <TR> <TD><A HREF="inicio.html"> INICIO </A></TD> <TD><A HREF="biografia.html"> BIOGRAFIA </A></TD> <TD><A HREF="PAGINA3.html"> TABLA DE ENLACES </A></TD> <TD><A HREF="ANIMACION.html"> ANIMACION </A></TD> <TD><A HREF="CSS.HTML"> PAGINA CSS</A></TD> <TD><A HREF="PAGINA1.html"> IMAGENES PLANAS </A></TD> <TD><A HREF="PAGINA2.html"> IMAGENES GIF </A></TD> </TR> </TABLE> </H1> </center> <BR><BR><BR><center> <IMG SRC="XXXXX.xxx"> </center> <BR><BR><BR><center> <IMG SRC="XXXXX.xxx"> </center> <BR><BR><BR><center> <IMG SRC="XXXXX.xxx"> </center> <BR><BR><BR><center> <IMG SRC="XXXXX.xxx"> </center> <BR><BR><BR><center> <IMG SRC="XXXXX.xxx"> </center>
<BR> <BR> <CENTER> <B> <TABLE> <TR> <TD><FONT COLOR="WHITE"> ****** ****** ****** </FONT></TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD><FONT COLOR="WHITE"> ****** ****** ****** </FONT></TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD><FONT COLOR="WHITE"> ****** ****** ****** </FONT></TD> </TR> </TABLE> </B> </body> </html>
BIOGRAFIA.HTML <html> <head> <title>::::::HOME::::::</title> </head> <br> <br> <body bgcolor="#1A1AA6" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: PAGINA PRINCIPAL DEL MÃ&#x201C;DULO :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER>
<marquee><B><H2> :::...:::...::: :::...:::...:::</H2></B></marquee>
:::...:::...::
BIOGRAFIA
:::...:::...:::
<center> <H1> <TABLE BORDER=2> <TR> <TD><A HREF="inicio.html"> INICIO </A></TD> <TD><A HREF="biografia.html"> BIOGRAFIA </A></TD> <TD><A HREF="PAGINA3.html"> TABLA DE ENLACES </A></TD> <TD><A HREF="ANIMACION.html"> ANIMACION </A></TD> <TD><A HREF="CSS.HTML"> PAGINA CSS</A></TD> <TD><A HREF="PAGINA1.html"> IMAGENES PLANAS </A></TD> <TD><A HREF="PAGINA2.html"> IMAGENES GIF </A></TD> </TR> </TABLE> </H1> </center> <BR> <BR>
</center> <BR><BR><BR> <marquee><B><H2> :::...:::...::: :::...:::...:::</H2></B></marquee> <center>
:::...:::...::
ESTUDIANTE
<center> <IMG SRC="2.JPG"> </center>
<center>
<B> <TABLE> <TR> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD> ****** ****** ****** </TD>
:::...:::...:::
<TD><H1><a HREF="INICIO.HTML">SIGUIENTE</a></H1> </TD> <TD> ****** ****** ****** </TD> </TR> </TABLE> </B> </center>
</body> </HTML>
HOME.HTML <html> <head> <title>::::::HOME::::::</title> </head> <br> <br> <body bgcolor="#1A1AA6" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: PAGINA PRINCIPAL DEL MÃ&#x201C;DULO :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER>
<marquee><B><H2> :::...:::...::: :::...:::...:::</H2></B></marquee>
:::...:::...::
BIOGRAFIA
:::...:::...:::
<BR> <BR> <center> <H1> <TABLE BORDER=2> <TR> <TD><A HREF="inicio.html"> INICIO </A></TD> <TD><A HREF="biografia.html"> BIOGRAFIA </A></TD> <TD><A HREF="PAGINA3.html"> TABLA DE ENLACES </A></TD> <TD><A HREF="ANIMACION.html"> ANIMACION </A></TD> <TD><A HREF="CSS.HTML"> PAGINA CSS</A></TD> <TD><A HREF="PAGINA1.html"> IMAGENES PLANAS </A></TD> <TD><A HREF="PAGINA2.html"> IMAGENES GIF </A></TD> </TR> </TABLE> </H1> </center> <BR> <BR>
</center> <BR><BR><BR> <marquee><B><H2> :::...:::...::: :::...:::...:::</H2></B></marquee> <center>
:::...:::...::
ESTUDIANTE
<center> <IMG SRC="2.JPG"> </center> <BR> <BR> <center> <B> <TABLE> <TR> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="INICIO.HTML">INICIO</a></H1> </TD> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD> ****** ****** ****** </TD>
:::...:::...:::
</TR> </TABLE> </B> </center> </body> </HTML>
PAGINA1.HTML <HTML> <HEAD> <TITLE>Ejemplo del uso de imรกgenes </TITLE> </HEAD> <BODY bgcolor="aqua" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: IMAGENES :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER> <br> <br> <CENTER><img src="1.jpg"></CENTER> <br> <br> <center> <H1>
<TABLE BORDER=2> <TR> <TD><A HREF="inicio.html"> INICIO </A></TD> <TD><A HREF="biografia.html"> BIOGRAFIA </A></TD> <TD><A HREF="PAGINA3.html"> TABLA DE ENLACES </A></TD> <TD><A HREF="ANIMACION.html"> ANIMACION </A></TD> <TD><A HREF="CSS.HTML"> PAGINA CSS</A></TD> <TD><A HREF="PAGINA1.html"> IMAGENES PLANAS </A></TD> <TD><A HREF="PAGINA2.html"> IMAGENES GIF </A></TD> </TR> </TABLE> </H1> </center> <br> <br> <CENTER> <B><H3>::..::..:: ROBOTS ::..::.:::</H3></B> </CENTER> <ul> <li><img src="2.jpg"></li>
<li><img src="3.jpg"></li> <li><img src="4.jpg"></li> </ul> <CENTER> <B> <TABLE> <TR> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD> ****** ****** ****** </TD> </TR> </TABLE> </B> </CENTER> </BODY> </HTML>
PAGINA2.HTML <HTML> <HEAD> <TITLE>Ejemplo del uso de imรกgenes con animaciรณn </TITLE> </HEAD> <BODY bgcolor="LIGHTSEAGREEN" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: IMAGENES EXTENSDIร N .GIF :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER> <br> <br> <CENTER><img src="5.gif"></CENTER> <br> <br> <br> <br> <br>
<br> <br> <br> <CENTER> <B><H3>::..::..:: ROBOTS ::..::.:::</H3></B> </CENTER> <ul> <li><img src="6.gif"></li> <li><img src="7.gif"></li> <li><img src="8.gif"></li> </ul> <BR> <BR> <CENTER> <B> <TABLE> <TR> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD> ****** ****** ****** </TD>
</TR> </TABLE> </B> </BODY> </HTML>
PAGINA3.HTML <HTML> <HEAD> <TITLE>::::::Mรณdulo:::::: de::::::imรกgenes::::::listas::::::tabla:::::: </TITLE> </HEAD> <BODY bgcolor="PLUM" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: MODULO ::::: WEB ::::: SENCILLO :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <br> <B><H2>:::::.....::::: IMAGENES INANIMADAS ::::: IMAGENES ANIMADAS ::::: LISTAS ::::: Y ::::: TABLAS :::::.....:::::</H2></B> <br> <B><H3>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H3></B> <br> <B><H4>::..::..:: ROBOTICA ::..::.:::</H4></B> <br> <br> <CENTER>
<B><H3>::..::..::PÁGINAS ::..::.:: WEB ::..::.::</H3></B> </CENTER> <br> <br> <CENTER> <TABLE border="2px"> <TR> <TH colspan =3>ROBOTICA</TH> </TR> <TR> <TH colspan =3>ROBOTS FASE 1</TH> </TR> <TR> <TD> PÁGINA 1 </TD> <TD><A HREF="PAGINA1.HTML"> <img src="2.JPg"> </A></TD> <TD> ENLACE </TD> </TR> <TR> <TH colspan =6>ROBOTS FASE 2</TH>
</TR> <TR> <TD> PÁGINA 2 </TD> <TD><A HREF="PAGINA2.HTML"> <img src="7.gif"></A> </TD> <TD> ENLACE </TD> </TR> </TABLE> </CENTER> <BR> <BR> <CENTER> <B> <TABLE> <TR> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD> ****** ****** ****** </TD> </TR>
</TABLE> </B> </BODY> </HTML>
PAGINA4.HTML <HTML> <HEAD> <TITLE>Ejemplo del uso de imágenes </TITLE> </HEAD> <BODY bgcolor="aqua" LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: TEXTO ::::: IMAGENES ::::: LISTAS ::::: TABLAS :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...::: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER> <br> <P ALIGN="JUSTIFY">Este término tiene sus orígenes en los años veinte, y se ha ido desarrollando hasta la actualidad, teniendo gran importancia en la educación. En dicho ámbito se sigue una metodología, destacando su influencia en el desarrollo de las inteligencias múltiples, así como unas bases para poder alcanzar una serie de objetivos. Además, esta disciplina ayuda a dar respuesta a los alumnos con necesidades educativas especiales.</P>
<br>
<ul> <li><img src="2.jpg"></li> <li><img src="3.jpg"></li> <li><img src="4.jpg"></li> </ul> <br> <br> <CENTER> <B><H3>::..::..:: ROBOTS ::..::.:::</H3></B> </CENTER> <br> <br> <CENTER> <TABLE border="2px"> <TR> <TH colspan =6>ROBOTICA</TH> </TR>
<TR> <TH colspan =6>ROBOTS FASE 1</TH> </TR> <TR> <TD> Celda 1 </TD> <TD> Celda 2 </TD> <TD> Celda 3 </TD> <TD> Celda 4 </TD> <TD> Celda 5 </TD> <TD> Celda 6 </TD> </TR> <TR> <TD> Celda 1 </TD> <TD> Celda 2 </TD> <TD> Celda 3 </TD> <TD> Celda 4 </TD> <TD> Celda 5 </TD> <TD> Celda 6 </TD> </TR> <TR>
<TH colspan =6>ROBOTS FASE 2</TH> </TR> <TR> <TD> Celda 1 </TD> <TD> Celda 2 </TD> <TD> Celda 3 </TD> <TD> Celda 4 </TD> <TD> Celda 5 </TD> <TD> Celda 6 </TD> </TR <TR> <TD> Celda 1 </TD> <TD> Celda 2 </TD> <TD> Celda 3 </TD> <TD> Celda 4 </TD> <TD> Celda 5 </TD> <TD> Celda 6 </TD> </TR </TABLE> </CENTER>
<br> <CENTER><img src="1.jpg"></CENTER> <br> <BR> <BR> <BR> <CENTER> <B> <TABLE> <TR> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD> ****** ****** ****** </TD> </TR> </TABLE> </B>
</BODY> </HTML>
INICIO.HTML html> <head> <title>::::INICIO::::</title> </head> <body bgcolor=" #908b8e -" LINK="GREEN" ALINK="GREEN" VLINK="GREEN"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER> <BR><BR><BR> <marquee><h1>INICIO</h1></marquee> <BR><BR><BR> <center> <H1> <TABLE BORDER=2> <TR> <TD><A HREF="inicio.html"> INICIO </A></TD> <
INICIO
<TD><A HREF="biografia.html"> BIOGRAFIA </A></TD> <TD><A HREF="PAGINA3.html"> TABLA DE ENLACES </A></TD> <TD><A HREF="ANIMACION.html"> ANIMACION </A></TD> <TD><A HREF="CSS.HTML"> PAGINA CSS</A></TD> <TD><A HREF="PAGINA1.html"> IMAGENES PLANAS </A></TD> <TD><A HREF="PAGINA2.html"> IMAGENES GIF </A></TD> </TR> </TABLE> </H1> </center> <BR> <BR> <center> <IMG SRC="6.GIF"> </center> <BR><BR><BR> <center> <B> <TABLE> <TR>
<TD> ****** ****** ****** </TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD> ****** ****** ****** </TD> <TD><H1><a HREF="INICIO.HTML">SIGUIENTE</a></H1> </TD> <TD> ****** ****** ****** </TD> </TR> </TABLE> </B> </center> </body> </HTML>
CSS.HTML <!Doctype html> <html> <head> <title>:::::.....:::::.....:::::.....::::: Efecto :::::.....:::::.....:::::.....:::::</title> <style type="text/css"> body{ background-color: #015ffe; } ul{ width: 920px; margin: 0 auto; margin-top: 100px; } ul li{ list-style: none;
en
imagenes
con
css
} ul li img{ background-size: cover; border-radius: 6px; float: left; margin-right: -5px; opacity: .6; width: 200px; height: 200px; -webkit-transition:all .6s ease; } ul li img:hover{ opacity: 1; border-radius: 200px; -webkit-transform:scale(1.25) rotate(360deg); box-shadow: 0px 0px 20px #ddd; } </style>
</head> <body LINK="WHITE" ALINK="WHITE" VLINK="WHITE"> <CENTER> <B><H1><MARQUEE>:::::.....:::::.....:::::.....::::: USO DE EFECTO EN IMAGENES CON ESTILO CSS :::::.....:::::.....:::::.....:::::</MARQUEE></H1></B> <B><H2>:::...:::...:: CREADO POR: NOMBRE ESTUDIANTE :::...:::...:::</H2></B> <B><H3>::..::..:: ROBOTICA ::..::.:::</H3></B> </CENTER> <ul> <li><img src="1.jpg"></li> <li><img src="2.jpg"></li> <li><img src="3.jpg"></li> <li><img src="4.jpg"></li> </ul> <BR> <BR> <BR> <BR>
<BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <P ALIGN="JUSTIFY">La robótica educativa es una subdisciplina de la robótica aplicada al ámbito educativo que se centra en el diseño, el análisis, la aplicación y la operación de robots. Se puede enseñar en todos los niveles educativos, desde la educación infantil y primaria hasta los posgrados. La robótica también se puede utilizar para fomentar y facilitar la instrucción en otras disciplinas, tales como la programación informática, la inteligencia artificial o la ingeniería de diseño.</P>
<BR> <P ALIGN="JUSTIFY">Este término tiene sus orígenes en los años veinte, y se ha ido desarrollando hasta la actualidad, teniendo gran importancia en la educación. En dicho ámbito se sigue una metodología, destacando su influencia en el desarrollo de las inteligencias múltiples, así como unas bases para poder alcanzar una serie de objetivos. Además, esta disciplina ayuda a dar respuesta a los alumnos con necesidades educativas especiales.</P>
<BR> <center>
<CENTER> <B> <TABLE> <TR> <TD><FONT COLOR="WHITE"> ****** ****** ****** </FONT></TD> <TD><H1><a HREF="HOME.HTML">HOME</a></H1> </TD> <TD><FONT COLOR="WHITE"> ****** ****** ****** </FONT></TD> <TD><H1><a HREF="BIOGRAFIA.HTML">CREADOR</a></H1> </TD> <TD><FONT COLOR="WHITE"> ****** ****** ****** </FONT></TD> </TR> </TABLE> </B>
</center> </body> </html>