Hola a todos,

Quiero diseñar una cabecera para una web con el Photoshop. La pregunta es:

- Que tengo que hacer para que ésta imagen se vea al 100% de la pantalla independientemente con la resolución que se tenga en cada PC.

Utilizo Dreamweaver CS.

Muchas gracias,

Javián

cuando maquetees hazlo en puntos porcentuales no en pixeles

Chavp, no se si te he entendido bien, la imagen se puede redimensionar por si sola según la resolución de la pantalla?

¿podrias expecificar? gracias.

trabajaras con tablas para maquetiear, luego el código de la tabla debe ser así

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

de esa manera se ajustará al tamaño del monitor independiente de su resolución y sólo dependiendo del tamaño de los elementos que en la web hayan, es decir si se carga a 800 px de ancho de monitor , y tienes una imagen de 900 verás scroll abajo .

Mi consejo en todo caso es que trabajes a ancho fijo

<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

Así controlaras de buena manera la visualización de la web.

Que ancho , eso lo determinas tu, cambiando el valor que te dejé en negrita, por el que estimes conveniete, pero te recomiendo de 800 a 1100 px de ancho como máximo.

muchas gracias pero...

¿la imagen tiene que tener un tratamiento especial para que se expanda o contraiga según la resolución?

Me habian dicho algo sobre imagen vectorial, pero no se de que va. Puede ser?

no me manejo en el tema de las imágenes.

Ah, vaya, una pena, me había hecho ilusiones

.javian. las imágenes vectoriales te permiten ampliarlas lo que quieras sin perder calidad, pero ese "aumento" tienes que hacerlo en un programa (como photoshop o gimp). Que yo sepa las imágenes no pueden redimensionarse según la resolución. A lo mejor existe un javascript que lo haga, pero no lo he buscado nunca y no te lo puedo garantizar...

Algo más de explicación sobre imágenes vectoriales: http://es.wikipedia.org/wiki/Dibujo_vectorial

Supongo que si con css le das unas propiedades a la imagen cuyo ancho y alto estén en función de la celda que la contiene, siempre que sepas aplicarle a la celda en cuestión un ancho y alto en función de la pantalla, se le aplicará a la imagen al estar en porcentaje. Aunque está el defecto de que si es la misma imagen, para monitores grandes, saldrá pixelizada, mientra que en monitores pequeños retardas innecesariamente la carga, lo del script es cuestión de investigas, hasta hace dos días yo no pensaba que se pudiesen hacer juegos elaborados (algunos mejores que los flash) en javascript, todo es cuestión de ganas de buscar.

Puedes jugar -dentro de determinados límites- con las propiedades width y height de <img> y que se correspondan con los de la imagen real. La imagen -tratada con un editor- y a la mayor resolución esperada, no conviene dejarla a menos de 72 pixeles.

Ej: de acuerdo con las resoluciones mayormente utilizadas por el momento, el ancho está entre 1024 y 1280 pixeles, con una densidad de 72 pixeles, en el editor de imágenes no deben formarse 'cuadraditos'. Esto te previene para la mayoría de las configuraciones de pc. Las propiedades de width y height deberían guardar las proporciones de la imagen al natural (para no obtener una deformación) se encargarían de las resoluciones menores. También conviene tener en cuenta las dimensiones de la tabla (o celda) como lo indica Chavp, para ajustar desde fuera hacia adentro.