¿Que podemos crear en nuestra pagina web? Parte 2

Edición en nuestra página web (parte 2)

En esta entrada explicaré básicamente como poner fondos en la página web. Puede ser de 2 formas, añadiendo fondos con colores, o con imágenes.


Fondos:
Se puede cambiar el fondo de dos maneras distintas:

  1. Con un color uniforme
  2. Con una imagen
Fondos con colores uniformes:

Para poner un fondo de colores, se añaden a la etiqueta <Body> los códigos que representan los colores. Por ejemplo:  

Los colores primarios son:

#FF0000 - Rojo 
#00FF00 - 
Verde
#0000FF - 
Azul

Otros colores son:

#FFFFFF - Blanco 
#000000 - 
Negro 
#FFFF00 - 
Amarillo

Para hacer un color más oscuro, hay que reducir el número de su componente, dejando los otros dos invariables. Así, el rojo #FF0000 se puede hacer más oscuro con #AA0000, o aún más oscuro con #550000.

Para hacer que un color tenga un tono más suave , se deben variar los otros dos colores haciéndolos más claros (número más alto), en una cantidad igual. Así, podemos convertir el rojo en rosa con #FF7070.


Fondos con una imagen


El fondo de una página puede ser también una imagen, ya sea en formato GIF o JPEG. Esta imagen se repite por toda la página, de una manera análoga al tapiz de Windows. La estructura de la etiqueta son:

Si queremos que la imagen salga directamente, se utilizaría esta etiqueta:

<BODY BACKGROUND="imagen.gif">

La otra forma de poner la imagen de fondo sería esta pero en gif sale directamente la 
imagen:

<BODY BACKGROUND="imagen.jpg">

A la hora de seleccionar una imagen como fondo de pantalla, nos sirve cualquiera que encontremos en internet, pero siempre es mejor mirar primero cuales encajan mejor ya que algunas tapan todo el texto de la página. Recordad que siempre es necesario guardar la foto en la misma carpeta que la página web.







Comentarios

Entradas populares