Imagen de fondo.

Buen día a todos y gracias de antemano!

Creo que mi pregunta será fácil de responder, ó al menos eso espero!

Me pidieron poner una imagen de fondo (una fotografía) a una web (por lo menos al index), y es algo que nunca he hecho, pero esta ocasión (ni con Dreamweaver ni con Frontpage), en propiedades de página seleccione la opción y la imagen, pero no contaba con que cuando la ven con una resolución de pantalla de 1024x768 la imagen se vé muy pequeña y el contenido lógicamente queda fuera de la imagen.
Ya lo intenté en una tabla que abarca toda la pantalla y sin la tabla, pero se vé más chica ó se pone tipo mosaico (se repite), y no quiero eso.

Quisiera saber como puedo hacer para que la imagen de fondo se vea bien en cualquier resolucion (no cambie de tamaño) y para que tampoco se repita (mosaico).

Saludos!

 

no es mi fuerte el diseño, pero lo que se me ocurre es crear la imagen a resolución de 1024*768 y así al menos a esa resolución se ve y en todo caso en resoluciones mas pequñas saldrian las barras de desplazamiento, bien poniendola directamente como fondo o crear una celda para ella del tamaño que precises para la web.

En html mis pequeños conocimientos no dan para optimizar la imagen en funcion de la resolución, supongo que creando varias imagenes y con javascripts que detecten la resolución de la pantalla y que manden a una u otra versión de la página se pudiera hacer algo, pero queda fuera de mis conocimientos.

 

Hola,

usa css

http://www.htmlhelp.com/es/reference/css/color-background/background-image.html

http://www.w3schools.com/css/css_background.asp

 

Me parecen buenas las opciones, gracias por responder!

Nunca he utilizado CSS, no se si trabajen con el código sobre la página ó en otro archivo aparte.
Hecharé un ojo, y si acaso saben una manera, tutorial, etc, que esté sencillo de comprender, me avisan. Por si no entiendo, jejeje!

Saludos!

 

Prueba a poner algo parecido a esto antes del body

<style type="text/css">
<!--
body {
background-image: url(file:imagen1.jpg);
}
-->
</style></head>

 

Muchas gracias!

Me sirvieron mucho los enlaces que dejaste Ged, gracias a ello pude poner la imagen.
Y con la indicación de Nexovirtual confirmé que el código debe ir en el encabezado (imagino que por regla porque lo había puesto en la etiqueta "body" y también se veía la imagen, pero claro, quiero hacer las cosas como debe ser).

Gracias y saludos desde Monterrey, México!

 

Me alegro te sirviera la información que se te dejo.

 

hola .
mira o en mi web en el intro flash coloque este codigo:
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 background="URL XXXXXXXX"border=1 height=100% width=100%>
<TBODY>
<TR>
<TD>
<P>Texto Aqui</P></TD></TR></TBODY></TABLE>

donde dice "URL XXXX" le puse esta imagen:
http://paginasprodigy.com/jour/hi5/002.gif
y quedo en toda la pantalla.
no lo probe en una pagina!!!