juancarlos_16 escribió:hola sera que alguien me puede hacer una explicacion mas profunda par poner una imagen de fondo en mi web es que la explicacion que lei en el curso paso a paso no lo entendi bien.
este es mi correo para que me agregen [correo eliminado].
de antemano muchas gracias
Hola:
Querrá decir una explicación mas sencilla, por que sería una contradicción que usted desee una explicación mas profunda cuando usted mismo dice que la del curso (siendo sencilla) no la entendió, y en lo que respecta a lo de la paciencia, lo importante es que usted la tenga para ir avanzándo en su creación de su web, le aseguro que nosotros tenemos mucha paciencia así que vamos con un poquito de explicación.
Si uno quiere poner una imagen de fondo en la página, lo primero que tiene que tener es la imagen que va a poner,(llámele a la imagen fondo1) dentro de la carpeta objetos, esa carpeta tiene que estar junto al index.html, y a la hoja de estilo que usted le habrá puesto como nombre a esa hoja de estilo estilo.css, esas tres cosas tienen que estar dentro de una carpeta que se llama "web-ejemplo-cctw" (la de su escritorio) si usted está utilizando el programa para hacer páginas web llamado HTML-KIT, entonces habrá hecho o creado una carpeta en ese programa que es copia de la que está en su escritorio, y en ese programa esa carpeta que en su escritorio se llama "web-ejemplo-cctw" en su programa se llamará "web-ejemplo-cctw-local", entonces usted en su página index.html debe poner una relación de su página a la hoja de estilo con un <link rel etc.etc. así que donde dice:
<html>
<head>
<title>Mi pagina</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
</body>
es allí donde debe poner ese link rel="stylesheet" etc. etc.
Luego en su hoja de estilo que se llama estilo.css es allí donde debe escribir un código para que le aparezca la imagen de fondo en la página index.html, para poner ese código en la hoja de estilo debe abrir su hoja de estilo y poner donde dice body lo siguiente:
body{background-image:url(objetos/fondo1.jpg);background-position:center;background-repeat:repeat;}
Con eso le está diciendo a la hoja de estilo que ponga esa imagen que se llama fondo1 al centro de la página y que esa imagen se repita por toda la página, fuera de eso esa imagen tiene una extensión que se llama jpg, también puede tener una extensión esa imagen que sea png.
Cuando una imagen tiene una extensión es que ha sido hecha de una forma, por ejemplo cuando usted escribe una carta en el ordenador y la guarda se le guarda con el nombre que usted le pone y a la vez con la extensión que puede ser txt o doc, eso significa que su carta es un texto o lo que es lo mismo un documento. Lo mismo pasa con las imagenes, solo que sus extenciones pueden ser png, jpg, gif, etc.
Espero haberle aclarado un poco las cosas , y si no es así pues vuelva a preguntar, que ya le ayudaremos.
Saludos
