lamina de código html, propuesta sitio
DESCRIPTION
TRANSCRIPT
LC3PORTAFOLIO
L O G O S T 1 T 2M U S I C A T 3P x TxT 4
EXAMEN
acerca deIntro
perfil links
enlacesamigos
contacto
I M P R E S O S
MAPA DE NAVEGACION
WIREFRAMESMENU
PORTAFOLIO
LC3 TAREAS
CSS HTML
MAPA DE NAVEGACIONWIREFRAMES Y CODIGOPARA SITIO
I N I C I O
MENU
margen entre logo y categorias>15pxcategorias 915x65pxlinea de texto a 20pxtext-align:center
menu seleccionadoinicio 250x65pxcolor :#FFFFF
menu en esperaportafolio,tareas,examen: 220x65pxcolor :#424242
1
2
3
4
2
3
4
logo 250x65pxmargen derecho e izquierdo 55pxmargen superior 30 px
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> </div>
margen entre logo y categorias>15px<HR width=”80%”>
<div id=”fondo”> <div class=”mis_secciones”> <a class=”lista_secciones” href=”index.html” style=”text-decoration:none”>INICIO</a> <a class=”lista_secciones” href=”portafolio/index.html” style=”text-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%”>margen entre menu y sidebar 100pxmargen entre el sidebar y el contenido 30px
<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”> <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”><p>Dámaris Sepulveda, 2009</p></div> <br> </div></div>
</body></html>
55px55px
55px
55px
30px 30px
220PX250PX 220PX220PX
250PX 250PX
110px
30px
15px
30px
SIDEBARmargen 55pxweight 250pxenlace seleccionadocolor :#000000tipografia color : #FFFFFenlaces: #424242tipografia color : #FFFFFsub enlaces: tipografia color :#424242
<DIV ID=”CONTENT”>
<DIV ID=”SIDEBAR”>
<DIV ID=”CENTER”>
<DIV ID=”FOOTER”>
<DIV ID=”HEAD”>
CONTENIDOmargen derecho e izquierdo para texto 80pxmargen superior 60pxancho 448pxtitulo margen superio de 50 px
background-color :#D8D8D8
titulo1:#FFFFFtitulo2:#A4A4A4
texto de lectura:tipografia color :#424242
footer :915 x 70px
DAMARIS SEPULVEDA LC3