Hola:
Un error muy común, es cuando uno cambia el nombre de la imagen, suele borrar todo allí en la casilla donde dice "Nombre" y luego escribe el nombre que quiere para la imagen, pero al hacerlo uno escribe fondo.png.
¿Qué significa eso?, que la imagen ahora se llama fondo.png, ¿Y cual era la extensión de la imagen? claro, era png.
Por tanto la imagen se llama fondo.png.png
El último png, es la extensión, ya que el anterior png es parte del nombre de la imagen, ya que así lo puso uno cuando modificó el nombre.
Por eso cuando uno escribe en la hoja de estilo fondo.png, solo ha puesto el nombre de la imagen y no la extensión.
Má abajo explico como cambiar el nombre de una imagen, y como cambiar la extensión.
Ahora le sugiero esta alternativa
En la carpeta objetos usted tiene la imagen que ocupará de fondo, y como dice que el color de fondo se ve , por lógica es que está bien relacionada la pagina con la hoja de estilo, así que problemas por ese lado no hay.
En todo caso revise bien que la carpeta objetos se llame exactamente igual que cuando la escribe en la hoja de estilo, si se llama objetos, (toda con minúsculas) así debe escribirlo también en la hoja de estilo.
Para no liarle mucho, le sugiero que haga lo siguiente, ( por ahora deje el programa HTML-KIT cerrado).
Y ya que usted tiene en el escritorio una carpeta que se llama creo que "mis-web", y dentro tiene la que se llama "web-ejemplo-cctw", así que vamos a hacerlo directamente en la carpeta “web-ejemplo-cctw””
... .......
Abra la pagina web--
http://www.comocreartuweb.comSe le abrirá una ventana y por el centro mas o menos (en la parte donde se escribe texto) hay un enlace en azul que dice “Curso Completo Paso a Paso”.
Pulse en ese enlace y se le abrirá una ventana con varias pestañas (por la parte de arriba).
Pulse en la que dice “Herramientas Útiles”.
y se le abrirá una ventana en que por el medio (allí donde se escribe texto) hay un enlace en azul que se llama "Imágenes".
Pulse en ese enlace y se le abrirá una ventana que tiene un menu a la izquierda,.
En ese menu, pulse donde dice “Fondos de Páginas”.
Y se le abrirá una ventana con muchas imagenes (cuadrados).
Ahora en la fila 7 contando de arriba hacia abajo y en el lugar quinto, contando de izquierda a derecha, aparece una imagen igual a la del curso.
Ponga el cursor sobre ella y hagale click derecho, para que en el desplegable que se abra elija el "Guardar imagen Como".
Al pulsar en Guardar Imagen Como, se le abrirá una ventana que se llama Guardar Imagen.
Y seguramente, por defecto allí donde dice "Guardar en" aparecerá el nombre de la carpeta en que se guardará, que suele ser por defecto la carpeta Mis Imágenes, (o guardela en la que usted quiera).
Bueno, en esa ventana, hay una casilla abajo que se llama "Nombre", y allí aparece el nombre de esa imagen, creo que se llama fondo024
Y en la casilla de mas abajo aparece el tipo de imagen (o la extensión, que es lo mismo) y seguramente dirá jpg.
Usted deje todo tal como está y solo pulse en Guardar.
..... ............ ..............
Así se le guardará la imagen en la carpeta Mis Imágenes con el nombre fondo024 y con la extensión jpg.
Ahora cierre su navegador, vaya a la carpeta Mis Imagenes, y allí verá ese archivo.
Ahora puede ver que se llama fondo024.jpg, o sea se llama fondo024 con la extensión jpg.
Coja esa imagen de la carpeta Mis Imágenes y póngala en su carpeta objetos, la que tiene dentro de la carpeta “web-ejemplo-cctw” allí en el escritorio.
Cierre las carpetas
............ ................ ....................
Ahora abra su programa HTML-KIT, abra su hoja de estilo, borre todo y escriba:
body{background-color:#E6E6FA;background-image:url(objetos/fondo024.jpg);background-position:center center;background-repeat:no-repeat;height:100%}
Así esa imagen le aparecerá en su página y como le dijo center, aparecerá en el centro, claro puede que aparezca en el centro pero de la parte de arriba o de la parte de abajo, por eso se le pone otra vez center, para que aparezca en el centro mismo de la pagina, y como le dijo no-repeat, o sea que no se repitiera, pues solo se verá allí en el centro de su página.
Bueno, después de poner ese código en su hoja de estilo, Salve o Guarde (Archivo--Salvar) y cierre el programa HTML-KIT.
Ahora abra otra vez el programa HTML-KIT, y haga su vista previa de su pagina html para ver si ya aparece la imagen.
............ ................. .....................
Se habrá dado cuenta de que la imagen que le dije que bajara, aún siendo la misma de la del curso, tiene extensión jpg y no png.
Eso es porque existen diferentes formatos de cómo tener una imagen.
Se pueden tener en formato png, en formato gif, en formato jpg, en formato tiff etc..
En este caso, no implica problemas (si sigue la sugerencia que le di), el que usted la tenga en jpg
...................... .................. ..................... ...........................
Recomendación:
Es mejor bajar las imagenes con el nombre que tienen, después que ya estén en el ordenador de uno, ya se le cambiará el nombre.
................. .................................. ............................
Explicación Añadida:
Una cosa es el nombre de la imagen y otra cosa es la extensión o formato de la imagen.
Para cambiar el nombre de una imagen se pone el cursor encima de la imagen se le hace click derecho, y en el desplegable que se abre , se elige “Cambiar nombre”.
En la casilla donde está el nombre de la imagen, puede que en esa casilla aparezca solo el nombre o puede que aparezca el nombre mas la extensión.
si aparece el nombre más la extensión, entonces
Cuando se pone todo de azul, se borra solo el nombre, no la extensión con la que aparece.
Por ejemplo si la imagen con la extensión se llama fondo024.jpg, y usted quiere que se llame solo fondo con la extensión jpg, o sea fondo.jpg.
Entonces, después de haber elegido “Cambiar nombre”, se borra solo lo que dice fondo024, sin tocar el .jpg, y luego se escribe (lógicamente antes del .jpg), la palabra fondo
Así la imagen se llamará fondo con extensión jpg o sea fondo.jpg.
. ...................... ....................... .......
Para cambiar la extensión de una imagen, es conveniente abrir la imagen con el PhotoShop o con el Paint, e ir a “Archivo”-----“Guardar como”, para que se le abra la ventana del Guardar Como.
Y abajo hay una casilla que se llama “Nombre”, se deja tal como está.
Más abajo hay una casilla que se llama “Tipo”, a la derecha de esa casilla hay una flecha, al pulsarla se busca la extensión de cómo uno quiere guardar la imagen
Si la imagen se llama fondo.jpg y se quiere que siga llamándose fondo, pero que la extensión sea png.
Es en la casilla “Tipo” donde hay que buscar la extensión de cómo uno quiere guardar esa imagen que se llama fondo, pulsando en la flecha de la derecha que hay en la casilla “Tipo” y eligiendo la extensión con la cual se quiere guardar la imagen.
Saludos
