Színek esztétikája Ez a szöveg nagyon zavaró és olvashatatlan Ha a háttérbe képet teszünk az ne legyen túl hivalkodó Ez a szöveg is nagyon rosszul látszik Szépek a színek, de olvashatatlan Az átmenet is gondot okozhat, mint például itt A szöveg eleje még szépen látszik, de vége már nagyon rosszul Webszerkesztés
A színek hatásai A honlap tervezésekor a legtöbb ember két fő dologra koncentrál: honlap dizájn (grafika és a logo) és a tartalom. A színek nagyon fontosak, mivel hatással vannak ránk lélektanilag, pszichológiailag. Jókedvűvé tud bennünket tenni, izgatottá, dühössé vagy éppenséggel szomorúvá. Meleg színek: piros, sárga, narancs Hideg színek: zöld, kék, lila Közömbös színek: fekete, fehér, szürke, barna Webszerkesztés
Színek megadása Megadhatjuk a színeket angol nevükkel: Pl.: piros=red, kék=blue, … Vagy megadhatjuk egy 6 jegyű kóddal, ami a következőképpen épül fel (RRGGBB kód), 16-os (hexadecimális) számrendszerben mondja meg a színek erősségét: RR=red (piros): első és második számjegy GG=green (zöld): harmadik és negyedik számjegy BB=blue (kék): ötödik és hatodik számjegy A három szín erőssége 0-tól 255-ig állítható hexadecimális kóddal: 00-tól (leggyengébb) FF-ig (legerősebb) Webszerkesztés
Színek megadása Pl.: Fehér: #FFFFFF Fekete: #000000 Piros: #FF0000 Pl.: ez a kód "#32F8A7": ezt a színt fogja eredményezni További színkódok: http://hu.wikipedia.org/wiki/HTML-színkódok Webszerkesztés
Linkek színe Az oldalunkon található linkek színét a <body > paraméterében adhatjuk meg link=: Az oldalon található linkek kiindulási színét állíthatjuk be. (Általában, alapértelmezésben ezek kék színnel vannak jelölve) vlink=: A már látogatott linkek színének beállítására alkalmas. (A látogatott linkek általában, alapértelmezésben sötétlila színnel vannak jelölve) alink=: Az aktív (éppen kiválasztott) linkek színének beállítására jó. (Az aktív linkek általában, alapértelmezésben piros színnel vannak jelölve) Webszerkesztés
Linkek színe Például a szín nevével: <body link="yellow" vlink="orange" alink="orangered"> VAGY a szín kódjával: <body link="#FFFF00" vlink="#FFA500" alink="#FF4500"> Webszerkesztés
Betűszín, háttérszín Az oldalunkon található szöveg és háttér színét szintén a <body > paraméterében változtathatjuk meg text=: Az oldalon található szöveg színét állíthatjuk be. (Alapértelmezésben ez fekete) bgcolor=: Az oldal hátterének színét adhatjuk meg. (Alapértelmezésben ez fehér) Mindkét esetben ezen „változtathatunk”: Szöveg színét megadhatjuk a <font > tag color= paraméterével, bármilyen szövegrészletre A háttérszínt pedig „eltakarhatjuk” egy háttérképpel, amit a <body > tag background= paramétereként adhatunk meg Webszerkesztés
Betűszín, háttérszín Betűszín: <font color="blue" > Kék betűk </font> A korábban tanultakkal együtt is használhatjuk: <font size="4" face="Comic Sans MS" color="red"> Erre a szövegre </font> Háttérszín: <body bgcolor="#7AF428"> Háttérkép: <body background="Naplemente.jpg"> Webszerkesztés