Cómo cambiar el tamaño de una imagen para que se adaptate al fondo de pantalla de una página web

Aprende a cambiar el tamaño de una imagen para que se adapte al fondo de pantalla de una página web.
Por david weedmark

Paso 1

Carga la imagen que deseas utilizar como fondo en tu servidor web en caso que todavía no esté subida a la red. Toma nota de la dirección web (la URL), la cual debería ser algo como "http://sample.com/image.jpg". Para asegurarte de que anotaste la dirección correcta, debes abrirla en algún navegador web y copiar la dirección que se encuentra en el campo de direcciones del navegador.


Paso 2

Abre la página web utilizando un editor HTML como el bloc de notas para que puedas ver el código HTML.


Paso 3

Busca la etiqueta "</head>" en la página. Todo el código que se encuentra debajo debe ser colocado en las líneas que le siguen a esta etiqueta.


Paso 4

Escribe o copia y pega "<body style="padding:0px; margin:0px; overflow:hidden;">" en la primera línea de código luego de la etiqueta "</head>".


Paso 5

Ahora escribe o copia y pega "<div style="position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px; right:0px;z-index:1"> <img src="http://www.sample.com/image.jpg" width="100%" height="100%"> </div>" en la siguiente línea de código. Vuelve a colocar la URL de la imagen de muestra en este lugar con la dirección web correspondiente de tu imagen.