Estudando - Webdesigner - Prime Cursos4

21/08/2018 Estudando: Webdesigner | Prime Cursos
Atenção: Esse curso é de autoria da Prime Cursos do Brasil LTDA (registro número 978-85-5906-096-6 BN)
Encontrou esse mesmo material em outro site? Denuncie: juridico@primecursos.com.br
Estudando: Webdesigner
Controle de Cores e Gráficos de Fundo

Uma cor ou imagem de fundo bem escolhidos podem melhorar o aspecto da página, mas uma má escolha é
capaz de causar danos muito graves na legibilidade e no aspecto geral.
A maioria dos browsers permite a utilização de cores, apenas 256, mas já é o suficiente para criar uma página
com fundo e textos personalizados.
As cores são compostas por código RGB (red, green, blue). Cada código define a intensidade do vermelho, do
verde e do azul.
4.1 CORES E ELEMENTOS GRÁFICOS DE FUNDO
4.1.1 BACKGROUND (IMAGEM DE FUNDO)
O atributo background deve ser aplicado à tag <body>, que especifica uma imagem que será utilizada como
fundo de uma página, sendo que a imagem ocupará toda a área de fundo da tela.
COMANDO:
<body background=”URL”>Corpo da página</body>
<html>
<head>
<title>Imagem de fundo - BACKGROUND</title>
</head>
<body background="fundo.jpg">
<h1 align="center">Imagem de fundo<br>Background</h1>
<p align="center">Com esse atributo você insere imagem de fundos nas páginas.
</body>
</html>
https://www.primecursos.com.br/openlesson/9933/100335/ 1/5
4.1.2 BGCOLOR
O atributo BGCOLOR é o atributo que determina a cor de fundo da página, permitindo que se defina uma cor
de fundo padrão para a página sem a necessidade de utilizar um arquivo de imagem.
COMANDO:
<body bgcolor=”#FFFFCC”>Corpo da página</body>
<html>
<head>
<title>Cor de fundo - BGCOLOR</title>
</head>
<body bgcolor="#FFFFCC">
<h1 align="center">Cor de Fundo<br>BGCOLOR</h1>
<p align="center">Com esse atributo você controla a cor de fundo das páginas.
</body>
</html>
DICAS:
É importante ter cuidado ao aplicar elementos de fundo, para não prejudicar a leitura dos textos.
• É interessante sempre visitar outras páginas que utilizam este recurso para recolher boas idéias.
• Para tornar a visualização das páginas mais rápidas, alguns usuários não utilizam imagens em suas
páginas, em vez disso utilizam o atributo BGCOLOR.
4.2 CORES DE LETRAS E LINKS

4.2.1 ATRIBUTO TEXT
O atributo TEXT é utilizado para controlar a cor do texto normal de uma página, ou seja, define a cor de todo o
texto do documento, execeto os links.
O atributo TEXT é inserido na tag <BODY>, tendo como padrão a cor preto (#000000).
COMANDO:
<body text=”#RRGGBB”>Corpo da Página </body>
<html>
<head>
<title>Cor de texto - TEXT</title>
</head>
<body bgcolor="#FFFFFF" text="#333333">
<h1 align="center">CORES DE LETRAS DE TEXTO NORMAL</h1>
<p align="center">Com esse atributo você controla a cor do texto em uma página.
</body>
</html>
4.2.2 ATRIBUTO LINK, VLINK E ALINK
Os atributos LINK, VLINK e ALINK fazem o controle das cores do textos que funcionam como link na página.
- LINK: Define cores de links não visitados. Cor padrão o AZUL.

- VLINK: Define as cores dos links já consultados. Cor padrão vermelho-púrpura.
- ALINK: Define as cores dos links selecionados, ou seja, quando o usuário pressionou o botão do mouse e
ainda não soltou. Cor padrão vermelho.
COMANDO:
<body link=”#RRGGBB” vlink=”#RRGGBB” alink=”#RRGGBB”>Corpo da página</body>
<html>
<head>
<title>Cor de Links - LINK VLINK ALINK</title>
</head>
<body bgcolor="#FFFFE0" text="#FF6347" LINK"#0000CD" VLINK="#7FFFD4"
ALINK="#ADFF2F" >
<h1 align="center">EXEMPLO DE CORES</h1>
<p align="center">O fundo da página está com uma cor especial:<BR>
<B>Lightyellow - RGB : #FFFFE0</b><br>
<b>Alink = GreenYellow - RGB:"#ADFF2F"</b><br>
<b>Link = MediumBlue RGB:"#0000CD"</b><br>
<b>Vlink = Aquamarine- RGB: "#7FFFD4"</b>
</body>
</html>

Estudando - Webdesigner - Prime Cursos4

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Estudando - Webdesigner - Prime Cursos4

Încărcat de

Drepturi de autor:

Formate disponibile

21/08/2018 Estudando: Webdesigner | Prime Cursos

Controle de Cores e Gráficos de Fundo

4.1 CORES E ELEMENTOS GRÁFICOS DE FUNDO

4.1.1 BACKGROUND (IMAGEM DE FUNDO)

<body background=”URL”>Corpo da página</body>

<body bgcolor=”#FFFFCC”>Corpo da página</body>

4.2 CORES DE LETRAS E LINKS

<body text=”#RRGGBB”>Corpo da Página </body>

4.2.2 ATRIBUTO LINK, VLINK E ALINK

- LINK: Define cores de links não visitados. Cor padrão o AZUL.

<body link=”#RRGGBB” vlink=”#RRGGBB” alink=”#RRGGBB”>Corpo da página</body>

S-ar putea să vă placă și