Recommended
More Related Content
Viewers also liked
Similar to Maquetacion2
Similar to Maquetacion2 (20)
More from Kmilitha Estrada
More from Kmilitha Estrada (20)
Maquetacion2
- 1. CODIGO MAQUETACION NOMBRE: CAMILA ESTRADA <!DOCTYPE> <HTML> <!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS-->
- 2. <HEAD> <TITLE>mi computador</TITLE> <link href="css/estilo.css" rel="stylesheet" type="text/css"/> <link href="css/header.css" rel="stylesheet" type="text/css"/> <link href="css/centro.css" rel="stylesheet" type="text/css"/> </HEAD> <BODY background="imagen/fondo-de- pantalla-degradado-azul.jpg"> <!--el div agrupa una serie de elementos que van a ser cambiados por el maqueteadorcss-->
- 3. <DIV id="TODO"> <header> <!--header es la cabecera en html5--> <h1><center><font face="cosmic" size=+10 color="faf2ef">compulemo</center></font>< /h1> <form action="index.html" method="post"> <input size="20px" type="text"> <input type="submit" value="buscar"> </form>
- 4. <p>aqui encontraremos variedad de productos requeridos por un usuario, y buscamos satisfacer sus necesidades</p> <NAV> <UL> <!--HACEMOS UNA LISTA NO ORDENADA DE NUESTRO MENU--> <LI><A HREF="#">INICIO</A></LI>
- 6. <center><img class="imagenes" src="H:maquetacion webimagenFACE.JPG"></center> <center><imgclass="imagenes" src="H:maquetacion webimagenPAJARO.JPG"></center> <!--PARA LOS BLOQUES QUE VAN A QUFDAR A LA DERECHA O A LA IZQUIERDA DE LA PAGINA WEB-- > <ASIDE ID="IZQUIERDA"> <P><form action="indeindex.html"method="post"/> <table> <tr>
- 9. </P> </ASIDE> <ASIDE ID="derecha"> <P> <ul> <li><a href="http://kamilaestrada.blogspot.com/">atic ulo 2 <time>8-08- 2013</time></A></li> <li><a href="http://www.youtube.com/watch?v=s9mQ YrSI8Jc">aticulo 1 <time>8-08- 2013</time></A></li>
- 10. <li><a href="http://ponce.inter.edu/vl/computing/hard6 .html">aticulo 3 <time>8-08- 2013</time></A></li> <li><a href="http://www.iemoraosejo.edu.co/moraosejo/ ">aticulo 4 <time>8-08- 2013</time></A></li> </ul> </P> </ASIDE> <!--LOS ARTICULOS PRINCIPALES SE UBICAN CON UN TAG LLAMADO SECTION--> <SECTION>
- 11. <ARTICLE> <center><img class="imagenes" src="H:maquetacion webimagenKLEJITHA.JPG"></center> <h1><center><font face="cosmic" size=+10 color="black"> PARTES DE UN PC </center></font></h1> <H1>CARCAZA</H1> <H1>TARJETA MADRE</H1> <H1>PROCESADOR</H1> <H1>DISCO DURO</H1> <H1>TARJETA DE MEMORIA</H1>
- 12. <H1>TARJETA GRÁFICA</H1> <H1>REPRODUCTOR DE CD O DVD</H1> <H1>UNIDAD DE DISQUETE</H1> <center><imgclass="imagenes" src="H:maquetacion webimagencamila.png"></center> <h1><center><fontface="cosmic" size=+10 color="black"> computadores de escritorio</center></font></h1>
- 13. <p>es una computadora personal que es diseñada para ser usada en una ubicación fija, como un escritorio -como su nombre indica</p> <center><IMG SRC="H:maquetacionwebimagencomp.png" VSPACE=40 HSPACE=30></center> <center><IMG SRC="H:maquetacion webimagencompu2.png" VSPACE=40 HSPACE=30></center> <center><IMG SRC="H:maquetacion webimagencompu3.png" VSPACE=40 HSPACE=30></center>
- 14. <h1><center><font face="cosmic" size=+10 color="black">computadorasportatiles</center> </font></h1> <P> es un ordenador personal móvil o transportable, que pesa normalmente entre 1 y 3 kg. </P> <center><IMG SRC="H:maquetacionwebimagenpor.png" VSPACE=40 HSPACE=30></center> <center><IMG SRC="H:maquetacion webimagenpor1.png" VSPACE=40 HSPACE=30></center>
- 15. <center><IMG SRC="H:maquetacion webimagenpor3.png" VSPACE=40 HSPACE=30></center> <h1><center><font face="cosmic" size=+10 color="black"> tablets</center></font></h1> <center><IMG SRC="H:maquetacion webimagentables mm.png" VSPACE=40 HSPACE=30></center> <center><IMG SRC="H:maquetacion webimagentablesss.png" VSPACE=40 HSPACE=30></center>
- 16. <h1><center><font face="cosmic" size=+10 color="black"> OFERTAS</center></font></h1> <IMG SRC="H:maquetacion webimagenoferta mm.png" VSPACE=40 HSPACE=30> <IMG SRC="H:maquetacion webimagenofer2.png" VSPACE=40 HSPACE=30> <IMG SRC="H:maquetacion webimagenofer3.png" VSPACE=40 HSPACE=30> <h1><center><font face="cosmic" size=+10 color="black">accesorios</center></font></h 1>
- 17. <center><IMG SRC="H:maquetacion webimagenacsesorios.png" VSPACE=40 HSPACE=30></center> <center><IMG SRC="H:maquetacion webimagenacsesorios2.png" VSPACE=40 HSPACE=30></center> <h1><center><font face="cosmic" size=+10 color="black"> ACESORIOS </center></font></h1> <H1>CD</H1> <H1>USB</H1> <H1>MAUSE</H1> <H1>PARLANTES</H1> <H1>JOYSTICK</H1>
- 18. <H1>ADAPTADORES</H1> <H1>MEMORIAS SD</H1> <H1>AUDIFONOS</H1> <H1>JUEGOS PARA PC</H1> <H1>WEBCAM</H1> <H1>SOPORTES</H1> <H1>CABLES DE RED</H1> <H1>CABLES PARA ANTENA WIFI</H1> <H1>CABLES MULTIPROPOSITOS</H1>
- 19. <h1><center><font face="cosmic" size=+10 color="black">impresora y scanners</center></font></h1> <center><IMG SRC="H:maquetacion webimagenimpresora.png" VSPACE=40 HSPACE=30></center> <center><IMG SRC="H:maquetacion webimagenimpresora1.png" VSPACE=40 HSPACE=30></center> <h1><center><font face="cosmic" size=+10 color="black"> OFERTAS</center></font></h1>
- 20. <IMG SRC="H:maquetacion webimagenpp.png" VSPACE=40 HSPACE=30> <IMG SRC="H:maquetacion webimagenppp.png" VSPACE=40 HSPACE=30> <center><IMG SRC="H:maquetacion webimagenklej.gif" VSPACE=40 HSPACE=30></center> <video width="400" height="200" controls="controls" proload="proload"> <sourcesrc="imagenes/ÑengoFlow No Dice Na (Video Oficial).mp4">
- 21. </source> </video> </ARTICLE> <ARTICLE> <H1>ARTICULO DOS</H1> <P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 2 </P> </ARTICLE> <audio controls="controls" src="imagenes/Plan B Se Cree Mala ( Vídeo Oficial ) La Formula.mp3"> si no sirve utilice otro servidor
- 22. </audio> <ARTICLE> <H1>ARTICULO TRES</H1> <P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 3 </P> </ARTICLE> <IMG SRC="H:maquetacion webimagencamila.png" VSPACE=40 HSPACE=30> <ARTICLE> <H1>ARTICULO CUATRO</H1> <P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 4 </P> </ARTICLE>
- 23. <IMG SRC="H:maquetacion webimagenkmila.png" VSPACE=40 HSPACE=30> </SECTION> <!--EL PIE DE PAGINA SE ESCRIBE CON EL TAG FOOTER --> <FOOTER> </footer> </div> </BODY> </HTML>