Your SlideShare is downloading. ×
Maquetacion2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
80
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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>
  • 5. <LI><A HREF="#">CONSOLA</A></LI> <LI><A HREF="#">INFORMATICA</A></LI > <LI><A HREF="#">TELEFONICA</A></LI> </nav> </header> </UL> <center><imgclass="imagenes" src="H:maquetacion webimagenGOGLE.JPG"></center>
  • 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>
  • 7. <thcolspan="2"> iniciarsecion </th> </tr> <tr> <th> <label>Usuario</label> </th> <th> <input type="text" name="nombreuser" size="10px">
  • 8. </th> </tr> <tr> <th> <label>Contraseña</label> </th> <th> <input type="password" name="pass" size="10px"> </th> </tr> </table>
  • 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>

×