|
Los colores en la web
Colores en codigo hexadecimal
En este código los colores tienen dieciseis anotaciones entre digitos
y letras-
0, 1, 2, 3, 4, 5, 6, 7, 8, 9.
- A, B, C, D, E, F.
- Al color blanco le corresponde " # FF FF FF "
-
Y al color negro "# 00 00 00"
- "# FF FF FF " las dos primeras FF, corresponden al rojo;
las dos segundas FF al verde verde; y las dos finales al azul
-
En la codificación "FF 00 00" las dos primeras letras corresponde al color rojo máxima graduación de rojo seria
"# FF 00 00" , con 00 de verde y 00 de azul.
- El color verde seria 00 de rojo, FF máximo de verde y 00 de azul,
quedaria "#00 FF 00 "
- Y el color azul seria "# 00 (de rojo), 00 de verde) y máximo de
azul FF " ; 00 00 FF
| Tabla parcial de colores
|
#FF0000 |
#FF0000 |
#0000FF |
#FFFF00 |
#00FFFF |
#0000FF |
#000000 |
#FFFFFF |
#AAAAFF |
#AAAAAA |
#0000FF |
#990000 |
#999900 |
#999999 |
#99CC00 |
#A0B0C0 |
#FF00F0 |
#00FAAF |
Los colores más utilizados en la web están basados en el codigo cromático RGB, es decir
rojo-verde-azul, la suma de los tres dá el color blanco, la disminución de los mismos dá lugar al negro.
<html>
<head>
<title> miweb.html </title>
</head>
<body>
</body>
</html>
Vamos a escribir alguna frase sobre
la web en blanco
<html>
<head>
<title> miweb.html </title>
</head>
<body>
Web en preparación
nombre provisional : miweb.html
</body>
</html>
Observamos que lo queremos
que se lea o
vea en la web, hay que anotarlo entre <body > y </body>
Que se veria en internet de esta manera
Las web se suelen animar con colores de fondo, con imágenes o con
ambas cosas, para colorear hemos de escribir después de body el color que decidamos darle,
por ejemplo el rojo, anotariamos lo siguiente
<html>
<head>
<title> miweb.html </title>
</head>
<body bgcolor="#ff0000">
Web en preparación
nombre provisional : miweb.html
</body>
</html>
Este seria el resultado
Ya hemos visto cómo
anotar una frase , pero la web es ante todo imagen, para insertar una imagen debemos tenerla
previamente en la
carpeta que hemos abierto y donde guardamos nuestra página
miweb.html,
en el mismo archivo
y con alguna extensión válida para internet, lo más usual es la imagen que desees guardarla con extensión . jpg
ó . gif
Suponiendo que quieras incorporar alguna de estas dos
imágenes de abajo, que estan guardadas con el nombre que al pié especificamos, hariamos lo siguiente:
- Pulsar en la barra de Frontpage el botón
Insertar/Imagen/ Desde archivo
- Y una vez en tu archivo designarás las dos
imágenes que quieres meter, en nuestro caso David Bisbal y Shakira con sus extensiones de archivo, es decir .jpg
|
"davidbisbal280.jpg" |
"shakirafot.jpg" |
<html>
<head>
<title> miweb.html </title>
</head>
<body bgcolor="#ff0000">
Web en preparación
nombre provisional : miweb.html <BR >
<img src="davidbisbal280.jpg">
<img src="shakirafot.jpg">
El resultado en tu web al abrirla seria el siguiente
Pulsa para ver
Podemos cambiar el fondo de la web con solo cambiar el codigo de color en el tag BODY BGCOLOR
, por ejemplo podia ser #AFFODF
<html>
<head>
<title> miweb.html </title>
</head>
<body bgcolor=" #AFFODF" >
Web en preparación
Probando los colores del body
nombre provisional : miweb.html
<BR>
<img src="davidbisbal280.jpg">
<img src="shakirafot.jpg">
</body>
</html>
Pulsa para ver como quedaria tu nuevo
color de fondo
|
|
