Post on 24-Dec-2014
description
CODIGO
MAQUETACION
NOMBRE: CAMILA ESTRADA
<!DOCTYPE>
<HTML>
<!--RECUERDE QUE ESTE ES EL TAG PARA COMENTARIOS-->
<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 maqueteador css-->
<DIV id="TODO">
<header>
<!--header es la cabecera en html5-->
<h1><center><font face="cosmic" size=+10 color="faf2ef"> compu lemo</center> </font></h1>
<form action="index.html" method="post">
<input size="20px" type="text">
<input type="submit" value="buscar">
</form>
<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>
<LI> <A HREF="#">CONSOLA</A> </LI>
<LI> <A HREF="#">INFORMATICA</A> </LI>
<LI> <A HREF="#">TELEFONICA</A> </LI>
</nav>
</header>
</UL>
<center><img class="imagenes" src="H:\maquetacion web\imagen\GOGLE.JPG"></center>
<center><img class="imagenes" src="H:\
maquetacion web\imagen\FACE.JPG"></center>
<center><img class="imagenes" src="H:\maquetacion web\imagen\PAJARO.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>
<th colspan="2">
iniciar secion
</th>
</tr>
<tr>
<th>
<label>Usuario</label>
</th>
<th>
<input type="text" name="nombreuser" size="10px">
</th>
</tr>
<tr>
<th>
<label>Contraseña</label>
</th>
<th>
<input type="password" name="pass" size="10px">
</th>
</tr>
</table>
</P>
</ASIDE>
<ASIDE ID="derecha">
<P>
<ul>
<li><a href="http://kamilaestrada.blogspot.com/">aticulo 2 <time>8-08-2013</time></A></li>
<li><a href="http://www.youtube.com/watch?v=s9mQYrSI8Jc"> aticulo 1 <time>8-08-2013</time></A></li>
<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>
<ARTICLE>
<center><img class="imagenes" src="H:\maquetacion web\imagen\KLEJITHA.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>
<H1>TARJETA GRÁFICA</H1>
<H1>REPRODUCTOR DE CD O DVD</H1>
<H1>UNIDAD DE DISQUETE</H1>
<center><img class="imagenes" src="H:\maquetacion web\imagen\camila.png"></center>
<h1><center><font face="cosmic" size=+10 color="black"> computadores de escritorio</center> </font></h1>
<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:\maquetacion web\imagen\
comp.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\imagen\compu2.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\imagen\compu3.png" VSPACE=40 HSPACE=30></center>
<h1><center><font face="cosmic" size=+10 color="black"> computadoras portatiles</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:\maquetacion web\imagen\por.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\imagen\por1.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\
imagen\por3.png" VSPACE=40 HSPACE=30></center>
<h1><center><font face="cosmic" size=+10 color="black"> tablets</center> </font></h1>
<center><IMG SRC="H:\maquetacion web\imagen\tables mm.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\imagen\tablesss.png"
VSPACE=40 HSPACE=30></center>
<h1><center><font face="cosmic" size=+10 color="black"> OFERTAS</center> </font></h1>
<IMG SRC="H:\maquetacion web\imagen\oferta mm.png" VSPACE=40 HSPACE=30>
<IMG SRC="H:\maquetacion web\imagen\ofer2.png" VSPACE=40 HSPACE=30>
<IMG SRC="H:\maquetacion web\imagen\ofer3.png" VSPACE=40 HSPACE=30>
<h1><center><font face="cosmic" size=+10 color="black"> accesorios</center> </font></h1>
<center><IMG SRC="H:\maquetacion web\imagen\acsesorios.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\imagen\acsesorios2.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>
<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>
<h1><center><font face="cosmic" size=+10 color="black">impresora y scanners</center> </font></h1>
<center><IMG SRC="H:\maquetacion web\imagen\impresora.png" VSPACE=40 HSPACE=30></center>
<center><IMG SRC="H:\maquetacion web\imagen\impresora1.png" VSPACE=40 HSPACE=30></center>
<h1><center><font face="cosmic" size=+10 color="black"> OFERTAS</center> </font></h1>
<IMG SRC="H:\maquetacion web\imagen\pp.png" VSPACE=40 HSPACE=30>
<IMG SRC="H:\maquetacion web\imagen\ppp.png" VSPACE=40 HSPACE=30>
<center><IMG SRC="H:\maquetacion web\imagen\klej.gif" VSPACE=40 HSPACE=30></center>
<video width="400" height="200" controls="controls" proload="proload">
<source src="imagenes/Ñengo Flow No Dice Na (Video Oficial).mp4">
</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
</audio>
<ARTICLE>
<H1>ARTICULO TRES</H1>
<P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 3 </P>
</ARTICLE>
<IMG SRC="H:\maquetacion web\imagen\
camila.png" VSPACE=40 HSPACE=30>
<ARTICLE>
<H1>ARTICULO CUATRO</H1>
<P> ESTE ES UN PARRAFO QUE PERTENECE AL ARTICULO 4 </P>
</ARTICLE>
<IMG SRC="H:\maquetacion web\imagen\kmila.png" VSPACE=40 HSPACE=30>
</SECTION>
<!--EL PIE DE PAGINA SE ESCRIBE CON EL TAG FOOTER -->
<FOOTER>
</footer>
</div>
</BODY>
</HTML>