GUEORKY NAVARRETE SUAREZ escribió:hola amigo, nunca pense que me iba a cautivar esta practica, de verdad se los agradezco, puedo llevar mi creatividad a parajes y dimensiones infinitas.
ya pase la primera leccion pero tengo unas dudas la carpeta de estilos.css se refleja de esta manera :
background-repeat: no-repeat ; height:100%; }
background-image: url(objetos/fondo.png.png)
el ejemplo de la pagina web es la misma.
¿habria algun problema mas adelante?
:roll:
Hola:
Usted en su escritorio tiene una carpeta que se llama "mis-web", dentro de esa carpeta tiene otra que se llama "web-ejemplo-cctw", es dentro de esa carpeta "web-ejemplo-cctw" en que hay que poner una página que se llame index.html, y es en esa carpeta en donde hay que poner una hoja de estilo llamada estilo.css.
En la hoja de estilo habrán ciertas directivas que harán que la página se vea de tal o cual manera.
Para que la página resiva las órdenes desde la hoja de estilo, esta página debe estar bien relacionada con esa hoja de estilo, y para ello se utiliza un código que se pone en la página, dicho código se llamaría
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
Ese código se pone entre las etiquetas <head> y </head> de la página
Ahora, que ya está bien relacionada la pagina index.html con la hoja de estilo llamada estilo.css, quertemos que esa pagina index tenga un color de fondo un poco azulado
Si lo miramos graficamente , la página o toda la pantalla del monitor sería lo que llamamos body.
Por eso vamos a la hoja de estilo y le diremos al body que tenga un color de fondo un poco azulado, así que escribimos en la hoja de estilo lo siguiente
body{background-color:#E6E6FA;}
Con eso, le hemos dicho que queremos que la página se muestre de color azulado, por tanto la página se mostrará de ese color, ya que tenemos bien relacionada con ese <link rel etc. etc. la pagina con la hoja de estilo.
Como los colores de las web, ya están prefijados en los ordenadores, solo basta con poner el código correcto del color que uno quiere.
La diferencia estaría cuando queremos poner una imagen de fondo, ya que la imagen de fondo es algo que no está prefijada en los ordenadores, digamos que es algo externo que queremos introducir en la pagina.
Por eso tomamos una imagen cualquiera, y la ponemos dentro de la carpeta objetos.
Todas las imagenes tienen un nombre más una extensión, el nombre puede ser cualquiera que uno desee ponerle, y la extensión es el formato con el que está hecha esa imagen
Los tiposs de extensión más utilizados son
jpg
png
gif
tiff
Unos formatos son más adecuados que otros dependiéndo de para qué uno quiere esa imagen
El mejor formato para fotografías, en que se requiere una digamos buena calidad fotografica, sería el jpg
Un buen formato que serviría para ponerle fondo a la web o a algunas capas, serían los png, los gif
Digamos que cada formato tiene sus características que los hacen especiales para según lo que quiera uno utilizarlos
Entonces si dentro de la carpeta objetos tenemos una imagen que se llama fondo y tiene formato png, y queremos utilizar esa imagen como fondo para nuestra web, lo que haremos será ir a la hoja de estilo, (en donde ya tenemos el color de fondo puesto), y añadiremos el siguiente código
body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);}
Con eso nuestra página tendrá un color de fondo y tendrá a la vez una imagen de fondo, claro que al insrtar esa imagen de fondo, no le hemos dicho, en qué parte del body la queremos, por tanto se lo diremos agregándo algunas propiedades y valores para esa imagen
body{background-color:#E6E6FA;background-image:url(objetos/fondo.png);background-position:center center;background-repeat:repeat;}
También le diremos al body que ocupe el 100% de nuestra pantalla a lo alto, por eso agregamos ese 100% al final de las directivas
Ahora ¿porqué a veces cuando vemos el nombre de la imagen esta se llama fondo.png.png?
Porque cuando la guardamos y le pusimos nombre, al ponerle fondo.png lo que hemos hecho fue que todo eso fuese parte del nombre
O sea nuestra imagen se llama fondo.png y tiene la extensión png, por tanto el nombre de la imagen más la extensión se llama fondo.png.png
La extensión es el último png que hay no el anterior, ya que el anterior es parte del nombre.
La manera mejor de cambiarle el nombre a la imagen es abrirla con un editor de imagenes (sea el Paint o el Photoshop)
y cuando esté abierta ir a "Archivo" "Guardar Como" y cuando se abra la ventana del guardar como se va a la casilla "nombre" se borra todo, se escribe el nombre que se quiere para la imagen, luego se va a la casilla "Tipo" y con la flecha de la derecha se busca y se hace click en el formato en que se quiere guardar, y luego se pulsa en Guardar o en OK (cuidando que se guarde donde uno quiere)
Así se guardará la imagen correctamente.
Para saber como se llama una imagen y qué extensión tiene se puede hacer lo siguiente, ir a este enlace
http://www.comocreartuweb.com/phpBB2/ftopic15940.htmlSaludos
