Como ya deben saber los que maquetan plantillas desde photoshop, existe una gran duda a la hora de cortar los Headers, y es eso lo que me quiero aclarar de una vez por todas xD
Hay diseñadores que a la hora de maquetar un header, ellos prefieren exportar desde PS una imagen
entera en la cual se encuentra la imagen del fondo (del header), login, search bar (en algunos templates) y el mismisimo nav-menu horizontal, todo en uno, para luego ponerlo como background-image y a eso agregarle el html como puede ser:
Código HTML:
<div style="background:url(/images/header.png) top left no-repeat;">
<div id="logo"><img src="/images/logo.png" /></div>
<div id="login"><form>...</form></div>
<div id="nav-menu"><ul><li>...</li></ul></div>
</div>
Quiza la mayoria no toma todos esos items, lo hace solo con el header y el nav-menu... o el header y las imagenes del login. Pero quiero hacerme entender
Aca una imagen de un sitio web que usa un header (en este caso es todo el bg) "
entero" en el cual incluye también las imagenes del nav-menu y search bar:
http://us.battle.net/d3/es/
Y aca una imagen de un sitio web usando un simple background para el nav-menu
sin incluir ninguna imagen del background de <body>, login, o algun otro modulo que vaya en esta parte:
http://www.molten-wow.com Mi duda se resume en cual es el mejor ejemplo???? Maquetar el menu junto con la imagen de fondo o Exportar la imagen de fondo, y la del modulo (menu, login, blablabla...) a parte?
Espero q me entiendan y sepan aconcejarme. Muchas gracias