Různé

Analysér kontrastu barev

Jedná se o užitečný nástroj, který nám poví, zda máme na stránkách dostatečně kontrastní text. Trocha teorie Analysér kontrastu barev počítá vzájemný kontrast dvou barev. Můžeme tak zjistit kontrast textu vůči jeho pozadí. Nejvyššího kontrastu pak dosáhneme, pokud porovnáme černou a bílou „barvu“. Kontrast je počítán pomocí algoritmu založeného na světelnosti. Starší verze analyséru využívala jiného algoritmu – rozdíl jasu/rozdíl barvy. Na který si můžeme v novější verzi přepnout. Kolik je dostatečný kontrast Pokud chceme na svých stránkách mít dostatečně kontrastní písmo, měli bychom …

Přístupnost a použitelnost

Přístupný a použitelný web je ukázka práce dobrého webdesignera. Naopak nepřístupný a málo použitelný web je ukázkou práce špatné a odfláknuté. Přístupnost a použitelnost spolu souvisejí a nejsou od sebe striktně odděleny. POUŽITELNOST Řekneme si několik vlastností použitelného webu: Pokud na web přijdu, vím, kde jsem, vím, o čem web je.Navigace na webu (menu) je zřetelná a je umístěna na lehce povšimnutelném místě. Rozhodně bych neměl na stránce rolovat, abych se k menu dostal (ani na menších monitorech).Písmo je dostatečně velké (číst blechy opravdu …

Validátor

Validátor je obecně nástroj ke kontrole platnosti (správnosti) něčeho. V této kapitole bude řeč o validátoru HTML kódu. Jedná se o on-line program (existují ale i validátory ke stažení a instalaci či jako doplňky pro webový prohlížeč Firefox), který prověří, zda náš zdrojový kód vyhovuje předepsaným pravidlům. Oficiální validátor od W3C W3C – World Wide Web Consorcium je sdružení, které vyvíjí standardy ohledně tvorby www. W3C také provozuje validátor, který umí zkontrolovat správnost zdrojového kódu našich stránek (vždy zkontroluje danou html stránku). Kód lze kontrolovat třemi …

Velikost písma

Písmo se dá na stránkách definovat různými způsoby. Nejprve si povíme trochu teorie a pak si ukážeme konkrétní způsob definice velikosti písma. Jednotky Velikost písma můžeme definovat: 1. absolutně (absolutními jednotkami): mm, cm, in (palec = 2,54 cm), pt (1/72 palce),pc (pica = 1/6 palce), xx-small, x-small, small, medium, large, x-large, xx-large2. relativně (relativními jednotkami): ex (výška malého písmene x), em (šířka velkého písmene M), %, smaller, larger, px (pixel) Pixely (malé čtverečky, ze kterých je složen obraz na monitorech) jsou jednotky relativní – na různých zobrazovacích …

Správná struktura kódu

HTML kód lze psát v podstatě dvojím způsobem. Buď hezky, nebo prasácky (přestože se toto slovo může někomu zdát trochu drsnější, označení „prasácký kód“ pro špatně sestavený HTML kód je poměrně zažité). Takový kód tvoří většinou WYSIWYG editory, a někteří „webdesigneři“. My si ukážeme, jak tvořit kód správný a hezký. Podstatou je zachování logické struktury. Ukázka prozradí víc. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="cs">  <head>  <meta http-equiv="content-type" content="text/html; charset=utf-8">  <title></title>  <meta name="description" content="">  <meta name="robots" content="all,follow">  </head>  <body>  <h1>Nadpis (název) mého webu</h1>  <h2>Název kapitoly</h2>    <p>Obsah kapitoly…</p>    <p>Další odstavec obsahu…</p>  <h3>Podnadpis kapitoly</h3>  <ul>    <li></li>    <li></li>    <li></li>  </ul>  <hr>  <h2>Název další kapitoly na …

Jak nahrát stránky na Internet

K tomu, abychom mohli své stránky zobrazovat na Internetu, potřebujeme v podstatě 3 věci: 1. Doménu Jedná se v podstatě o název stránky, který ťukáme do adresního řádku v prohlížeči – www.seznam.cz, www.pestujemeweb.cz, www.google.com. Samotný název (seznam, pestujemeweb, google) se označuje jako doména druhého řádu. Koncovka (cz, com, …) pak označuje buď zemi, nebo zaměření dané stránky. Com (z anglického slova commercial) značí často zahraniční komerčně zaměřené weby a například koncovka name se pak hodí třeba k prezentaci osoby. Koncovka je pak označována jako doména 1. řádu (TLD – Top Level Domain). A kde doménu získáme? Název si …