Me guian un toque

Hola gente, estoy intentando hacer las cosas de mejor manera respecto del código html y css, en relación con la parte visual, pero tengo algunas dudas.
Quisiera saber bién cómo organizar el código una vez listo el diseño gráfico, creo que todavía no logro tener la visión para organizar la estructurar del html respecto del diseño que tengo.

Ejemplo: http://www.rodolfocabral.com.ar/imagen.html

En este diseño este div contenedor está dentro de un div principal que contiene 3 div contenedores como el que vieron con distinto material organizado de la misma manera.
Como veran, dentro de un div contendor organizo varios div con los titulos, textos, 2 imagenes y un link, todos en div distintos con estilos propios para cada uno.
ESTÁ BIEN ESTA MANERA DE ORGANIZARLO Y ESTRUCTURARLO ???

Código HTML :

<div id="Principal"
<div id="LogoTop"></div>
<div id="MenuNavegador">ACA IRIA EL MENU NAVEGARO</div>

<!-- ESTE EL CODIGO DE LA IMAGEN -->
<div id="Contenido_1">
<div id="Imagen_1"></div>
<div id="Logo_promo"></div>
<div id="Titulos_1">diseno web basico</div>
<div id="Textos_1">> Diseño del sitio web HTML + CSS<br />
> 3 secciones - La empresa - Servicios o Productos - Contacto<br />
> Cada página contendrá máximo 4  fotos<br />
> Registro de Dominio
> Alta en Yahoo y Google<br />
> Ver mantenimiento mensual
</div>
<div id="info_1">+ info</div>
</div><!-- Fin Contenido 1 -->

<div id="Contenido_2"></div>

<div id="Contenido_3"></div>

</div> <!-- Fin Principal -->

Código HTML :

<div id="principal" >
<div id="logotop"></div> 
<div id="menu">ACA IRIA EL MENU NAVEGARO</div>  
<!-- ESTE EL CODIGO DE LA IMAGEN --> 
<div id="contenido"> 
<div id="imagen"></div> 
<div id="promo"></div> 
<h1>diseno web basico</h1> 
<p>
<ul>
<li>Diseño del sitio web HTML + CSS</li>
<li>3 secciones - La empresa - Servicios o Productos - Contacto</li>
<li>Cada página contendrá máximo 4  fotos</li>
<li>Registro de Dominio > Alta en Yahoo y Google</li>
<li>Ver mantenimiento mensual </li>
</ul>
<a href="#" class="moreinfo" >+ info</a> 
</p> 
</div>
<!-- Fin Contenido 1 -->  
<div id="Contenido_2"></div>  
<div id="Contenido_3"></div>  
</div> <!-- Fin Principal --> 

• No mayusculas
  
• usa <p>
  
• usa <ul><li>
  
• usa <h1>
  
• No dejes flotando los divs por alli todos felisotes,
  

Bien, muchas gracias por la ayuda, ya se me va clarificando el tema.
Muchas gracias.