V procese práce na webe, tak profesionálni správcovia webových stránok, ako aj ľudia, ktorí sa zaoberajú aktualizáciou stránok, ale nie sú profesionálmi, uskutočňujú rôzne zmeny v štýle webového zdroja. Môže byť napríklad potrebné, že z nejakého dôvodu budete musieť zmeniť farbu odkazov na webe.
V takom prípade musíte vedieť, že farba odkazov sa mení pomocou CSS (Cascading Style Sheets) - kaskádových štýlov. Toto sú tabuľky používané v spojení s programovacím jazykom na vytvorenie webového zdroja. CSS je zodpovedný za štruktúru webu, to znamená za jeho štýl, vzhľad a html - za obsah zdroja. CSS je pokračovaním vývoja HTML.
Farba odkazu na webe
Farbu odkazov teda môžete meniť tak pre celý web, ako aj pre každý odkaz zvlášť. Farby odkazov sú nastavené ako atribút hlavnej značky. Atribút je niečo, čo do kódu nemusíte písať, pretože niektoré z nich sú už predvolene nastavené. Atribút odkazu určuje farbu odkazov na webovej stránke. Predvolená hodnota je modrá. Alink je atribút, ktorý určuje farbu aktívnych odkazov, v predvolenom nastavení je červený. Vlink - navštívené odkazy, ich všeobecne akceptovaná farba je fialová.
Najčastejšie je farba odkazov na webových stránkach nastavená v hexadecimálnom formáte (#EEEEEE - šedá) alebo vo formáte rgb (# 808080 - šedá), ale môžete tiež použiť tradičnú anglickú farebnú notáciu (šedá - šedá). Farbu je možné navyše nastaviť v stupňoch, na to je vhodný formát HSL. Farebné tabuľky sa dajú ľahko nájsť na internete.
Zmeňte farbu odkazov
Ak chcete zmeniť farbu všetkých odkazov na stránke, stačí zmeniť farbu atribútu color v štýloch. Ak to chcete urobiť, vyhľadajte súbor style.css, otvorte ho a vyhľadajte atribút. Napríklad A {color: green; / * Farba odkazu * /}, kde A je odkaz, ktorého farba sa zmení na zelenú. Hodnotu farieb môžete ľubovoľne meniť pomocou ktoréhokoľvek zo systémov označovania farieb. Prehliadač vás „pochopí“. Tento štýl bude platiť pre všetky odkazy na webovej stránke. Rovnakým spôsobom môžete zmeniť farby ďalších atribútov, napríklad farbu odkazu, keď na ňu umiestnite kurzor myši.
Ak chcete na webovej stránke vytvoriť odkazy v rôznych farbách, použite nasledujúcu položku v šablóne so štýlmi:
.menu a {color: grey; }
.obsah {farba: zelená; }
Z príkladu vyplýva, že odkazy na ponuku budú sivé a odkazy v bloku obsahu budú zelené.
Rovnaké kroky je možné vykonať aj s odkazmi, ak štýly nie sú v samostatnom súbore, ale v samotnom html dokumente. Toto sú kontextové selektory.
Ak chcete rýchlo upravovať štýly a meniť farby odkazov, je lepšie použiť vizuálny editor Dreamwever. Hlavná vec, ktorú treba pamätať, je, že odkazy by mali vyzerať organicky vo vzťahu k celej webovej stránke. Pre svetlé pozadie sú lepšie tmavé odkazy a naopak.
