Foros del Web » Diseño de Sitios web » HTML5
Respuesta
 
Herramientas Desplegado
17/02/2012, 16:20   #1 (permalink)
Moderador
Rafael (Reg: marzo-2003)
 
Mensajes: 4.748
Karma: 74648
Rafael esta en línea ahora
¡Juguemos a Diagramar!

Juguemos a Diagramar en Html 5
El código html nos marca la estructura de un documento, y aunque esta estructura visualmente se puede modificar completamente con Hojas de Estilo, en la práctica se "transparenta" más o menos en el producto final.

Esta serie de prácticas o ejercicios tienen la función de que analicemos la semántica de diferentes modelos o layouts de páginas web de una manera sencilla y requiere su participación para enriquecernos todos.

Los invito a que juegen a colorear un poco su código para que de una manera muy simple comparemos la imagen con el código. (El número de abajo a la izquierda simplemente es un No. de referencia de ejercicio)

Pongo el primer ejemplo:



Este diseño podría corresponder a la estructura básica:

<header>
<h1>Las Flores más bonitas</h1>
<nav>Menú</nav>
</header>

<section>
<p>Texto y texto</p>
<div>Fotos</div>
</section>

<footer>
<p>Tel.</p>
<aside>F T</aside>
</footer>



Tal vez sí, tal vez no... Pues bien, de eso se trata. ¡Así que comenzamos!

Ejercicio No. 1

Última edición por Rafael; 20/02/2012 a las 14:25
  Responder Citando
20/02/2012, 14:29   #2 (permalink)
Moderador
Rafael (Reg: marzo-2003)
 
Mensajes: 4.748
Karma: 74648
Rafael esta en línea ahora
Respuesta: ¡Juguemos a Diagramar!

¡Pues vámonos tendidos como bandidos!

Ejercicio No. 2

Y reitero que participen y comenten su versión del código. La mejor manera de aprender es echando a perder, y qué mejor que echar a perder donde un cliente no se enoje Así que ¡a proponer!
  Responder Citando
Respuesta

Etiquetas
diseño, html
SíEste tema le ha gustado a 4 personas

Herramientas
Desplegado



La zona horaria es GMT -6. Ahora son las 10:16.
SEO by vBSEO 3.3.2