Lamina de código html, propuesta sitio

Post on 18-Dec-2014

763 views 1 download

description

 

Transcript of Lamina de código html, propuesta sitio

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