diseñar pagina

[dilan_snoopy]

Saludos!!

sucede que estoy haciendo un diseño web y en papel lo tengo asi



y pues una pagina como referencia seria esta

[URL="http://ingsistemas.ufps.edu.co/"]http://ingsistemas.ufps.edu.co/[/URL]

solo que la mia tiene en el menu tres items y necesito agregarle un buscador por fecha y palabra que pueda cambiar de opcion de busqueda
y debajo del menu asi como en la imagen secciones separadas para introducir informacion

me podrian dar una guia de como hacerlo de marcar bien las divisiones entre el banner, menu y contenido asi como la pagia que coloco ? tambien la parte del buscador

por el momento llevo esto

[URL="http://confis.azurewebsites.net/"]http://confis.azurewebsites.net/[/URL]

se feo... lo se

otra duda puedo manejar varios archivos css e invocarlos en el head del index asi (por ahora solo tengo dos)

Código:

 <link rel="stylesheet" href="site_media/css/Style.css">
<link rel="stylesheet" href="site_media/css/menu.css">

hacerlo asi esta mal ?

gracias

[Rafael]

Vas bien, y bien estructurado.

Poner 2 hojas de estilo así es correcto.

Tips en general:

Probablemente necesitas lo que se llama un wrapper, o envoltura general. Un div hasta afuerota.

Prueba jugar con margin:auto; esto hace que un elemento de bloque (div, section, ul) se quede centrado. Esto lo puedes aplicar a tu menú por ejemplo y en general será un buen aliado en tu diseño.

[dilan_snoopy]

gracias rafale adjunto una pagina que me sirvio de guia por is alguien mas necesita xD

[URL="http://www.ricardotayar.com/2007/11/16/hacer-un-diseno-web-centrado-con-css-%C2%BFcomo-se-hace/"]http://www.ricardotayar.com/2007/11/16/hacer-un-diseno-web-centrado-con-css-%C2%BFcomo-se-hace/[/URL]

bien ahora tengo otra duda en el archivo css tengo el #contenedora o #container y el atributo width no se que pasa porque probando lo pongo en 10% o en px y no lo toma, en cambio en el #header el width me lo toma para reformar toda la estructura de la pagina es decir el #header, #menu, #contenido es decir que si el width del container esta en 10% y el de header en 80% la estructura de la web queda ocupando el 80% esto es asi ? o que se debe esto ?
bueno y si quito el width del header, el de container tampoco me lo toma porque toma todo el ancho de la pagina y si es al revés toma bien el width de header
anexo el codigo css

Código:

body{
    background-color:#e7e6e6;
    font-family:Helvetica,Arial;
}   

#wrapper{
width: 100%;
text-align: center;
margin-top: 10px;
}
#contenedor{
width: 10px;
margin: 0 auto;
} 

#header{
width:50%;
background-color:#FFFFFF;
height: 150px;
margin-bottom: 10px;
margin: 0 auto;

}

#contenido{
margin: -8px 0 0px 0;
width: 100%;
background-color:#FFFFFF;
height: 400px;
}

o el width de container no hace falta en este caso y porque ?

http://confis.azurewebsites.net/ asi esta

gracias