HTML. Culori
Culoarea o caracteristică extrem de importantă a paginii Web. Utilizată cu măsură, ea poate îmbunătăţi substanţial aspectul paginii, făcând-o mai lizibilă şi mai atractivă, iar textul mai uşor de parcurs. Pe de altă parte, utilizarea excesivă a culorilor poate transforma un text de calitate în ceva obositor, greu de urmărit, şi care îi va determina pe mulţi vizitatori să renunţe la a-l mai parcurge.
Atributele etichetei <BODY>
Cu ajutorul lor se pot seta culorile fundalului, textului şi linkurilor:
bgcolor - culoarea fundalului
text - culoarea textului
link - culoarea linkurilor
vlink - culoarea linkurilor vizitate
alink - culoarea linkului activ
Culoarea fundalului
Pentru a stabili culoarea fundalului unei pagini folosim atributul bgcolor (background color) al etichetei <BODY>, căruia îi atribuim o valoare astfel:
<BODY bgcolor="#RGB sau nume_culoare">
Se poate folosi drept valoare pentru atributul bgcolor fie codul hexazecimal al culorii fie numele ei. Exemplul:
<HTML>
<HEAD>
<TITLE>Culoare fundalului</TITLE>
</HEAD>
<BODY bgcolor="#00FF00">
<H1 align="center">Pagina cu fundal verde</H1><HR>
</BODY>
</HTML>
Culoarea textului
<HTML>
<HEAD>
<TITLE>Culoare textului</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#0000FF">
<H1 align="center">Text albastru si rosu</H1>
<HR>
Textul din aceasta pagina este albastru cu mici
<FONT color="#FF0000"> exceptii</FONT>
</BODY>
</HTML>
Culoarea legăturilor
Pentru a schimba culorea se folosesc următoarele atribute ale etichetei <BODY>:
link pentru legături
alink pentru legăturile active
vlink pentru legăturile vizitate
conform sintaxei:
<BODY link="#RGB sau nume_culoare"
alink="#RGB sau nume_culoare" vlink="#RGB sau nume_culoare">
Documentul din exemplu ce urmeaza, creează o pagină în care textul este negru iar legăturile au culoarea verde, legăturile active culoarea albastru şi cele vizitate, culoarea roşu. În exemplu este folosită eticheta <A> şi atributul sau href, care vor fi prezentate pe larg în capitolul despre legături:
<HTML
<HEAD>
<TITLE>Culoarea legaturilor</TITLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" link="#00FF00" alink="#0000FF" vlink="#FF0000">
<H1 align="center">Legaturi colorate</H1>
<HR>
<A href="culori1.html">Legatura catre primul exemplu</A>
</BODY>
</HTML>
Alegerea culorilor
Sunt multiple elemente care trebuie luate în considerare la alegerea culorilor pentru o pagină Web. Cel mai important, este acela de a face conţinutul uşor de citit. Litere negre pe fundal alb.
În vestimentaţie combinaţia de roşu cu bleumarin este rafinată, într-o pagină Web literele roşii pe fond albastru nu arată bine şi sunt greu de citit.
O altă combinaţie nereușită, fondul negru sau de culoare foarte închisă şi textul de culoare albă.
În alegerea culorilor pentru un site este bine să ţineţi seama de câteva elemente de psihologia culorilor, pentru a sublinia mesajul pe care vreţi să îl transmiteţi. Iată câteva dintre sentimentele pe care le sugerează culorile:
Roşu - agresivitate, pasiune, putere, vitalitate
Roz - feminitate, inocenţă, moliciune
Portocaliu - amuzament, veselie, căldură, exuberanţă
Galben - sentimente pozitive şi cordialitate
Verde - linişte, sănătate, prospeţime
Albastru - autoritate, demnitate, securitate, încredere
Violet - sofisticare, spiritualitate, mister
Maro - utilitate, legătura cu pământul, bogăţie
Alb - puritate, încredere, modernitate, rafinament
Gri - sobrietate, autoritate, simţ practic
Negru - seriozitate, distincţie, hotărâre
Alegerea culorilor pentru site trebuie să fie în concordanţă cu tema site-ului şi să sublinieze mesajul său. Astfel, dacă doriţi să construiţi un site destinat copiilor se vor folosi culori vesele şi luminoase, iar pentru un site destinat prezentării unei firme de consultanţă financiară, sunt potrivite culori sobre şi care sugerează seriozitate şi încredere.
Ultima postare: Top 10 Listings of Digital Marketing Companies in 2019 Cel mai nou membru al nostru: camelliaclaris Postări recente Postări necitite
