Juguemos a Diagramar 1

[alivan]

Yo opto por una estructura así:

Código HTML:

<header>
    <h1>LeLogo</h1>
    <nav>
        <ul>
            <li><a href="#">Inicio</a></li>
            <li><a href="#">Productos</a></li>
            <li><a href="#">Servicio</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>
    </nav>
</header>
 
<section>
    <article>
        <h2>¡Las flores más bonitas!</h2>
        <p>Texto blablabla</p>
    </article>
    <figure>
        <img src="img/flowers.jpg" alt="Image" />
    </figure>
</section>
 
<aside>
    <div>
        <h3>Anuncio</h3>
        <p>Contenido anuncio</p>
    </div>
    <div>
        <h3>Anuncio</h3>
        <p>Contenido anuncio</p>
    </div>
    <div>
        <h3>Anuncio</h3>
        <p>Contenido anuncio</p>
    </div>
</aside>
 
<footer>
    <p>Tel. [phone]</p>
    <aside>
        <a href="http://twitter.com"><img src="img/twitter.png" alt="Twitter" /></a>
        <a href="http://facebook.com"><img src="img/facebook.png" alt="Facebook" /></a>
    </aside>
</footer>