MAPA DE NAVEGACION
WIREFRAMES Y CODIGO
PARA SITIO
MAPA DE NAVEGACION
INICIO contacto acerca de perfil links
Intro
enlaces
amigos
PORTAFOLIO LC3 EXAMEN
LO G OS MUSIC A IM PR ESO S Px T1 T2 T3 T4 Tx
WIREFRAMES
MENU
<DIV ID=”HEAD”>
1 logo 250x65px
margen derecho e izquierdo 55px
margen superior 30 px
30px 30px
1
<div id=”header”>
<a href=”index.html” title=”inicio”><img src=”imag/logo.png” alt=”logo” border=0 /> </a>
<p3><a href=”html/perfil.html” style=”text-decoration:none”>perfil</a>
55px 15px
</div>
110px 55px
2 margen entre logo y categorias>15px
<HR width=”80%”>
220PX
250PX 220PX 220PX
4 <DIV ID=”CONTENT”>
3
2 MENU
margen entre logo y categorias>15px
categorias 915x65px
linea de texto a 20px
text-align:center
menu seleccionado
inicio 250x65px
color:#FFFFF
55px 30px 30px
250PX 250PX menu en espera
portafolio,tareas,examen: 220x65px
color:#424242
<div id=”fondo”>
<div class=”mis_secciones”>
55px
<a class=”lista_secciones” href=”index.html” style=”text-decoration:none”>INICIO</a>
<a class=”lista_secciones” href=”portafolio/index.html” style=”text-
CSS HTML decoration:none”>PORTAFOLIO</a>
<a class=”lista_secciones” href=”lc3/lc3.html” style=”text-decoration:none”>LC3</a>
<a class=”lista_secciones” href=”examen/index.html” style=”text-
decoration:none”>EXAMEN</a>
</div>
<br><br>
<HR width=”80%”>
PORTAFOLIO margen entre menu y sidebar 100px
margen entre el sidebar y el contenido 30px
<DIV ID=”SIDEBAR”>
3
SIDEBAR
margen 55px
weight 250px
enlace seleccionado
color:#000000
tipografia color: #FFFFF
enlaces: #424242
tipografia color: #FFFFF
sub enlaces: tipografia color:#424242
<div id=”sidebar”>
<ul>
<li><h6>ACERCA DE</h6>
<li><h6>PERFIL</h6>
<li><h6>LINKS</h6>
<ul>
<li><a href=”http://twitter.com/shizada” style=”text-decoration:none”>amigos</ a></li>
<li><a href=”http://damarissepulveda.wordpress.com” style=”text-
decoration:none”>enlaces</a></li>
</ul>
</li>
</ul>
</div>
<DIV ID=”CENTER”>
LC3 TAREAS 4 CONTENIDO
margen derecho e izquierdo para texto 80px
margen superior 60px
ancho 448px
titulo margen superio de 50 px
background-color:#D8D8D8
titulo1:#FFFFF
titulo2:#A4A4A4
texto de lectura:
tipografia color:#424242
<div id=”center”>
<h4>diseño grafico DAMARIS SEPULVEDA</h4>
<p>resumen tarea Lorem Ipsum is simply dummy text of the printing and
<br>
typesetting industry. Lorem Ipsum has been the industry’s standard <br>
dummy text ever since the 1500s,when an unknown printer took a <br>
galley of type and scrambled it to make a type specimen book. It has<br>
survived not only five centuries, but also the leap into electronic type-<br>
setting, remaining essentially unchanged. It was popularised in the<br>
1960s with the release of Letraset sheets containing Lorem Ipsum <br>
passages, and more recently with desktop publishing software like <br>
Aldus PageMaker including versions of Lorem Ipsum.<br>
</p>
<h3><a href=”http://ead.pucv.cl/wiki/index.php/Lenguaje_Computacional_3”
style=”text-decoration:none”>LC3</a>
<a href=”html/examen.html” style=”text-decoration:none”>Sitio Examen</
a></h3>
</div>
<DIV ID=”FOOTER”>
footer:
915 x 70px
<div id=”footer”><p>Dámaris Sepulveda, 2009</p></div>
<br>
</div>
</div>
</body>
</html>
DAMARIS SEPULVEDA LC3