Comunidad de diseño web y desarrollo en internet online

Me guian un toque

Citar            
MensajeEscrito el 19 Ago 2009 01:31 pm
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 -->

Por El Ruso Loco

85 de clabLevel



Genero:Masculino  

Avellaneda. Bs As.

chrome
Citar            
MensajeEscrito el 19 Ago 2009 05:02 pm

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,

Por gcm

Claber

557 de clabLevel

3 tutoriales

Genero:Masculino  

Diseñador Grafico y Web, Geek

msie8
Citar            
MensajeEscrito el 19 Ago 2009 05:16 pm
Bien, muchas gracias por la ayuda, ya se me va clarificando el tema.
Muchas gracias.

Por El Ruso Loco

85 de clabLevel



Genero:Masculino  

Avellaneda. Bs As.

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.