Fondo en nuestra web

 

Ahora vamos a aplicar lo visto anteriormente para nuestra web. La elección del fondo como se los mencione es al gusto del cliente, en este caso al gusto de ustedes. No dire que tengo mal gusto no je, pero tampoco tengo bueno asi que seguramente mi elección no será la suya. Si se han dado cuenta el fondo de axside son pequeños puntos que forman cuadrados por casi toda la página. Esa imagen que de verdad es una sola que se repite y repite. Lo mismo haremos en nuestra página en construcción le pondremos un fondo, no el de los puntos pero este que les traigo.

 

Les recuerdo que ese fondo solo es para objeto del curso, ustedes son libres de elegirlo o no.

Bueno damos click derecho a la imagen y la guardamos con el nombre de fondo1.jpg. Creo que no es necesario recordarles que la imagen debe estar guardada en su carpeta de imágenes no? ¬¬ (yaya cambia cambia sin rochee je).

Mi intención es poner el fondo en todo lugar libre de nuestra página web, restringiéndolo cada vez que queramos en los estilos de nuestros divs. Para esto vamos a mandar de nuestra  hoja de estilos que otorge el fondo a toda la página hasta que digamos lo contrario. Esto se hara poniendo el siguiente código:

 

Como ven, body no lleva un punto (.) al comienzo como lo hace los demás estilos, esto es porque body es parte de la página y nosotros no lo hemos creado como lo hacíamos poniendo class=””.
Siendo body el cuerpo de la pagina, en esa instrucción estamos mandando a que todo el cuerpo tenga ese fondo. Para términos de orden, vamos a poner esa instrucción al inicio de nuestra hoja de estilos. Ahora solo nos queda guardarla, ir a nuestro index y ver como quedo con la vista previa.

Si todo salió bien tenemos el fondo del dólar en toda nuestra página, pero no es la intención que quede así, ya que los divs de los menus, banner y pies tendrán su propio estilo. Esto lo iremos arreglando a medida que pasen las lecciones no se preocupen.

 

El resultado debio quedar ASI

 

Ahora en el próximo apartado vamos a crear nuestro banner, como? Ahí se los digo… ja. Vamos!

 

<<<< Anterior Siguiente >>>>