Blog

HTML a odkazy

Odkazům jsem věnoval samostatnou kapitolu, jelikož se jedná o důležité prvky stránek, bez kterých se většina webů neobejde. Odkazy jsou pak ty části webu, na které lze kliknout. TagVýznam taguaOdkaz; to, co je uzavřeno v tomto tagu, je odkaz (tag je párový). Příklad:<a>Já jsem odkaz</a> Zobrazme si tento příklad v prohlížeči a najeďme na něj myší. Tak co, kliká? Nekliká. Aby šlo na odkaz kliknout, musíme k tagu a přidat důležitý atribut href. Ten určuje, co se po kliknutí stane – kam se dostaneme. AtributVýznam atributuhrefUdává adresu místa, na které se po kliknutí na odkaz …

Meta tagy

Jedná se o informace, které se zapisují do hlavičky. Kódování <meta http-equiv="content-type" content="text/html; charset=utf-8"> Tomuto metatagu jsme se věnovali již na stránce Co je HTML, takže sem pouze okopíruji, co jsem napsal tam. Tento meta tag bychom měli psát vždy před tag title. V některých případech by se pak stránka nemusela v Internet Exploreru zobrazit (ale nevím, pro jaké verze IE to platí). Konkrétně pak kódování utf-8 (doporučuji ho používat) dovoluje psát jakékoli znaky, klidně i čínské.Pokud se chcete o kódování dozvědět více informací, mrkněte na Čeština na webu v HTML. Krom kódování nese ještě jednu informaci, která …

Obrázky

Abychom mohli své stránky zkrášlit (nebo zkazit), povíme si, jak do stránek napasovat obrázky. Obrázky se do HTML dávají pomocí následujícícho nepárového tagu. TagVýznam taguimgVložení obrázku do stránky Podobně jako u tagu pro odkaz, i pro tag img máme důležitý atribut, který udává cestu k obrázku, jenž se má na našich stránkách objevit. AtributVýznam atributusrcCesta k obrázku; pozor na častý překlep scr, obrázek by se nezobrazil. Celý zápis vypadá takto:<img src=""> Mezi uvozovky pak napíšeme cestu k obrázku, stejně jako u odkazů. Tento zápis na zobrazení obrázku stačí, ale chybí mu další důležité atributy: AtributVýznam atributualtAlternativní text; …

Co je HTML

HTML – HyperText Markup Language je značkovací jazyk pro tvorbu www stránek. Jako například Český jazyk má svá slova, tak i HTML obsahuje slova, neboli tagy (značky), které dávají vlastnímu obsahu stránky význam a také dokument částečně formátují. Tagy máme párové a nepárové. Pokud se nám nechce stále přepínat mezi českou a anglickou klávesnicí (Alt + Shift), abychom mohli psát < a > potřebné pro zápis tagů, můžeme tyto znaky psát na české klávesnici pomocí pravého Alt a ? či . Případně v PSPadu zkuste Ctrl + ?. Jak zapisujeme tagy 1. Párový tag – má začátek a konec:<p>Já jsem krátký odstavec.</p> <p> — začátek – …

Tabulky

Tabulky bývaly ve světě webdesignu mocným hráčem. V dobách, kdy podpora CSS v prohlížečích byla mrzká, se pomocí tabulek řešilo rozmístěná jednotlivých prvků na stránce – tzv. tabulkový layout, který však měl své nevýhody (například delší načítání takto utvořené stránky). I když se dnes se stránkami tvořenými pomocí tabulek můžeme setkat, k rozvržení prvků na stránkách bychom měli využívat CSS. Avšak i dnes mají tabulky své nezastupitelné místo. Využíváme je pro tabulková data; prostě pro obsah, který chceme mít v tabulce (a který se samozřejmě do tabulky hodí). Pro tvorbu tabulek využíváme následujících tagů. TagVýznam …

Přehled tagů

Tagů je spoustu. Pokud bych teď měl zpaměti všechny napsat, do kupy bych to nedal.V následujícícm přehledu jsou uvedeny nejčastěji používané tagy, se kterými si často vystačíme. Pokud Vám však následující přehled bude málo, můžete se podívat na mnohem rozsáhlejší přehled tagů i s jejich popisem, nebo se podívat na abecední seznam všech tagů. Párové tagy Například tag li není v HTML povinně párový (nemusí mít ukončovací značku). V XHTML (rozšířené verzi HTML) však je povinně párový. Ideální tedy bude, pokud ho budem psát vždy jako párový, pak si nemusíme lámat hlavu, zda …

