Pridávanie farieb do dizajnu vašich webových stránok je jednoduché pomocou kódov farieb HTML.
Otvorte webovú tabuľku farebných kódov HTML a preskúmajte dostupné farby. Zatiaľ čo väčšina počítačov dokáže zobraziť ľubovoľné farby, prístupnejšou možnosťou je použitie iba farieb bezpečných pre web. Okrem toho je na výber veľa farieb. Vyberte si farby pre svoj projekt, ktoré zodpovedajú téme a dizajnu vašej webovej stránky. Dobrým pravidlom je vybrať si dve doplnkové farby a jednu akcentovú farbu. Neutrál, ako je čierna, biela, šedá alebo hnedá, je ďalšou dobrou voľbou.
Skopírujte 6-miestne kódy farieb HTML pre farby, ktoré chcete použiť na svojej webovej lokalite. Pozostávajú z číslic 0, 3, 6 a 9 a písmen C a F v rôznych kombináciách. Tieto 6-znakové kódy sa použijú v kóde HTML webovej stránky všade tam, kde chcete vytvoriť farebný akcent.
Vyberte si jednu farbu pozadia vášho webu. Ak chcete zmeniť farbu pozadia na túto farbu, použite kód HTML "
“ a nahraďte 6-miestny kód požadovaným farebným kódom. Keďže ide o farbu pozadia celého tela webovej stránky, tento útržok kódu HTML nahrádza normálne „"značka.Zmeňte farbu akéhokoľvek textu, nadpisov alebo odkazov na svojej webovej stránke zahrnutím farebných kódov a správneho kódu HTML do kódu vašej webovej stránky. Akýkoľvek text je možné zafarbiť pridaním atribútu HTML "Smerovanie
“ do kódu vašej webovej stránky.
Zmeňte farbu všetkých nadpisov na svojej webovej lokalite pomocou kaskádových štýlov (CSS). Použite kód "h1 {color:#336699;}" medzi "
" a "v kóde vašich webových stránok. Zakaždým, keď zakódujete "“ na vašom webe bude táto farba. CSS je štandardná metóda úpravy webových stránok. Uľahčuje to tiež vstup a vykonanie zmien, ak chcete zmeniť dizajn.
Zmeňte farbu písma, odkazov a ďalších vecí v CSS. Pre písma použite útržok kódu CSS "p {color:#336699;}". Kód HTML pre každý blok textu musí byť ohraničený znakom "
" a "
"značky." Farby odkazu je možné zmeniť pomocou "{color:#336699;}" a "v kóde vašej webovej stránky HTML. Ostatné značky HTML, ako sú okraje obrázkov, vodorovné pravidlá a bunky tabuľky, je možné zmeniť aj pomocou základného útržku kódu CSS "{color:#336699;}".