Radovan Kaluža – rozhovor

1. Dobrý den, Radovane. Je nějaká věc, kterou byste na banan.cz vylepšil, nebo jste se svojí společností spokojený na 100 %? Vždy je co zlepšit, za poslední půl rok jsme zaznamenali obrovský úspěch se stránkami zdarma, které navrhneme a vytvořítme k webhostingu. Ale na druhou stranu, jsme zaznamenali zvýšený počet požadavků na zpřehlednění administrace webhostingu, nyní tedy pracujeme na ní. 2. Jak jste vlastně přišel na název banan? Má název nějaký hlubší smysl? Fonetické, zábavné , volná doména. Nic extra v tom není. 3. I když se v nabídkách webhostingů příliš neorientuji, dovolím si tvrdit, že …

David Špinar – rozhovor

1. Dobrý den, na začátek otázka, jak jinak, než na přístupnost webových stránek. Myslíte, že se v poslední době (1, 2 roky) změnil postoj webdesignerů k otázce přístupnosti k lepšímu? Občas sice na stránkách prohlášení o přístupnosti vidím, ale zdá se mi spíše samoúčelné. Jak moc klienti žádají audit přístupnosti? V poslední době zde vidím dva trendy. Ten první se projevuje v tom, že ti lepší tvůrci webů se už naučili považovat přístupnost za přirozenou součást webu, protože si ji už několikrát „osahali“ a často je k tomu přiměli i jejich …

Miloslav Lešetický (Plaváček) – rozhovor

1. Jste spoluautorem knihy CSS Hotová řešení. Napadlo Vás, že napíšete i něco ryze vlastního; ať už odborného či méně vážného? Psací talent máte zřejmý. Jako spoluautor zmíněné knihy jsem pracoval převážně na praktických ukázkách, protože teoretický základ měl už Petr Staníček po kupě. Fakt ale je, že od okamžiku, kdy jsem na dopsání knihy (spolu s dalšími autory) přistoupil a odevzdal vydavateli poslední korekturu, která se mi moc nepovedla, přepadla mě touha už nikdy nepsat žádné odborné texty. Toto předsevzetí dodržuji. Psát odborně …

Jan Březina – rozhovor

1. Dobrý den, Honzo. Co/koho nejraději fotíte? Rád fotím to, co se mi líbí. Nějak neumím fotografovat něco, co se mě osobně nelíbí a vnitřně s tím nesouhlasím. Nějčastěji a asi nejraději fotím lidi, ale asi nejvíc jsou vidět moje fotografie z cest, které považuji za jakousi svojí volnou tvorbu. 2. Máte nějaké fotky, na které jste opravdu pyšný? Asi jsem na sebe moc náročný na to, abych byl na nějakou svojí fotografii opravdu pyšný, co se týče mého osobního fotografického umu. Ale radost mi třeba udělaly …

Petr Mára – rozhovor

1. Dobrý den, Petře. Jak velké zlepšení v produktivitě a efektivitě díky metodě GTD pozorujete na sobě? Lze to vyjádřit pomocí čísel (procentuálně, množstvím ušetřeného času, …)? Dobrý den, osobně jsem díky metodě GTD schopen stlačit pracovní čas až na 50 %, ale berte toto číslo s rezervou. GTD naučí člověka spíše efektivního využití času a určení si priorit a cílů. Ve finále můžete pracovat 2× více, ale vtip je v tom, že tento investovaný čas využijete na maximum. Pokud cestuji, jsem schopen během 30–60 minut denně …

Český hosting aneb kozy táhnou

Český hosting je společnost, která nabízí, jak je již z názvu patrné, webhosting a registraci domén. S touto společností sice nemám zkušenost, ale z doslechu vím, že se jedná o poměrně kvalitní firmu; webové stránky tomu napovídají. Proč však o Českém hostingu píši? Zaujala mě totiž jeho akce… Jsme tu pět let, vyberte tvář Společnost oslavuje 5 let své existence a vyhlásila soutěž o ceny. Předmětem soutěže je výběr tváře, která bude Český hosting reprezentovat. Vybírá se z 12 dívek. A já se ptám: „Proč každej všude cpe mladé atraktivní (nejlépe polonahé) ženský?“ Pokud jde třeba …