Archivační formáty

Archivační formáty
• nejznámější archivační formáty jsou
– ARJ - program arj (hlavně MS DOS a Windows), velmi dobrý kompresní formát, rychlý, mnoho možností zadávaných z příkazové řádky
– ZIP - programy pkzip, pkunzip (MS DOS), další verze i pod MS Windows GUI (WinZip), existuje i GNU ZIP pod UNIXem, o něco méně výkonný než arj, rozšířený hlavně v MS DOSu a MS Windows
– TAR - archivní program pod UNIXem, přípona tar
– RAR - formát rozšířený hlavně pod MS Windows (WinRAR), přípona rar
– ARC - již příliš nepoužívaný formát rozšířený v MS DOSu (program i přípona arc)
– Z - UNIXovský formát, (compress uncompress), přípona Z

Další formáty
• další významné formáty
– DVI - výměnný formát nezávislý na zařízení (pro dokumenty)
– EXE, COM - spustitelné (MS DOS)
– DB - databázový (DBase)
– DLL - dynamická Windows knihovna
– PS - PostScript - vektorový
– PDF - "klikací" texty (Adobe)
– AVI - video
– MP3 - zvuk, ztrátová komprese
– WAV - zvuk, bezeztrátový
– MPG - video, ztrátové (viz JPEG)

Formát TIFF, PCX

Formát TIFF, PCX
• formát TIFF je dostupný na téměř všech operačních systémech (jde asi o nejrozšířenější formát), velmi univerzální
• je rastrový a velmi složitý
• podporuje řadu kompresí - RLE, LZW, JPEG, Huffmanovo...
• obvyklé přípony jsou tif, tiff
• velmi široce rozšířený formát je také PCX, zejména v MS DOSu a Windows
• je také rastrový snadno komprimovatelný (RLE), ale obrázky v něm jsou rozsáhlé

Formát GIF
• formát rozšířený hlavně díky Internetu, kódující ovšem pouze v 8b je GIF
• jde o velmi rychle dekomprimovatelný rastrový formát s dobrou kompresní metodou (LZW) produkující rychle přenositelné a zobrazitelné obrázky, podporovaný většinou operačních systémů
• díky metodě LZW již obrázky v tomto formátu nelze dále komprimovat pomocí archivních programů jako ARJ, ZIP, ...

Formát JPG
• rastrový formát nabízející vynikající kompresní poměr a rozšířený také zejména díky Internetu je JPG
• používaný typ komprese je JPEG, což je ztrátová komprese - tedy z obrázku ve formátu JPG nelze obnovit původní obrázek (lze nastavit stupeň ztrátovosti tak, aby výsledek byl co nejvěrnější)
• používané přípony jsou jpg, jpeg, fif, ffi
• je rozšířen na většině platforem
• komprese je pomalá, dekomprese rychlá

Vektorové formáty

Vektorové formáty
• soubory ve vektorovém formátu obsahují matematické popisy prvků obrázku (typ, střed, poloměr, barvu, směr, délku,
výplň, ...)
• jejich výhodou je nezávislost na zařízení
• struktura vektorového obrázku
– hlavička (obecné informace)
– barevná paleta
– popis objektů
• podle použití se v jednotlivých formátech liší používané typy a specifikace objektů
• protože je obrázek uložen jako série objektů, je snadné jej zvětšovat, otáčet, transformovat, ...
• některé vektorové obrázky lze snadno editovat i v textovém režimu
• převod z vektorového formátu na rastrový je snadný (naopak ne)
• nehodí se na ukládání složitých předloh (fotografie), kde jsou barvy bodů primární, vykreslování může trvat dlouho
• nejznámější CDR, CGM, DXF (AutoCAD)

Typy komprese
• u grafických formátů se používají
– RLE - redukuje opakované výskyty znaků -místo AAAAA napíše 5A (lze kódovat ve směru X, Y, ZIGZAG, ...), vhodné pro obrázky s jednobarevnými plochami
– LZW - všeobecně použitelné kódování (nejen na obrázky), používají je například i ZIP, ARJ, ... - buduje znakový slovník dat, které se ve vstupu objevují (pokud se pak řetězec ve slovníku vyskytne, je zakódován podle slovníku (kratším kódem než je řetězec), pokud ne, opíše se (spolu s nějakým příznakem nezakódování))
– Huffmanovo kódování (CCITT) - předloha se skládá z 1 a 0, sledujeme délky proudů 1 a nul a ty zapisujeme pomocí jejich délky, na dalších řádcích se sledují shody a odlišnosti od předchozího řádku (někdy se jako první řádek berou samé 1) a kódují pomocí délek shod a odlišností
– JPEG (DCT transformace) - ztrátová komprese, ztrácí části téměř neviditelné lidským okem (malé změny barev), lze určit výslednou kvalitu (ztrátovost), vhodná zejména pro fotografie (ne pro jednobarevné plochy), jde ale o poměrně složitou metodu

Textové formáty

Textové formáty

• formát RTF je univezální formát pro nejrůznější textové dokumenty obsahující formátovací vlastnosti, strukturu dokumentu, vlastnosti dokumentu a používající tisknutelné ASCII znaky
• klíčová slova jsou ve formátu
\lettersequence
• a určují způsob formátování bloku textu, který je uzavřen ve {}
• jde o formát používaný firmou Microsoft

Formát WordPerfect

• velmi rozšířený formát je WordPerfect, odpovídající danému textovému procesoru, přípona zeména wp, má řadu modifikací podle typu procesoru
• obdobné chrakteristiky platí pro formát MS Word, přípona doc
• v českých zemích je hojně rozšířen i formát T602 (přípona txt)
• obecný textový formát pro daný typ dokumentu asi neexistuje, je potřeba volit podle dostupnosti SW u uživatele

Tvůrci standardů

Tvůrci standardů
• tvůrci standardů
– výrobci a vlivní producenti, většinou se rozšíří díky kvalitě či inovativnosti (Adobe), nebo díky síle výrobce a rozšířenosti jeho produktu (Microsoft)
– organizace
• standardizační (W3C)
• profesní (IEEE)
– státní nebo nadstátní úřady a organizace (ANSI, ISO, ...)
– uživatelé (zásady chování)
• některé standardy se mohou přesouvat např. od výrobce k organizaci, ...

Důležité oblasti
• Nejdůležitější formáty souborů
– grafické formáty
• vektorové
• rastrové
• animace
– textové formáty
– komprimační a archivní formáty
– multimediální formáty
• zvuk
• video
– další formáty
• databázové
• spustitelných souborů

Formáty souborů

Formáty souborů
• formáty souborů se často odlišují příponou ve jménu souboru
• rozeznáváme
– logický formát souboru - pro uživatele
– fyzický - uložení na médiu
• rozdíly jsou třeba u databázový souborů, textových souborů, ...
• většinou jsou formáty souborů spojeny s konkrétními aplikacemi
• někdy dokonce různé verze jedné aplikace mají různé formáty (MS Word)

Grafické formáty
• formát BMP je nejčastěji používán v MS Windows, je rastrový a obsahuje
– hlavičku souboru (14 byte)
• typ
• velikost
• rozložení
– informační hlavičku (40 byte)
• dimenze
• typ komprese (žádný nebo RLE)
• barevný formát
– tabulku barev
– pole byte, definujících barvy pro jednotlivé body bitmapy

Formát BMP
• tabulka barev obsahuje specifikace barev v RGB podobě (3 byte), pro každou použitou barvu jednu specifikaci
• pokud jde o obrázek v 24b barvách, tabulka barev se nevyskytuje a místo ní je hodota každého bodu vyjádřena v RGB podobě
• formát BMP používá kompresi pouze pro 8b obrázky, jinak ne - obrázky v tomto formátu jsou tedy rozsáhlé, čtení komprimace a dekomprimace jsou rychlé

Objekt forms

Objekt forms
• formuláře jsou v Javascriptu reprezentovány objektem Form, jsou vždy prvky pole document.forms, jehož vlastností je pole elements, obsahující elementy formuláře - vlastnost name je jméno elementu, value hodnota
• ostatní vlastnosti formuláře - action, encoding, method, target
• elegantnější možnost přístupu k elementům je
document.jmenoformulare.jmenoelementu

CSS vs. JavaScript
• pomocí JavaScriptu můžeme také definovat styly
• používáme syntaxi
selektor.vlastnost = "hodnota"
• jako selektory máme několik nových JavaScript objektů a funkcí
– pro vlastnosti tagů tags
tags.jmeno_tagu
– pro třídy classes
classes.jmeno_tridy.all(tag)
– pro individuální vlastnosti ids
ids.jmeno_individualniho_stylu
– pro kontextové definice contextual
contextual(selektor, ...)
• pokud definujeme styly pomocí tagu STYLE, musíme tako TYPE použít "text/javascript"
• pokud definujeem styly pomocí atributu STYLE, používáme hodnoty uzavřené do apostrofů!
• kdekoliv v programech JavaScriptu můžeme použít nastavení vlastností pro libovolný objekt (u kterého ho má smysl)

Standardy, formáty

Přednáška č. 19

Obsah přednášky
Téma: Standardy, formáty
- standardy a standardizace
- formáty dat
- grafické formáty
- textové formáty
- kompresní formáty
Příští téma: Zkoušení

Standardy
• standardy jsou všeobecně uznávané specifikace (v jakékoliv oblasti)
• proces tvorby standardů - standardizace
• v oblasti výpočetní techniky máme
– standardy v oblasti HW
• architektury počítačů, systémů, zařízení a sítí
• rozhraní (tedy způsob komunikace mezi zařízeními nebo s uživatelem) - slouží k tomu, aby produkty různých výrobců mohly být kombinovány dohromady (konkurenční výhoda) a aby uživatel mohl komunikovat se zařízeními navyklým způsobem
– v oblasti SW (v APV nás budou zajímat)
• formáty souborů (umožňují kombinovat práci s více programy)
• formáty rozhraní (pro komunikaci programů mezi sebou)
• poskytované služby
• standardy uživatelského rozhraní (formuláře, klávesové zkratky, ...)
– ostatní
• postupy práce
• metodiky tvorby
• zásady chování (na počítačové síti, ...)
• některé standardy mohou být později pevně definovány a povýšeny na normu

DOM - objektový model dokumentu

DOM
• objektový model dokumentu (DOM) uspořádává objekty reprezentující prohlížeč a stránky, nejdůležitější jsou
• window (vl. self, window, parent, top)
– location
– history
– frames
– navigator
– document
• links
• images
• anchors
• forms
– elements

Objekt window
• jednoduché metody
document.write('text')
alert("zprava")
prompt("zadani")
open("URL", "jmeno_okna", "parametry")
close("jmeno_okna)
• kde document.write vypíše řetězec na stránku (jako HTML kód), alert zobrazí zprávu pro uživatele, prompt ho vyzve k zadání řetězce (který vrátí), open otevře nové okno a close ho zavře
• parametry open se zadávají vedle sebe a oddělují čárkou (parametr=hodnota)
• parametry
– toolbar (yes/no)
– location (yes/no)
– directories (yes/no)
– status (yes/no)
– menubar (yes/no)
– scrollbars (yes/no)
– resizable (yes/no)
– copyhistory (yes/no)
– width (šířka)
– height (výška)
– top (shora)
– left (zleva)

Objekt navigator

Objekt navigator
• vlastnosti objektu navigator identifikují browser
– appName - jméno
– appVersion - verze
– appCodeName - kódové označení
– UserAgent - kódové označení/verze
• při určování browserů se často používá vestavěná funkce parseInt(), která vyseparuje z řetězce první celé číslo
verze = parseInt(navigator.appVersion)
• po identifikaci špatného browseru se hodí vlastnost na změnu obsahu okna
window.location = "nove_URL"

Objekt images
• pro práci s obrázky je důležitý objekt document.images, což je pole s objekty typu Image, které se automaticky vytvoří pro každý obrázek na WWW stránce
• velmi důležitá je pak vlastnost objektu Image src, která nastavuje zdroj obrázku
document.images[jmeno].src=zdroj
• objekt pro práci s datem - Date()
– obsahuje datum a čas v neupravené podobě - lépe s metodami getDay() , getDate(), getYear(), getHours(), getMonth(), getMinutes(), getSeconds()

Objektové metody

Objektové metody
• každý objekt má speciální 3 metody, které jsou v určitých okamžicích automaticky vyvolány (lze je přepsat)
– toString() je vyvolána při konverzi objektu na řetězec a vrací řetězec reprezentující typ či hodnotu objektu
– valueOf() je vyvolána při konverzi objektu na jiný typ než řetězec (hlavně na číslo)
– assign() je vyvolána, když se objekt objeví na levé straně operátoru přiřazení a pokusí se hodnotou z pravé strany (předanou jako argument) nastavit novou hodnotu objektu

Pole
• pole je v Javascriptu přístupné stejně jako v C, indexy začínají od 0, typy jednotlivých prvků se mohou lišit
• pole může mít jakýkoliv počet prvků, který lze kdykoliv změnit
• indexy pole nemusí jít za sebou a pro nepoužité indexy se nevyhrazuje paměť
• pole je stejné jako objekt - objekty mohou mít číselně indexované prvky a pole mohou mít vlastnosti, i pole se tvoří pomocí konstruktoru a new
• existuje předdefinovaný konstruktor Array s jedním parametrem určujícím délku pole (a hodnotu vlastnosti length)
• pokud nemá parametr, vytvoří se prázdné pole, pokud jich má více, použijí se jako inicializační hodnoty
• vlastnost len gth takto inicializovaného pole má hodnotu o 1vyšší než nejvyšší index pole
• všemi browsery nepodporované metody polí - join(), reverse(), sort()

Výrazy a operace

Výrazy a operace
• většina operátorů v JavaScriptu je stejných jako v jazyce C
• vyjímkou jsou
– typeof - vrací datový typ
– new - volá konstruktor
– void - vrací nedefinovanou hodnotu
– >>> - posun s doplněním nuly místo znaménka
• priorita
. [] ()
++ -- - (unárně) ~ ! typeof new void
* / %
+ -
<< >> >>>
< <= > >=
== !=
&
^
|
&&
||
?:
=
*= /= %= += -= <<= >>= >>>= &= ^= |=
,

Funkce
• funkce definujeme a voláme podobně jako v jazyce C, pouze neurčujeme typy a používáme klíčové slovo function
function jmeno (parametr, ...) { ... }
• pokud předáme více argumentů než je specifikováno, budou ignorovány
• pokud předáme méně argumentů, některé budou mít nedefinované hodnoty
• když funkce neobsahuje return, nevrací hodnotu a lze ji použít mimo výrazy
• v JavaScriptu jsou funkce daty
• pro datový typ funkce existuje objektový typ Function, který má tyto vlastnosti (které lze používat pro běžící funkce)
– pole arguments obsahuje sadu hodnot argumentů předaných funkci
– odkaz na funkci, která vyvolala aktuální funkci caller
– konstruktor Function(), jeho parametry tvoří parametry funkce, poslední z nich tělo
• funkce jsou objekty, tedy jim lze přiřazovat vlastnosti (a lokální proměnné a argumenty jsou také vlastnosti)

Tok řízení

Tok řízení
• příkazy v JavaScriptu jsou
– výrazy vytvořené pomocí operátorů
– volání funkcí
– složený příkaz { }
– řídící příkazy
– var, return, deklarace funkce, prázdný
• příkazy mohou být ukončeny středníkem (a musí, je-li jich více na řádku)
• řídící příkazy
– stejné jako v jazyce C - if else, while, for, continue, break
– odlišné - for in, with
for (promenna in objekt) prikaz
• provádí příkaz prikaz pro všechny vlastnosti objektu objekt, jež postupně umísťuje do proměnné promenna
• neuvádí
– length pro uživatelsky definovaná pole
– vlastnosti funkcí, metod, konstruktorů
– konstanty objektů Math a Number
– vlastnosti nebo metody definované pomocí klíčových slov var nebo function
• chceme-li z výrazů vynechat objekt.
with (objekt) prikaz

Předávání odkazem
• v prikaz bude pak pro všechny proměnné napřed zjišťováno, zda nejde o vlastnosti objektu objekt, teprve pokud ne, jsou použity samostatně
• většina manipulací s datovými typy v JavaScriptu probíhá hodnotou
• odkazem jsou
– kopírovány objekty, pole, řetězce a funkce
– předávány hodnoty objekt, polí, řetězců a funkcí
– porovnávány objekty, pole a funkce

Úvod do JavaScriptu

Přednáška č. 18

Obsah přednášky
Téma: Úvod do JavaScriptu
- charakteristiky JavaScriptu
- Typy, objekty
- Funkce, výrazy, tok řízení
- Propojení s browserem, DOM
- CSS vs. JavaScript
Příští téma: standardy, formáty

Charakteristiky
• JavaScript je sytakticky velmi podobný jazyku C
• JavaScript rozlišuje velká a malá písmena
• poznámky v Javascriptu jsou stejné jako v C++
/* poznámka */ // také poznámka
• literály jsou
– čísla (1.25, -02, +.5, -6.02e-17, +.3E+2)
– řetězce ("řetězec", 'řetězec' - lepší)
– logické hodnoty (true, false)
– null

Proměnné
• proměnné jsou v JavaScriptu netypové a není je třeba deklarovat
• deklarace je potřebná pouze uvnitř funkce, existuje-li globální proměnná stejného jména
var i = nepovinna_inicializace;
• hodnoty (proměnných i literálů) jsou vhodně konvertovány mezi sebou podle kontextu
i = "Máme" + 5 + " hodin"
/* 5 je konvertována na řetězec */

Čísla
• všechna čísla mají vnitřní reprezentaci jako čísla s plovoucí desetinnou tečkou
• existuje řada předdefinovaných funkcí pro práci s čísly, všechny jsou součástí objektu Math, tedy přistupujeme k nim
Math.funkce(argumenty)
• máme abs, sin, cos, tan, asin, acos, atan, exp, log, ceil (zaokrouhlení nahoru), floor (a dolů), min, max (ze dvou čísel), pow (základ, exponent), round, sqrt

Řetězce

Řetězce
• řetězcové konstanty
– \b (backslash), \f (nová stránka), \n, \r (backspace), \t, \', \", \xxx (osmičkově)
• ke sloučení řetězců slouží operátor +
• délka řetězce s
s.length
• řada operací s řetězci je dostupná v třídě String, používají se jako length
• v JavaScriptu je i speciální hodnota undefined (při porovnání je stejná jako null), vracená pro neinicializ. proměnné

Objekty
• soubor pojmenovaných dat se v JavaScriptu nazývá objekt (pojmenovaná data jsou vlastnosti)
objekt.vlastnost
• vlastnosti objektů mohou být jakékoliv typy dat, pole, funkce, objekty, ...
• novou vlastnost přidáme jednoduše nastavením její hodnoty
• nové objekty se tvoří pomocí new a funkce konstruktoru
objekt = new Konstruktor()
• obecný konstruktor Object() vytvoří konstruktor bez vlastností
• lze napsat vlastní konstruktor, který nastaví hodnoty vlastností, existují i předdefinované konstruktory objektů
• při psaní konstruktoru používáme klíčové slovo this obsahující odkaz na nově vytvořený objekt, tedy definice vlastnosti v konstruktoru
this.vlasnost = hodnota
• konstruktor by neměl vracet hodnotu
• vlastnosti mohou být i funkce - máme-li objekt o, vlastnost m a funkci f, definujeme funkci jako vlastnost
o.m = f
• v těle této funkce pak lze opět použít klíčové slovo this
• pro přístup k vlastnostem lze použít i operátor [], pak je jméno vlastnosti zapsáno jako řetězec a může být zpracováno programově (výraz, ...)
objekt["vlastnost"]

Vlastnosti barevné a pozadí

• vlastnosti barevné a pozadí
– barva color se aplikuje na všechny elementy, dědí se a může být
• barva
– obrázek na pozadí background-image se aplikuje na všechny elementy, nedědí se a může být
• URL obrázku pozadí (relativní URL je interpretována vzhledem ke zdroji stylu, ne relativně k dokumentu!)
– směry ve kterých se bude obrázek opakovat background-repeat se aplikuje na všechny elementy, nedědí se a může být
• repeat, repeat-x, repeat-y, no-repeat
– barva pozadí background-color se aplikuje na všechny elementy, nedědí se a může být
• barva
– celkové nastavení pozadí background se aplikuje na všechny elementy, nedědí se a je
background:top right bottom left;
• klasifikační vlastnosti
– určení kategorie elementu display se aplikuje na všechny elementy, nedědí se a je
• block, inline, list-item, none (nezobrazí element)
– styl odrážky seznamu list-style-type je aplikován na seznamy, dědí se a může být
• disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none

Pozicování

Pozicování
• pomocí pozicovacích vlastností můžeme přesně řídit umístění jednotlivých elementů na stránce
• toto umístění může být
– absolutní - pozice elementu se stanovuje od levého horního rohu dokumentu
– relativní - element se posune od své přirozené pozice
• typ určování pozice position se aplikuje na všechny elementy, dědí se a může být
– absolute
– relative
• umístění levého horního rohu elementu top a left se aplikuje na všechny elementy, nědědí se a je
– délka s jednotkou
– procento velikosti rodičovského elementu
• pozicované elementy se mohou i překrývat, o tom který bude viditelný rozhoduje vlastnost z-index (element s nejvyšší hodnotou bude viditelný), která je aplikována na pozicované elementy, nedědí se a je
– číslo bez jednotky
• definice obdélníkové části elementu, která bude viditelná clip je aplikována na pozicované elementy, nedědí se a je
– rect(left, top, right, bottom)
• levá a pravá hranice je specifikována v pixelech od levé hrany elementu, horní a dolní hranice jsou v pixelech dolů od horní hrany elementu (stačí i určit jen right a bottom, pak jsou left a top = 0)
• důležitá vlastnost je i viditelnost elementu visibility, její možné hodnoty se však v různých browserech liší

Specifikace CSS1
• tyto popsané vlastnosti by měly pracovat v IE 4.0, NN 4.0
• ve vyšších typech fungují i další vlastnosti (lépe je na tom IE), které lze nalézt ve specifikaci CSS1
http://www.w3.org/TR/REC-CSS1
• další specifikace CSS2 (a vývojová CSS3) nejsou plně podporovány, o browserech a jejich podpoře CSS více na http://www.w3.org

Vlastnosti textu

• vlastnosti textu
– vzdálenost dvou řádků line-height se aplikuje na blokové elementy, dědí se a může být
• číslo s jednotkou (jen kladné)
• procenta velikosti písma elementu
• číslo (pak se vynásobí velikostí písma elementu), rozdíl od procenta je v dědění (zde se zdědí násobek, normálně se dědí vypočtená hodnota)
– ozdoba textu text-decoration se aplikuje na všechny elementy, nedědí se a může být
• none
• underline (pro podtržení)
• line-through (pro přeškrtnutí)
• blink (pro blikání)
– transformace textu text-transform se aplikuje na všechny elementy, dědí se a je
• capitalize (pro kapitálky)
• uppercase (pro velká písmena)
• lowercase (pro malá písmena)
• none
• zarovnání textu text-align se aplikuje na blokové elementy, dědí se a je
• left, right, center
• justify (do bloku)
– odsazení první řádky textu text-indent se aplikuje na blokové elementy, dědí se a je
• číslo s jednotkou
• procento šířky rodičovského elementu

Vlastnosti blokových elementů

• vlastnosti blokových elementů
– velikost okraje margin-left, margin-right, margin-top, margin-bottom se aplikuje na všechny elementy, nedědí se a může být
– číslo s jednotkou
• procenta šířky rodičovského elementu
– celkové nastavení okraje margin
margin:top right bottom left;
– velikost vnitřního okraje padding-top, padding-right, padding-bottom, padding-left se aplikuje na všechny elementy, nedědí se, nemůže být záporná a může být
• číslo s jednotkou
• procenta šířky rodičovského elementu
– celkové nastavení vnitřního okraje padding
padding:top right bottom left;
– šířka okraje border-top-width, border-right-width, border-bottom-width, border-left-width se aplikuje na všechny elementy, nedědí se a může být
• číslo s jednotkou
– celkové nastavení šířky okraje border-width
border-width:top right bottom left;
– styl okraje border-style se aplikuje na všechny elementy a nedědí se a může být
• none, solid, double, inset, outset, groove, ridge
– barva okraje border-color se aplikuje na všechny elementy, nedědí se a může být
• barva
– obtékání elementu okolím (nastaví element jako plovoucí) float se aplikuje na všechny elementy, nedědí se a může být (pokud jej nastavujete, nepoužívejte okraje, nemusí pracovat správně - raději je nastavte v okolním DIV)
• left, right, none
– šířka elementu width se aplikuje na blokové (a nahrazované) elementy, nedědí se a je (je-li nastavena s oběma okraji, pak pokud nutí width element přesáhnout pravý okraj, je zanedbána, pokud nutí element skončit dříve, velikost pravého okraje je zanedbána)
• procenta šířky rodičovského elementu
• číslo s jednotkou
• auto (automatické nastavení podle místa)
– určení, na kterých stranách nebudou plovoucí elementy (čeká na jejich skončení na dané straně) clear se aplikuje na všechny elementy, nedědí se a může být
• left, right, both, none

Individuální styly

Individuální styly
• můžeme vytvářet i styly pojmenované individuálně, většinou pro upřesnění stylistických vyjádření v rámci třídy
• HTML element může obsahovat jak specifikaci třídy, tak individuálního stylu
• při definování individuálního stylu používáme jako selektor jeho jméno začínající #, aplikujeme jej specifikací jména jako hodnoty ID atributu tagu
#jmenostylu {vlastnost:hodnota; ...}

Kontextové selektory
• u jmen i. stylů záleží na velikosti písmen
• můžeme také definovat styl, který je definován na element v závislosti na kontextu - specifikujeme kritéria tak, že vyhovují pouze pro selektor, který je použit uvnitř jiného selektoru, ...
selektor1 selektor2 {...}
• tedy pouze pro elementy selektor2 uvnitř elementů selektor1
• v kontextových selektorech můžeme použít tagy, třídy, individuální jména, ...
• tedy například pokud chceme ve vnořených nečíslovaných seznamech zobrazovat položky modrou barvou (položky druhé úrovně), použijeme
UL UL LI {color:blue;}
• v definici stylů můžeme také používat komentáře (ve stylu jazyka C)
/* komentář */
• většina styly nadefinovaných vlastností se u HTML elementů dědí z nadřazených elementů (lze je samozřejmě předefinovat)

Skládání stylů

Skládání stylů
• pokud je na jeden element použito více stylů, jsou aplikovány podlě těchto pravidel a v tomto pořadí
– lokálně definované styly
– styly definované pomocí STYLE
– externě definované styly (a z nich ten naposledy definovaný)
• lokální styly přepisují hodnoty zděděné od rodičů, specifičtější styl přepisuje obecnější (ID přepíše CLASS)
• univerzální atributy HTML tagů - STYLE, CLASS, ID, NAME

Jednotky
• u vlastností používáme následující jednotky
– délkové - se skládají ze znaménka (nepovinně + nebo -), čísla a jednotky
• relativní jednotky - em (výška písma elementu - většinou výška nebo šířka M), ex (polovina výšky elementu), px (pixel - závisí na zobraz. jednotce)
• absolutní jednotky - pt (bod), pc (pica), in (palec), mm (milimetr), cm (centimetr)
– barvy -
• jméno (16 jmen z HTML)
• RGB specifikace #rrggbb (r,g,b jsou 0-F)
• RGB specifikace rgb(r, g, b), kde r,g,b jsou 0-255, nebo 0%-100%

Vlastnosti

Vlastnosti
• vlastnosti písem
– velikost písma font-size se aplikuje na všechny elementy, dědí se a může být
• absolutní hodnota (xx-small, x-small, small, medium, large, x-large, xx-large)
• relativní hodnota (larger, smaller)
• délka následovaná jednotkou
• procento velikosti písma rodičovského elementu
– rodina písma font-family se aplikuje na všechny elementy, dědí se a může být
• seznam jmen rodiny písma (Helvetica, Arial, ...) a obecného jména rodiny (serif, sans-serif, cursive, monospace, fantasy) - pokud první písmo není dostupné, bere se další, ...
– síla písma font-weight se aplikuje na všechny elementy, dědí se a může být
• relativní (normal, bold, bolder, lighter)
• absolutní (100 - 900), 900 je nejsilnější
– styl písma font-style se aplikuje na všechny elementy, dědí se a může být
• normal
• italic (pro italiku)
– celkové nastavení písma font se aplikuje na všechny elementy, dědí se a může být
font:font-weight font-style font-size/font-height font-family;

Definování CSS

Definování CSS
• CSS můžeme definovat několika různými způsoby
• pomocí tagu STYLE v hlavičkové části dokumentu (pro lepší kompatibilitu s prohlížeči nepodporujícími styly se obsah uzavírá do komentáře - je ignorován)

• v externím dokumentu - v něm definujeme všechna pravidla, celý soubor připojíme k dokumentu pomocí LINK
< LINK REL=STYLESHEET TYPE="text/css" HREF="URL souboru se styly">
• definice pomocí atributu STYLE mírně odporuje filozofii stylů - míchá obsah a grafickou podobu (měl by se používat zejména s tagem SPAN)

• pokud chceme ušetřit místo a používáme pro několik selektorů stejná pravidla - lze napsat definice pro více selektorů oddělěných čárkou
P, .red1 {color:red}

Definování tříd
• pokud jako selektor použijeme jméno tagu, pak se změny projeví u všech výskytů tohoto tagu v dokumentu
• pokud bychom chtěli změny promítnout jen u některých výskytů, použijeme jako selektor třídu (název selektoru začíná .) a u tagu, u kterého chceme styl použít použijeme atribut CLASS s hodnotou této třídy
.jmenotridy {vlastnost:hodnota; ...}

• pokud před jméno třídy doplníme i jméno tagu, omezíme použití třídy pouze na tento tag
P.red1 {color:red;}
• pro použití tříd (a i individuálních stylů) máme v HTML definovány tagy DIV (styly pro odstavce) a SPAN (na řádku)
• HTML tag může používat pouze jednu třídu stylů, pokud jich specifikujeme více, je použita pouze ta první
• u jmen tříd záleží na velikosti písmen

Kaskádové styly CSS

Přednáška č. 17

Obsah přednášky
Téma: Kaskádové styly CSS
- Základ práce s CSS, Připojení CSS k HTML dokumentu, Vlastnosti, Pozicování pomocí CSS
- Příští téma: JavaScript

Základ práce s CSS
• pomocí parametrů jednotlivých tagů a tagů jako FONT lze nastavit řadu grafických charakteristik dokumentu
– musíme tak činit pro každý element samostatně (pracné a neflexibilní)
– místo struktury dokumentu se v HTML začáná hledět na grafický vzhled
• lepší možnost dává použití kaskádových stylů (CSS) - lze definovat vzhled jednotně v celém dokumentu (a v samostatném dokumentu se můžeme zaměřit na logickou strukturu informace)
• styly se skládají z pravidel
selektor {vlastnost:hodnota; ...}
• selektorem je nejčastěji jméno tagu (jinak class, id nebo kontextový)
• pro každý tag jsou platné pouze některé vlastnosti
H1 {color:black; font-family:sans-serif;}
• jeden dokument může obsahovat několik doplňujících se stylů a jeden styl lze použít ve více dokumentech

Čeština na MZLU

Čeština na MZLU
• nejlepší možností je převod rutiny na převod kódu na WWW server
• na dahlii je modul na automatické překódování, který převádí z CP 1250 do ostatních kódů
• pokud nemáme text psán v CP 1250, musíme do každého adresáře uložit soubor .htaccess obsahující řádek
SourceCzechCodePageLocal kódování
• můžeme do HTML souboru vložit i možnost změny kódování uživatelem
• vložíme kód podobný tomuto
ASCII |
CP 1250 (Windows)|
ISO 8859-2 (Unix) |Macintosh
• stačí soubor index.html, server provede převod podle kódování v příponě
• možnosti pro kódování jsou tyto
CP1250-pro kódování MS Windows (default)-CISO8859-1-pro kódování ISO Latin-1
CISO8859-2-pro kódování ISO Latin-2 (UNIX)-CKOI8CS-pro kódování KOI8
CKAM-pro kódování dle bratří Kamenických-CP852-pro kódování PC Latin-2
CASCII-pro kódování ASCII - bez češtiny--

Design WWW stránek

Design WWW stránek
• rámce jsou většinou zbytečné, starší browsery je navíc neumí používat
• obsah umožňující vstup dále patří na levou část stránky, měl by být ve stejné podobě na všech stranách a má členění
– specifické části
– alternativní pohledy
– další odkazy
• odkazy na cizí WWW patří na pravou část stránky, neměly by být na titulní straně a mělo by být zřejmé opuštění vaší WWW
Titulní strana
• na úvodní straně by měla být možnost volby kódování češtiny, nejraději v ASCII (pokud nemáme automatickou změnu)
• na titulní stránce by neměly být neHTML prvky (skripty, applety, ActiveX, ...) - musí být zobrazitelná všude
• jasná identifikace vlastníka WWW by měla být také na titulní straně a měla by být textová (pro všechny uživatele)
• musíme mít možnost návratu na hlavní stranu odkudkoliv a ve stejné podobě

Rozložení stránky
• stránky by měly být tvořeny pro rozlišení 640*480 (šířka raději 620)
• hlavní stránka by měla být viditelná bez rolování
• doporučení velikosti sloupců
– 120 + 500 (2)
– 80 + 400 + 40 (3)
– 80 + 300 + 100 + 40 (4)
• pro formování stránek používejte tabulky, rozložení musí být na všech stranách stejné, nebojte se prázdného prostoru

Grafika

Grafika
• grafické prvky slouží k upoutání pozornosti - nemají být primární
• obrázky mají vždy určenou velikost (=skutečné) a obsahují alternativní text
• loga ostatních subjektů používejte vyjímečně (nebezpečí záměny)
• grafická paleta je stejná pro všechny GIF
• místo velkých obrázků použijte náhled s odkazem na celou verzi obrázku
• grafika neslouží k předávání informací
• animace je pouze na získání pozornosti

Písmo a barvy
• typ písma měňte jen je-li to nutné
• velikost písma neurčujte v bodech
• nepoužívejte malou velikost písma
• velikost udržujte stabilní na celém WWW
• barva pozadí a textu by měla být vždy určena, barvy textu a pozadí by měly být komplementární (bílá-černá, ...)
• ověřte si všechny tři barvy odkazů
• barva a styl odkazů musí být v celém WWW stejné (i včetně podtržení, ...)
Design stránky
• navigační prvky patří vždy na stejné místo stránky a na všechny stránky
• velikost stránky by neměla překročit 100 KB (bez obrázků 50 KB)
• u downloadu by měla být určena velikost
• u článků a důležitých informací uvádějte datum aktualizace
• testujte alespoň v IE, NN pro Windows, NN pro UNIX (více verzí i typů je samozřejmě lepší)
• pravidla lze upravit podle typu uživatelů

Čeština a WWW

Čeština a WWW
• HTML obsahuje standardně kódování ISO Latin 1 (ISO 8859-1) - to se v první polovině shoduje s ASCII, v druhé jsou speciální znaky pro západní Evropu (ale ne například ř, š) - umožní napsat některé české znaky, jiné ne
• další možností je psát text v ASCII, tedy bez diakritiky
• tato řešení jso technicky jednoduchá, lepší jsou ale řešení umožňující používat plnou českou diakritiku
• je mnoho kódování, obsahujících všechny české znaky
– CP 1250 - ve Windows
– ISO 8859-2 - hlavně v UNIXech (IE a NN pro Windows je také zvládají)
– PC Latin 2 - Microsoftí kódování v DOSu (stránka 852), také pro OS/2
– Kameničtí - původní český kód používaný zejména v DOSu (označení keybcs2)
– MAC CE - kódování pro češtinu na Apple Macintosh
• tedy pro každý OS máme jiné kódování - měli bychom ale podporovat uživatele na všech systémech - tedy uživatel by měl mít možnost zvolit kódování (nebo ASCII)
• řešením je tvorba samostatné verze dokumentu pro každé kódování - problémem jsou mnohem vyšší nároky na diskovou kapacitu a také náročnost při zapisování odkazů a náročnost při aktualizaci dokumentu (ve všech verzích)
• lepším řešením je dynamická změna kódu - CGI skript, který provede požadovaný převod - nevýhodou je zatížení serveru - pro každou stránku je spouštěn skript zajišťující převod, nevýhodou je také to, že dynamicky generované dokumenty se neuchovávají ve vyrovnávací paměti nebo skutečnost, že všichni uživatelé nemusí vědět co to kódování je
• existuje řada balíků na převod kódu
http://www.kin.vslib.cz/cgi-bin/whichcode/~satrapa/
sw/saczech/saczech.html

EMBED

TYPE="MIME typ dat - určuje plug-in"
PLUGINSPAGE="URL pro instalaci plug-in"
ALIGN="LEFT"|"RIGHT"|"TOP"|"BOTTOM"
BORDER="velikost okolí plug-in"
HEIGHT="výška oblasti pro plug-in"
WIDTH="šířka oblasti pro plug-in"
HIDDEN="TRUE"|"FALSE"
HSPACE="horizintální okolí plug-in"
VSPACE="vertikální okolí plug-in"
NAME="jméno plug-in"
PALETTE="BACKGROUND"|"FOREGROUND"> data pro plug-in

• kromě těchto atributů mají některé plug-in také volitelné parametry, které browsery v HTML ignorují (jen je předávají plug-in)

parametry EMBED
• pokud není specifikován SRC, musí být specifikovát MIME pomocí TYPE
• pro viditelné plug-in musíme specifikovat WIDTH a HEIGHT
• pouze pro WINDOWS slouží parametr PALETTE, určující barevnou paletu

• alternativní text pro browsery nepodporující plug-in určuje NOEMBED
• měl by být uvnitř tagu EMBED
alternativní text

OBJECT

OBJECT
• řadu objektů můžme do HTML stránky přidat i pomocí tagu OBJECT
• tag OBJECT může obsahovat i jiné HTML tagy, včetně dalších OBJECT
• pokud browser podporuje OBJECT, pak všechny vnořené tagy kromě PARAMS ignoruje (a opačně)
• stejně jako u EMBED můžeme přes další atributy předávat objektu parametry
• pro parametry můžeme použít i PARAMS

parametry OBJECT
< OBJECT CLASSID="URL implementace objektu"
DATA="URL pro objektová data"
CODEBASE="adresář obsahující zdroje potřebné pro objekt"
TYPE="MIME typ objektu"
ALIGN="LEFT"|"RIGHT"|"TOP"|"BOTTOM"
BORDER="velikost okolí plug-in"
HEIGHT="výška oblasti pro plug-in"
WIDTH="šířka oblasti pro plug-in"
ID="jméno objektu"
...< /OBJECT>
• URL určené CLASSID je použito Java Archive Instalation Managerem (JIM) pro instalaci potřebného plug-in

Skripty
• skript na straně klienta můžeme vložit pomocí tagu SCRIPT

• jazykem je nejčastěji JavaScript
• alternativu pro browsery nepodporující (nebo s vypnutým) daný skriptovací jazyk poskytuje tag NOSCRIPT

Applety

Applety
• Java-applet je program v jazyce Java, který je součástí stránky
• má příponu .java, na stránkách je používán ve zkompilované podobě s příponou .class
• překompilovaný kód není spouštěn OS, ale speciálním interpretem (virtuálním strojem) - proto je použití Java-appletů platformově nezávislé
• ne všechny browsery umožňují spouštějí appletů (navíc je lze i vypnout)
• úvod do psaní appletů je například na
http://java.sun.com/docs/book/tutorial/
• na vkládání appletů do stránky slouží tag APPLET
CODEBASE="adresář obsahující applety a další potřebné zdroje"
ALT="alternativní text"
ALIGN="TOP"|"LEFT"|"RIGHT"|"BOTTOM"|"MIDDLE"
HEIGHT="výška appletu" WIDTH="šířka appletu"
HSPACE="horizontální vzdálenost od okolí"
VSPACE="vertikální vzdálenost od okolí "
NAME ="jméno appletu">
...

• výška a šířka appletu může být specifikována v pixelech nebo procentech výšky a šířky okna
• velikost appletu je na tyto poviněn zadané hodnoty upravena
• informace od parametrech pro applet specifikujeme tagem PARAM
VALUE="hodnota parametru"
>
• jméno parametru je dáno appletem

Příklad appletu

Příklad appletu
• následující příklad spouští applet jumping.class, který má dva parametry - zprávu a rychlost - ovlivňující běh appletu
• applet zobrazí zprávu a nechá ji pohybovat udanou rychlostí
ALT="běžící text" ALIGN="MIDDLE"
HEIGHT="400" WIDTH="240"
HSPACE="10" VSPACE="20"
NAME ="jumper">

Vkládání plug-in
• v některých browserech můžeme také zobrazit výstup ze souboru, který je spuštěn pomocí tzv. plug-in
• plug-in je aplikace připojená k browseru (tedy působí jako jeho rozšíření), výstup může být "živý" (hudba, video) nebo interaktivní (reagovat na myš, ...)
• výstup je v dokumentu zobrazen v pravoúhlé oblasti
• uživatel musí mít daný plug-in instalován (pak je spuštěn automaticky), pokud nemá, browser se ptá, zda jej instalovat

Dokončení HTML

Přednáška č. 16
Obsah přednášky – Dokončení HTML
• Dynamicky generované stránky
• Skripty, applety, ...
• Čeština a WWW
• Obecná pravidla tvorby WWW stránek
Příští téma: Kaskádové styly (CSS)

Dynamické dokumenty
• můžeme vytvářet i stránky nebo jejich části, jejichž obsah se v čase může měnit - počítadla přístupů, seznam přihlášených uživatelů, obsah databáze, aktuální čas, ...
• tyto stránky se většinou generují jako reakce na požadavek klienta a to
– na serveru
• serverem vkládané vsuvky
• CGI-skripty
– u klienta

Vsuvky
• doplňují HTML dokumenty speciálními příkazy, které WWW-server nahrazuje částí HTML kódu
• server tedy musí v dokumentu vyhledat příkazy, provést je a jejich výsledek vložit do dokumentu, který je odeslán klientovi
– server side includes (SSI) - rozšířená a standardizovaná metoda (většina serverů)
– personal home page (PHP) - velmi výkonný a používaný (většina serverů)
– active server pages (ASP) - u Microsoftích serverů
– server side Java script (SSJS) - u Netscape serverů
• na straně klienta jde o
– scriptovací jazyky (JavaScript (NN), JScript (rozšíření JavaScriptu IE), VBScript (IE))
– Java (programy spouštěné na stránce)
• jejich výhodou je vyšší rychlost než u vsuvek nebo CGI skriptů (odpadá přenos požadavku na server), nevýhodou je závislost na prohlížeči

Proměnné prostředí

Proměnné prostředí
• Kromě dat předaných CGI skriptu má server k dispozici i další údaje uložené v proměnných prostředí
• jde o
– GATEWAY_INTERFACE - verze CGI
– SERVER_NAME - IP adresa (jméno serveru)
– SERVER_SOFTWARE - jméno a verze serveru
– SERVER_PROTOCOL - jméno a verze protokolu
– SERVER_PORT - číslo portu hostitele
– REQUEST_METHOD - metoda GET nebo POP
– PATH_INFO - informace o cestě
– PATH_TRANSLATED - převedená cesta
– HTTP_REFERER - URL dokumentu
– SCRIPT_NAME - virtuální cesta ke skriptu
– DOCUMENT_ROOT - adresář pro obsluhu webových dokumentů
– QUERY_STRING - předaný dotaz
– REMOTE_HOST - jméno hostitele
– REMOTE_ADDR - IP adresa uživatele
– AUTH_TYPE - autentifikační metoda
– REMOTE_USER - autentifikované jméno
– REMOTE_IDENT - uživatel vysílající požadavek
– CONTENT_TYPE - typ dotazovaných dat
– CONTENT_LENGTH - délka dat (u POST)
– HTTP_FROM - poštovní adresa uživatele
– HTTP_ACCEPT - seznam akceptovaných typů
– HTTP_USER_AGENT - prohlížeč

Podle proměnné REQUEST_METHOD zjistíme...

• podle proměnné REQUEST_METHOD tedy zjistíme, jak načteme parametry a zbytek už je na programátorovi
#/bin/sh
echo 'Content-type:text/html'
echo
echo '< HTML>'
echo '< HEAD>
echo '< TITLE> Prihlaseni < /TITLE>'
echo '< /HEAD>
echo '< BODY>'
echo '< PRE>'
who
echo '< /PRE>'
echo '< /BODY>
echo '< /HTML>
• Shishir Gundavaram: CGI programování

Seznamy

Seznamy
• součástí formuláře mohou být i seznamy, ty používáme v případě, že chceme uživateli umožnit výběr z několika položek
• položky seznamu jsou uváděny uvnitř párového tagu SELECT, konkrétní položka je specifikována tagem OPTION

• pokud specifikujeme parametr MULTIPLE, může uživatel zvolit i více možností současně
• pokud počet položek přesahuje velikost seznamu, objeví se posuvníky
• pokud nespecifikujeme SIZE, browser v MULTIPLE případě zobrazí více (možná i všechny) položky, v normálním případě zobrazí seznam jako rozbalovací nabídku
• pokud SIZE specifikujeme, zobrazí se seznam s posuvníky
• prvek seznamu specifikuje tag OPTION

CGI programy

CGI programy
• CGI program je program, který běží na serveru a zpracovává data z formulářů
• musí
– umět přebírat parametry předané podle definice CGI (Common Gateway Interface)
– výstupem je souboru ve formátu HTTP (HTML + hlavička)
• výstup CGI programu je vracen browseru k zobrazení
• data ve formuláři jsou CGI programu předána jako série dvojic jméno/hodnota (name/value)
• pro psaní CGI programů se nejčastěji používají různé příkazové interprety UNIXU (shelly), skriptovací jazyky (Perl, Tcl, ...), nebo C/C++(ale lze použít dokonce i Visual Basic)
• psaní CGI skriptů musí být na serveru povoleno správcem, ten nám sdělí jak je vytvářet, kam je ukládat a jaká bude jejich adresa
• první řádka skriptu by měla říkat, jakým způsobem bude skript interpretován
• tedy například
#/bin/sh
• pro shell sh
• dále by CGI skript měl generovat HTML stránku, před kterou uloží hlavičku, nejčastěji stačí
Content-type=text/html
• kterou říkáme, že bude následovat HTML dokument
• mezi hlavičkami a HTML stránkou musí být na výstupu prázdný řádek

Odeslání formuláře

Odeslání formuláře
• informace zadané ve formuláři odešle uživatel tlačítkem SUBMIT
NAME = "jméno elementu"
VALUE = "popis tlačítka"
>

• zadání textu provedeme pomocí elementu TEXT (pokud u tagu INPUT neuvedeme parametr TYPE, předpokládá se TEXT)

MAXLENGTH = "maximální počet zadávaných znaků"
NAME = "jméno elementu"
VALUE = "vstupní hodnota zadávaného textu"
SIZE = "velikost elementu ve znacích"
ONBLUR = kód Javascriptu"
ONFOCUS = kód Javascriptu"
ONSELECT = kód Javascriptu"
ONCHANGE = kód Javascriptu"
>
Zadání textu
• pokud textový element ztratí FOCUS a jeho hodnota je změněna, spustí se kód specifikovaný ONCHANGE
• pokud uživatel vybere nejaký text v tomto elementu, spustí se kód specifikovaný pomocí ONSELECT

Víceřádkový text

Víceřádkový text
• k zadávání delších (víceřádkových) textů slouží tag TEXTAREA

• pro zobrazení nového řádku ve vstupním textu použijte nový odstavec

Víceřádkový text
• pokud délka textu na řádku, nebo počet řádku přesáhnou nadefinovanou velikost, zobrazí se posuvníky
• parametr WRAP specifikuje způsob zalamování
– OFF zabraňuje automatickému zalamování
– HARD umožňuje zalamování (ne horizontální posuvníky), zalomení jsou navíc přenesena při odeslání formuláře
– SOFT také umožňuje zalamování, ta se však s ostatními znaky nepřenášejí

Zadávání hesla

Zadávání hesla

MAXLENGTH = "maximální počet zadávaných znaků"
NAME = "jméno elementu"
SIZE = "velikost elementu ve znacích"
VALUE = "inicializační hodnota hesla"
ONSELECT = "kód JavaScriptu"
>
• pokud uživatel zadá nějaký text, spustí se kód specifikovaný v ONSELECT
• pokud má uživatel vybrat právě jednu z několika variant, používáme přepínací tlačítko (RADIO)
• v tom případě pro každou variantu specifikujeme jedno přepínací tlačítko

Přepínací tlačítko
• u všech takto specifikovaných tlačítek musí být nastavena hodnota atributu NAME stejně, vracená hodnota je určena hodnotou VALUE vybraného tlačítka
• zároveň musí být u jednoho tlačítka nastaven parametr CHECKED
• pokud uživatel vybere jedno tlačítko, ostatní jsou automaticky deselektovány

CHECKED
NAME = "jméno elementu"
VALUE = "hodnota spojená s tímto tlačítkem"
ONCLICK = "kód JavaScriptu"
>
• samozřejmě že lze v jednom formuláři použít více takovýchto skupin přepínacích tlačítek, odlišených jménem
Pepík

Honza

Otík

• vynulování hodnot formuláře může uživatel provést stiskem tlačítka RESET
NAME = "jméno elementu"
VALUE = "popis tlačítka"
ONCLICK = "kód JavaScriptu"
>

Zaškrtávací pole

Zaškrtávací pole
• slouží pro vstup logických hodnot

CHECKED
NAME = "jméno elementu"
VALUE = "hodnota vracená serveru, pokud je pole zaškrtnuto (default ON)"
ONCLICK = "kód JavaScriptu"
>
• atribut CHECKED používáme, pokud chceme, aby políčko bylo zaškrtnuté hned po zobrazení stránky
• pokud chceme uživateli umožnit odeslání souboru, použijeme hodnotu FILE, zároveň musíme předefinovat ENTYPE

Soubor

NAME = "jméno elementu"
VALUE = "vstupní jméno dialogu souboru"
>
• po spuštění se zobrazí textové pole (vstupní hodnota je zadána jako VALUE) s tlačítkem sloužícím pro procházení souborového systému
• po odeslání formuláře je uživateli odeslán obsah souboru

Skryté políčko

Skryté políčko
• pro uchovávání stavové informace, která je odeslána zpět serveru spolu s vyplněným formulářem slouží element HIDDEN, který se ve formuláři neobjeví

NAME = "jméno elementu"
VALUE = "hodnota odesílaná serveru"
>
• pokud potřebujeme do formuláře umístit obrázek ve formě tlačítka, uděláme to pomocí elementu IMAGE
• pokud uživatel klikne na obrázek, formulář je odeslán na server

Obrázek
ALIGN = "LEFT"|"RIGHT"|"TOP"|"MIDDLE"|"BOTTOM"
NAME = "jméno elementu"
SRC = "URL obrázku"
>
• zarovnání obrázku vzhledem k okolnímu textu určuje atribut ALIGN (default je BOTTOM)
• na server je také odesláno místo kliknutí na formuláři ve formě jméno.x=x&jméno.y=y
• pokud potřebujeme zadat text, místo kterého se vypisují * nebo černé tečky, použijeme element PASSWORD

Parametry FORM

parametry FORM
• pokud chceme vyvolat po stisku tlačítka SUBMIT nějakou akci, je atribut ACTION povinný
• atribut ACTION obsahuje URL adresu CGI programu, který bude spuštěn
• parametr ENTYPE má standardní hodnotu "application/x-www-form-urlencoded", pouze pokud formulář obsahuje element FILE, měla by být použita hodnota "multipart/form-data"
• způsob odeslání informace o informacích, vyplněných ve formuláři, programu specifikuje parametr METHOD
– GET připojuje informaci k URL a programu je zpřístupňuje jako parametry prostředí
– POST posílá informaci jako standardní vstup
• při resetu formuláře (tlačítkem RESET) je spuštěn kód specifikovaný parametrem ONRESET, při odeslání formuláře tlačítkem SUBMIT jde o kód určený parametrem ONSUBMIT

Elementy rozhraní
• elementy rozhraní definujeme pomocí tagu INPUT, jeho atribut TYPE určuje, jaký element bude vytvořen
• tlačítko (BUTTON)

NAME = "jméno elementu"
VALUE = "text na tlačítku"
ONCLICK = "kód JavaScriptu"
>

• pokud chceme, aby stisk vyvolal nějakou akci, je nutné ji specifikovat pomocí ONCLICK
• zaškrtávací pole (CHECKBOX)

Formuláře

Obsah přednášky
Formuláře
• formuláře
• CGI skripty

Příští téma: skripty, applety, čeština, design

Formuláře
• HTML formulář vytváříme pomocí párového tagu FORM
• formuláře obsahují elementy rozhraní - textová pole, tlačítka, ...
• každý element rozhraní musí být uvnitř tagu FORM definován samostatným tagem INPUT, SELECT nebo TEXTAREA
• formuláře mohou rovněž obsahovat ostatní elementy, jako jsou hlavičky, odstavce, tabulky, ...
• formuláře nemůžeme vnořovat

FORM
• formulář zobrazený v browseru může uživatel vyplnit a odeslat ke zpracování stiskem tlačítka SUBMIT (elementy SUBMIT nebo IMAGE), které vyvolá CGI program určený atributem ACTION

< FORM ACTION = "server URL"
ENCTYPE = "typ kódování obsahu formuláře"
METHOD = "GET"|"POST
NAME = "jméno formuláře"
ONRESET = "kód JavaScriptu"
ONSUBMIT = "kód JavaScriptu"
TARGET = "jméno okna pro zobrazení dat, které vrací vyvolaný CGI program">
...
< /FORM>

IMG

IMG
• pokud je specifikována verze s nižším rozlišením, nahraje se první
• pokud prohlížeč nepodporuje obrázky, zobrazí se alternativní text
• zarovnávání vzhledem o okolnímu textu specifikuje ALIGN
• použití HEIGHT a WIDTH by nemělo býtpro zmenšování obrázků, ale pro urychlení zobrazení stránky
• ISMAP určuje, že jde o obrázkovou mapu na straně serveru

IMG
• při přerušení nahrávání se spustí kód specifikovaný ONABORT, kód při chybě specifikuje ONERROR, po nahrání se spustí kód určený ONLOAD
• obrázkové mapy s více aktivními oblastmi (každá z nich někam odkazuje) se tvoří pomocí tagů AREA a MAP
• celkové rozdělení na aktivní oblasti popisuje MAP
...

AREA
• jednu oblast v rámci obrázkové mapy a URL s ní spojené popisuje tag AREA, který musí být umístěn uvnitře tagu MAP
< IMG COORDS = "souřadnice"
SHAPE = "tvar"
HREF = "URL odkazu"
NOHREF
TARGET = "jméno cílového okna nebo rámce"
ONMOUSEOUT = "JavaScript kód"
ONMOUSEOVER = "JavaScript kód"
NAME = "jméno oblasti"
univerzální atributy
>

AREA

AREA
• souřadnice aktivní oblasti popisuje parametr COORDS - jsou měřeny od levého horního rohu obrázku
• formát souřadníc závisí na hodnotě parametru SHAPE, kterým specifikujeme tvar oblasti
– CIRCLE je kružnioce, COORDS jsou ve tvaru x1, y1, r (střed a poloměr)
– RECT (implicitně), COORDS jsou ve tvaru x1, y1, x2, y2 (levý horní a pravý dolní roh)
– POLY, POLYGON je mnohoúhelník, COORDS jsou tvaru x1, y1, ..., xn, yn (hraniční body)

AREA
• pokud není s oblastí spojen žádný odkaz, musí se vyskytnou parametr NOHREF
• při opuštění oblasti kurzorem myši bude spuštěn kód specifikovaný ONMOUSEOUT, při přejetí oblasti kurzorem dojde ke spuštění kódu definovaného pomocí ONMOUSEOVER

Příklad mapy

HEIGHT="100" ALT="Shapes" USEMAP="mainmap">

HREF="http://home.netscape.com">
HREF="http://developer.netscape.com"> HREF="http://developer.netscape.com/docs">

Kotva

Kotva
• tag A nám umožňuje definovat kotvu nebo odkaz
• odkaz je místo, ze kterého se můžeme přenést na jiný dokument (většinou kliknutím myší)
• jako kotva se specifikuje místo v HTML dokumentu, na které se potom lze také dostat jako na odkaz
• kotvu definujeme tak, že specifikujeme atribut NAME (nebo ID)
...

Odkaz
• kotvu bychom neměli kombinovat s ostatními tagy A
• hypertextový odkaz je část obsahu dokumentu, na které uživatel kliknutím vyvolá akci
• nejběžnější akcí je skok na jiné místo v aktuálním dokumentu nebo otevření jiného dokumentu
• odkaz může obsahovat text i grafiku
• na definici odkazu používáme tag A spolu s parametrem HREF

Odkaz

ONCLICK = "JavaScript kód"
ONMOUSEOUT = "JavaScript kód"
ONMOUSEOVER = "JavaScript kód"
TARGET = "jméno cílového okna nebo rámce"
univerzální atributy>...

• pokud uživatel klikne na elementy mezi a , aktivuje odkaz
• hodnotou HREF je URL cílového dokumentu, pokud jde o skok na kotvu, následuje za adresou dokumentu
• #jménokotvy

Odkaz

Odkaz
• pomocí odkazu můžeme také posílat maily, odkazovat na ftp, spouštět kód javascriptu, otevírat lokální soubory, odkazovat na GOPHER servery nebo číst news groups - vše záleží na hodnotě parametru HREF
• odkazované dokumenty lze otevírat i v jiném okně nebo rámci, závisí na parametru TARGET - pokud okno nebo rámec specifikovaného jména neexistuje, prohlížeč otevře nové okno

Odkaz
• předdefinované hodnoty jsou
– _blank pro nové okno (rámec)
– _parent pro rodičovské okno (rámec)
– _self pro okno (rámec) s odkazem
– _top pro celé okno s odkazem (i pokud je rozděleno na rámce)
• akce, které nastanou při pohybu myší
– ONCLICK specifikuje kód spuštěný při kliknutí na odkaz
– ONMOUSEOUT specifikuje kód při opuštění plochy odkazu kurzorem
– ONMOUSEOVER specifikuje kód při přejetí kurzorem myší přes odkaz

Příklad odkazu

Dokument začíná

Lepší dokument

Skok na začátek

Obrázek

Obrázek
• v HTML lze zobrazit obrázky ve dvou formátech
– JPEG - lepší pro fotografie (ztrátová komprese)
– GIF - pro obrázky, ikony, ... - 256 barev, umožňuje transparentnost, animace
• obrázek může být obsažen v odkazu, takže se kliknutím na něj otevře odkaz
• na místě obrázku může být i obrázková mapa s několika klikatelnými oblastmi, každá může vést na jiné URL

Vložení obrázku
• obrázek je specifikován tagem IMG
< IMG SRC = "URL adresa obrázku" LOWSRC = "adresa obrázku s nižším rozlišením"
ALT = "alternativní text"
ALIGN = "LEFT"|"RIGHT"|"TOP"|"BOTTOM" BORDER = "šířka okraje v pixelech"
HEIGHT = "výška obrázku v pixelech nebo
procentech plochy prohlížeče"
WIDTH = "šířka obrázku v pixelech"
HSPACE = "horizontální vzdálenost obrázku a okolí"
VSPACE = "vertikální vzdálenost obrázku a okolí"
ISMAP
USEMAP = "#obrázková mapa"
NAME = "jméno obrázku"
ONABORT = "JavaScript kód"
ONERROR = "JavaScript kód"
ONLOAD = "JavaScript kód"
univerzální atributy>

Příklad tabulky

JMÉNO	PŘÍJMENÍ	PRODEJ
Jan	Ondroušek	1000
Karel	Máj	856

Jméno-Příjmení-Příjem
Jan-Ondroušek-1000
Karel-Máj-856

CAPTION

CAPTION
• tag TABLE také může obsahovat párový tag CAPTION, specifikující popis tabulky
• tag CAPTION by neměl být umístěn uvnitř tagů TD, TH nebo TR
• atribut ALIGN určuje, zda bude popis umístěn nad nebo pod tabulkou

text popisu

Příklad tabulky 2

Analýza prodeje
Měsíc	Prodej
Měsíc	A	B
Leden	457	345
Únor	477	99

Měsíc-Prodej
-A-B
Leden-457-345
Únor-477-99
Analýza prodeje

TABLE

TABLE
• pomocí atributů lze nastavit výšku a šířku tabulky a browser se ji bude snažit dodržet, v některých případech (dlouhé nezalamovatelné řádky textu v malých buňkách) to není možné
• standardní výška a šířka je dána obsahem buněk, pokud je specifikována, tabulka je zmenšena (zvětšena) na specifikované rozměry
• parametr COLS indikuje, kolik virtuálních sloupců se potencionálně vejde do okna

COLS
• každý reálný sloupec pak zabírá jeden virtuální sloupec
• pokud specifikujeme WIDTH, bude se dělit jen tato šířka (ne celé okno)
• pokud je takto určená šířka sloupce příliš malá (v porovnání s obsahem), je šířka buňky zvětšena podle obsahu
• pokud tabulky obsahuje více sloupců než je nastaveno v COLS, sloupce navíc budou mít minimální možnou šířku, zbylé místo se rozdělí mezi správný počet rovnoměrně

Řádek tabulky
• řádek tabulky je specifikován pomocí tagu TR, který obsahuje tagy TD pro specifikaci buněk a TH pro specifikaci záhlaví tabulky

VALIGN = "BASELINE"|"BOTTOM"|"MIDDLE"|"TOP"
BGCOLOR = "barva pozadí">...

• přičemž ALIGN určuje horizontální zarovnání tabulky a VALIGN vertikální zarovnání obsahu buňky na řádku

Buňka

Buňka
• text obsažený v buňce tabulky specifikujeme tagem TD (uvnitř tagu TR)

VALIGN = "BASELINE"|"BOTTOM"|"MIDDLE"|"TOP"
BGCOLOR = "barva pozadí"
COLSPAN = "množství sloupců, které buňka zabírá"
ROWSPAN = "množství řádků, které buňka zabírá"
HEIGHT = "doporučená výška buňky v pixelech"
WIDTH = "doporučená šířka buňky v pixelech"
NOWRAP>obsah buňky

• parametr ALIGN zde specifikuje horizontální zarovnání obsahu buňky, NOWRAP zakazuje zalomení v buňce

Hlavička tabulky
• tag TH specifikuje buňky tabulky, jejichž obsah je zobrazen písmem o vyšší váze než obsah ostatních buněk
• používá se pro záhlaví řádků či sloupců, použití a parametry jsou stejné jako u TD
VALIGN = "BASELINE"|"BOTTOM"|"MIDDLE"|"TOP"
BGCOLOR = "barva pozadí"
COLSPAN = "množství sloupců, které buňka zabírá"
ROWSPAN = "množství řádků, které buňka zabírá"
HEIGHT = "doporučená výška buňky v pixelech"
WIDTH = "doporučená šířka buňky v pixelech"
NOWRAP>obsah hlavičkové buňky

Obrázky, Odkazy, Tabulky

Přednáška 14

Obsah přednášky
• Obrázky
• Odkazy
• Tabulky

Příští téma: Formuláře, skripty, applety, čeština, design www stránek

Tabulky
• tabulky jsou vhodné pokud potřebujeme prezentovat informace uspořádané do řádků a sloupců
• často se také tabulky používají jako nástroj pro rozvržení informací na stránce
• tabulky jsou definovány uvnitř párového tagu TABLE
• tag TR definuje řádek tabulky, TH hlavičku a TD jednu buňku tabulky

TABLE

< TABLE ALIGN = "LEFT"|"RIGHT"
BGCOLOR = "standardní barva pozadí tabulky"
BORDER = "šířka okraje tabulky v pixelech"
CELLPADDING = "prostor mezi okrajem buňky a
jejím obsahem v pixelech"
CELLSPACING = "prostor mezi buňkami tabulky
v pixelech"
HEIGHT = "výška tabulky v pixelech nebo
procentech šířky okna prohlížeče"
WIDTH = "šířka tabulky v pixelech nebo
procentech šířky okna prohlížeče"
COLS = "počet virtuálních sloupců"
HSPACE = "vzdálenost horizontálního okraje
tabulky a okolí"
VSPACE = "vzdálenost vertikálního okraje
tabulky a okolí "
>

FRAMESET

FRAMESET

< FRAMESET COLS = "seznam šířek sloupců"
ROWS = "seznam výšek řádků"
BORDER = "šířka okolí v pixelch"
BORDERCOLOR = "barva okraje rámců"
FRAMEBORDER = "YES"|"NO"
ONLOAD = "JavaScript kód"
ONUNLOAD = "JavaScript kód"
ONBLUR = "JavaScript kód"
ONFOCUS = "JavaScript kód"
>
• COLS je čárkami oddělený seznam šířek jednotlivých rámců (pro sloupcové rámce) - pokud jedna z hodnot chybí, doplní se na plnou velikost okna browseru

NOFRAMES
• šířku lze zadat v pixelech, procentech okna browseru nebo * (tolik kolik lze)
• seznam výšek rámců (při řádkových rámcích) se zadává pomocí parametru ROWS
• jeden z COLS, ROWS je povinný
• alternativní text pro prohlížeče nepodporující rámce označuje párový tag NOFRAMES

< NOFRAMES> text pro browsery bez rámců < /NOFRAMES>
Příklad rámců
< HTML> < HEAD> < TITLE> Příklad na použití rámců
< /TITLE>
< /HEAD>
< FRAMESET COLS = "200,*">
< NOFRAMES>
Bez rámců budete bez textu
< /NOFRAMES>
< FRAME SRC = "framemenu.html" NAME = "menu">
< FRAMESET ROWS = "30%,*">
< FRAME SRC = "framehelp.html" NAME = "help">
< FRAME SRC = "framemain.html" NAME = "main">
< /FRAMESET>
< /FRAMESET>
< /HTML>

Rámce

Rámce
• rámce jsou individuální, nezávisle rolovatelné části browseru - okna uvnitře okna browseru
• každý rámec má vlastní URL, které identifikuje dokument v něm zobrazený
• rámec je definován tagem FRAME obsaženým uvnitř tagu FRAMESET
• příliš se nedoporučuje rámce používat (13% uživatelů je nemá možnost použít), vedou k chybám v navigaci, ...

FRAME

< FRAME BORDERCOLOR = "barva"
FRAMEBORDER = "YES"|"NO"
MARGINHEIGHT = "výška okraje v pixelech"
MARGINWIDTH = "šířka okraje v pixelech"
NAME = "jméno rámce"
NORESIZE
SCROLLING = "YES"|"NO"|"AUTO"
SRC = "URL" >
• množina rámců je definována tagem FRAMESET, takové množiny mohou být vnořené (jeden rámec lze dále dělit)
• dokument obsahující FRAMESET slouží jen k definici rámců, už neobsahuje část BODY

Seznamy

Seznamy
• první tři hodnoty u seznamů s odrážkami, ostatní u číslovaných
• u některých browserů se nahrazuje symbol jen u aktivní hodnoty, jinde od této položky dále!

První-1. První
Druha-4. Druha
Treti-5. Treti
- podseznam-Podseznam
  •
- podseznam 2-Podseznam 2
-

-

Seznam definic
• seznam definic je ohraničen párovým tagem DL
• atribut compact umístí definovaný termín na stejný řádek jako vysvětlení

...
• seznam definic obsahuje termíny specifikované tagem DT a vysvětlené tagem DD

Příklad definic

HTML: je ..
BODY: je něco jiného
HEAD: je hlavička

HTML
je ...
BODY
je něco jiného
HEAD
je hlavička

Ostatní formátování

Ostatní formátování
• tag BASEFONT nastavuje základní velikost písma v dokumentu (1-7), přepisuje velikost nastavenou uživatelem v browseru
...
• BIG - zvětšuje velikost písma o 1
...
• SMALL - zmenšuje velikost písma o 1
...
• SUB, SUP - text jako dolní a horní index
_... ^...

Seznamy
• prvkem vyskytujícím se v mnoha dokumentech jsou seznamy, proto pro ně existují i speciální tagy
• máme seznamy
– číslované
– nečíslované
– definiční
• seznam z odrážkami specifikujeme pomocí tagu UL, přičemž jednotlivé položky přidáváme tagem LI

univerzální atributy> ...

Seznam s odrážkami

Seznam s odrážkami
• nepovinný atribut TYPE určí typ odrážky
– circle je obyčejná odrážka
– disc je čtverec
– square je kroužek
• číslovaný seznam tvoříme podobně, pouze pomocí tagu OL

• START určuje počáteční hodnotu a TYPE typ číslování (oba nepovinné)

Prvky seznamů
• prvky seznamů se vkládají pomocí nepárového tagu LI, který se může vyskytovat uvnitř tagů OL, UL
• jeden element určený LI může obsahovat i další tagy, třeba i jiné seznamy

VALUE = "hodnota" univerzální atributy>
• počáteční hodnota položky v číslovaném seznamu může být nastavena pomocí parametru VALUE
• typ symbolu nebo číslice před položkou může být změnět parametrem TYPE

Písmo

Písmo
• vlastnosti použitého písma umožňuje měnit párový tag FONT

POINT-SIZE = "velikost v bodech"
SIZE = "velikost" WEIGHT = "váha">
...

• FACE specifikuje čárkami oddělený seznam jmen typů písma - jak specifických (Courier CE), tak jmen skupin písem
– monospace, serif, sans-serif, cursive, fantasy

Písmo
• pokud není první písmo v seznamu dostupné, použije se druhé, ...
• proto je dobré seznam uzavírat jménem skupiny písma
• vhodná písma (rozšířená) pro použití jsou - Arial, Times New Roman, Courier, Helvetica, Verdana
• bodovou velikost písma můžeme definovat pomocí POINT-SIZE, lepší je ale tuto možnost příliš nevyužívat (kvůli nastavení browserů u uživatelů)
Písmo
• velikost písma můžeme lépe definovat pomocí parametru SIZE, který definuje relativní velikost písma od 1 do 7 (1 je nejmenší písmo)
• pokud použijeme před číslem + nebo -, dojde ke zvýšení (snížení) velikosti písma nastavené tagem BASEFONT
• váhu písma určujeme atributem WEIGHT, možné hodnoty jsou od 100 do 900 (krok po 100), přičemž 100 je nejméně silná varianta

Formátování textu

Formátování textu
• B - tučný text
...
• I - text kurzívou
...
• S, STRIKE - přeškrtnutý text
~~...~~ ~~...~~
• STRONG - silně zvýrazněný text
...
• TT - neproporcionální text
...
• U - podtržený text
...

Logické formátování
• CITE - řádková citace
...
• CODE - zdrojový kód
...
• EM - zvýrazněný text
...
• KBD - vstup z klávesnice
...
• VAR - proměnná
...
• nepárový tag PLAINTEXT - zobrazuje zbytek dokumentu neformátovaně
<div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani-textu.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=2312951755628643435&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2312951755628643435&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2312951755628643435&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2312951755628643435&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2312951755628643435&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2312951755628643435&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='7010081902120724735' itemprop='postId'/> <a name='7010081902120724735'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/dalsi-blokove-tagy.html'>Další blokové tagy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7010081902120724735' itemprop='description articleBody'> Další blokové tagy<br />• párový tag PRE zobrazuje text v odstavci neformátovaně a to neproporcionálním písmem<br />• v rámci tohoto tagu jsou mezery i konce řádků ze zdrojového textu zachovány <br />• tag PRE zachovává platnost ostatních tagů, tedy pokud chceme zobrazit neformátovaně ostatní HTML tagy, musíme použít vyhrazené znaky < ><br />• element PRE je začíná na novém řádku a je shora oddělen volným místem<br /><br />Další blokové tagy<br /><br /><PRE COLS="znaků na řádku" WRAP<br /> univerzální atributy> <br />neformátovaný text <br /></PRE><br />• atribut WRAP zapíná zalamování<br />• podobně jako PRE pracuje párový tag XMP, navíc ruší platnost ostatních tagů<br /><br /><XMP univerzální atributy> neformátovaný text </XMP><br /><br />• párový tag DIV ohraničuje významový blok, je využíván hlavně pro aplikaci stylů a zarovnávání na oblast s více elementy, začíná na samostatné řádce<br /><br /><DIV ALIGN = "LEFT"|"RIGHT"|"CENTER" <br /> univerzální atributy> <br />elementy </DIV> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/dalsi-blokove-tagy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=7010081902120724735&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7010081902120724735&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7010081902120724735&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7010081902120724735&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7010081902120724735&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7010081902120724735&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='7720589533229567050' itemprop='postId'/> <a name='7720589533229567050'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani.html'>Formátování</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7720589533229567050' itemprop='description articleBody'> Formátování<br />• nepárový tag BR vkládá zalomení řádku<br />• na rozdíl od P nepřidává před nový řádek žádné volné místo<br />• pokud zalamujeme text kolem nějakého jiného elementu (obrázku), můžeme pomocí atributu CLEAR přinutit text pokračovat na dalším prázdném řádku<br /><br /><BR CLEAR="ALL"|"LEFT"|"RIGHT"><br />• párový tag SPAN přepíná mezi styly, použití vysvětlíme u DHTML<br /><br /><SPAN univerzální atributy> ... </SPAN><br /><br />Formátování<br />• párový tag CENTER způsobí vycentrování obsahu <br />• takto lze centrovat i obrázky nebo jiný obsah, který nelze centrovat jinak<br />• některé tagy mají atribut ALIGN, jeho nastavení přepisuje centrování pomocí tagu CENTER<br /><CENTER> ... </CENTER><br />• pokud chceme zabránit zalamování textu, uzavřeme jej do párového tagu NOBR<br /><br /><NOBR> ... </NOBR><br /><br />Formátování<br />• místo, kde by k zalomení mohlo dojít (pokud by si to velikost okna browseru vyžadovala) specifikuje tag WBR<br /><br /><WBR><br />• horizontální čáru přes okno (rámec) kreslí tag HR<br /><br /><HR ALIGN = "LEFT"|"RIGHT"|"CENTER"<br /> NOSHADE SIZE = "tloušťka" WIDTH = "šířka" > <br />• NOSHADE - čára bez stínu,<br />• SIZE - šířka v pixelech (implicitně 2)<br />• WIDTH - horizontální šířka v pixelech nebo procentech stránky (rámce) <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=7720589533229567050&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7720589533229567050&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7720589533229567050&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7720589533229567050&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7720589533229567050&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7720589533229567050&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='3757640541611166215' itemprop='postId'/> <a name='3757640541611166215'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/ohraniceni-odstavce.html'>Ohraničení odstavce</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3757640541611166215' itemprop='description articleBody'> Ohraničení odstavce<br />• odstavec ohraničuje tag P<br />• všechny elementy P začínají na novém řádku a obvykle mají před sebou volné místo<br />• uzavírací tag zajišťuje, že za odstavcem bude vynecháno volné místo<br />• použijeme-li bez uzavíracího tagu, dojde pouze k zalomení řádku spolu s vložením místa před element<br /><br /><P ALIGN = "LEFT"|"RIGHT"|"CENTER" <br /> univerzální atributy> <br /> text odstavce <br /> </P> <br /><br />Blokové tagy<br />• párový tag ADDRESS zobrazí odstavec ve formátu adresy<br />• takový odstavec začíná na novém řádku<br /><ADDRESS univerzální atributy> <br />adresa <br /></ADDRESS><br />párový tag BLOCKQUOTE zobrazí odstavec jako citaci<br />takový odstavec začíná na novém řádku a je zleva odsazen<br /><BLOCKQUOTE univerzální atributy> <br />citace <br /></BLOCKQUOTE> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/ohraniceni-odstavce.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=3757640541611166215&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3757640541611166215&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3757640541611166215&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3757640541611166215&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3757640541611166215&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3757640541611166215&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='1675540257569748932' itemprop='postId'/> <a name='1675540257569748932'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani-dokumentu.html'>Formátování dokumentu</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1675540257569748932' itemprop='description articleBody'> Přednáška č. 14<br /><br />Obsah přednášky<br />Téma: <br />• Formátování dokumentu<br />• formátování bloků<br />• formátování textu<br />• další formátovací tagy<br />• výčty<br />• rámce<br /><br />Příští téma: tabulky, odkazy, obrázky<br /><br />Tělo dokumentu<br />• vlastní obsah dokumentu je zapsán uvnitř párového tagu BODY<br />• celý dokument je členěný do odstavců, přičemž browser vždy před zobrazením odstavce ignoruje formátování zdrojového textu, což znamená že<br />– převede konce řádků na mezery<br />– více mezer za sebou nahradí mezerou jedinou<br />– zalomí text tak, aby se vešel do okna browseru<br /><br />Blokové tagy<br />• blokové tagy formátují blokové elementy textu - odstavce, nadpisy, ...<br />• párové značky H1, ..., H6 zobrazují nadpisy, přičemž H1 je nadpis nejvyšší úrovně<br />• hlavičky jsou znázorněny písmem většího stupně než normální text, začínají na novém řádku a je před nimi volné místo<br /><br />< H1 ALIGN = "LEFT"|"RIGHT"|"CENTER" <br /> univerzální atributy> <br />text nadpisu <br />< /H1> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani-dokumentu.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=1675540257569748932&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1675540257569748932&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1675540257569748932&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1675540257569748932&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1675540257569748932&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1675540257569748932&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='6670607105923870476' itemprop='postId'/> <a name='6670607105923870476'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/telo-dokumentu.html'>Tělo dokumentu</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-6670607105923870476' itemprop='description articleBody'> Tělo dokumentu<br />• hlavní obsah dokumentu specifikujeme v rámci párového tagu BODY<br /><br />< BODY BACKGROUND = "URL pozadí"<br /> BGCOLOR = "barva pozadí"<br /> TEXT = "implicitní barva textu"<br /> LINK = "barva odkazů"<br /> ALINK = "barva právě navštěvovaného odkazu"<br /> VLINK = "barva navštíveného odkazu"<br /> ONLOAD = "JavaScript kód"<br /> ONUNLOAD = "JavaScript kód"<br /> ONBLUR = "JavaScript kód"<br /> ONFOCUS = "JavaScript kód"<br /> univerzální atributy<br />>< /BODY><br /><br />Atributy BODY<br />• BACKGROUND specifikuje relativní nebo absolutní URL obrázku, který bude na pozadí dokumentu (obrázek bude uspořádán dlaždicově)<br />• ONLOAD specifikuje kód v JavaScriptu, který bude spuštěn po ukončení nahrávání dokumentu<br />• ONUNLOAD - při odstranění dokumentu<br />• ONFOCUS - kód spuštění po získání události onFocus indikující získání Focusu (aktivity)<br /><br />Příklad BODY<br />• ONBLUR - kód spuštěný při získání události onBlur indikující ztrátu Focusu<br /><br />< BODY BACGROUND = "rose.gif"<br /> TEXT = "green"<br /> VLINK = "navy"<br /> ONLOAD = "Ahoj()"<br />><br />< /BODY> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/telo-dokumentu.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=6670607105923870476&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6670607105923870476&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6670607105923870476&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6670607105923870476&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6670607105923870476&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6670607105923870476&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='8207344380830871883' itemprop='postId'/> <a name='8207344380830871883'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/atribut-http-equiv.html'>Atribut HTTP-EQUIV</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-8207344380830871883' itemprop='description articleBody'> Atribut HTTP-EQUIV<br />• HTTP-EQUIV se používá místo NAME u vlastností používaných pro HTTP odezvu - nejčastěji<br />– Refresh - zdržení v sekundách, po kterém dojde ke znovunahrání stránky (lze specifikovat jako druhý parametr i URL alternativní stránky)<br />– Expires - udává čas a datum (ve formátu RCF850 GMT), kdy vyprší platnost daného dokumentu, hodnota 0 znamená, že dokument je prošlý už teď<br /><br />CONTENT = "Sun, 28 Dec 11:11:11 GMT"<br /><br />Příklad hlavičky<br />– Content-Type udává typ dokumentu a znakovou sadu<br /><br />< HTML><br />< HEAD><br />< TITLE> Moje krásná stránka < /TITLE><br />< BASE HREF = "http://www.mendelu.cz/~zpezlar<br /> TARGET = "MainFrame"><br />< META NAME="Author" CONTENT="Zdeněk Pezlar">< META NAME="Keywords" CONTENT="HTML, výuka">< META HTTP-EQUIV="Refresh" CONTENT="2;URL='http://www.mendelu.cz/~petrj'"><br />< META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset='ISO-8859-2'"><br />< /HEAD>< /HTML> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/atribut-http-equiv.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=8207344380830871883&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=8207344380830871883&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=8207344380830871883&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=8207344380830871883&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=8207344380830871883&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=8207344380830871883&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='144196153793411010' itemprop='postId'/> <a name='144196153793411010'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/tag-base.html'>Tag BASE</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-144196153793411010' itemprop='description articleBody'> Tag BASE<br />• pokud není BASE specifikován, základní adresa se určuje z umístění dokumentu<br />• informace, které nejsou definovány ostatními elementy, můžeme do dokumentu vkládat pomocí tagu META<br />• identifikujeme vlastnosti dokumentu, které se vizuálně neprojeví<br /><br />< BASE HREF = "základní URL"<br /> TARGET = "cílové okno nebo rámec"<br />><br /><br />Tag META<br />• pomocí tagu META vkládáme dvojice jméno/hodnota<br />• META informace jsou zejména důležité, pokud máme grafickou stránku - vyhledávací stroje v grafice informace o stránce nenajdou, v části META ano<br /><br />< META NAME = "jméno vlastnosti"<br />HTTP-EQUIV = "jméno položky"<br />CONTENT = "hodnota"<br />><br /><br />Atribut NAME<br />• NAME udává jméno vlastnosti - nejčastěji Author, Classification, Copyright, Generator<br />• důležité jsou i vlastnosti využívané vyhledávacími stroji - Description (popis dokumentu), Keywords (klíčová slova), Robots (informace o indexaci)<br />• atribut CONTENT udává hodnotu vlastnosti specifikované částí NAME - může obsahovat i více hodnot <br /><br />CONTENT ="první;jméno='druhá';jméno2='třetí'..." <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/tag-base.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=144196153793411010&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=144196153793411010&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=144196153793411010&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=144196153793411010&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=144196153793411010&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=144196153793411010&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='4806141193237573545' itemprop='postId'/> <a name='4806141193237573545'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/struktura-stranky.html'>Struktura stránky</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4806141193237573545' itemprop='description articleBody'> Struktura stránky<br />• základní struktura stránky je dána třemi párovými tagy - HTML, HEAD a BODY<br />• HTML specifikuje celý dokument jako HTML stránku - ohraničuje jej<br />• před HTML - může být ještě specifikace DOCTYPE - verze HTML pro zpracování SGML nástroji<br /><br /><br />< HTML ><br />< /HTML ><br /><br />Hlavička dokumentu<br />• hlavička dokumentu je vymezena párovým tagem HEAD, který může obsahovat vnořené tagy TITLE, BASE, META, STYLE, LINK, ISINDEX, SCRIPT<br />< HEAD > ... < /HEAD ><br />• titulek dokumentu zapsaný v titulní liště prohlížeče specifikujeme párovým tagem TITLE<br />< TITLE > ... < /TITLE ><br />• některé vyhledávače titulek využívají<br />• pokud jej nespecifikujeme, browser si dosadí automaticky svůj titulek<br />• pro specifikaci základního URL dokumentu slouží nepárový tag BASE<br />• k této základní adrese se budou vztahovat všechny relativní odkazy z dokumentu<br />• pomocí této značky můžeme také specifikovat okno (rámec), ve kterém budeme odkazované dokumenty otevírat <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/struktura-stranky.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=4806141193237573545&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4806141193237573545&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4806141193237573545&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4806141193237573545&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4806141193237573545&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4806141193237573545&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='6792780669275305762' itemprop='postId'/> <a name='6792780669275305762'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/adresy.html'>Adresy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-6792780669275305762' itemprop='description articleBody'> Adresy<br />• příklad skládání adres<br />URL dokumentu <br />http://www.mendelu.cz/~zpezlar/index.html<br />relativní adresa<br />apv/apv.html<br />výsledná adresa<br />http://www.mendelu.cz/~zpezlar/apv/apv.html<br />• rezervované znaky v URL - / : @ ; ? # & = % + { } | \ ~ [ ] `(a mezery jako +)<br />• tyto znaky by se měly zapisovat jako %xx, kde xx je hexadecimální kód znaku<br /><br />Speciální znaky<br />• některé znaky v HTML zapisujeme pomocí číselné nebo entitní reference<br />• číselná reference je ve formě \nnn, kde nnn je číslo specifikující znak<br />• entitní reference je ve formě \nnn, kde nnn je řetězec specifikující znak<br />• jde o znaky s kódem od 161 výše (do 255), některé z nich jsme schopni napsat i normálně díky například českému kódování dokumentu<br /><br />Vyhrazené znaky<br />• jsou znaky, které by normálním zápisem mohly způsobit mylnou interpretaci HTML dokumentu<br /><br /> znak -číselně-entitně<br />"-"-"<br /><-<-<<br />>->-><br />&-&-&<br />nezalom. mezera- -  <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/adresy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=6792780669275305762&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6792780669275305762&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6792780669275305762&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6792780669275305762&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6792780669275305762&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=6792780669275305762&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='7331446439852379715' itemprop='postId'/> <a name='7331446439852379715'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/barvy.html'>Barvy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7331446439852379715' itemprop='description articleBody'> Barvy<br />• barva může být v HTML specifikována buď jménem, nebo jako šesticiferná hexadecimální RGB specifikace (vždy dva znaky pro každou barevnou složku) začínající #<br />• existuje 16 předdefinovaných barev (v některých standardech i více)<br /><br />název barvy; český název<br />Aqua; jasně modrozelená<br />Black; černá<br />Blue; modrá<br />Fuchsia; anilinová červená<br />Gray; šedá<br />Green; zelená<br />Lime; citrónově zelená<br />Maroon; kaštanová<br />Navy; námořnická modrá<br />Olive; olivová<br />Purple; purpurová<br />Red; červená<br />Silver; stříbrná<br />Teal; tmavě modrozelená<br />White; bílá<br />Yellow; žlutá <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/barvy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=7331446439852379715&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7331446439852379715&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7331446439852379715&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7331446439852379715&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7331446439852379715&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7331446439852379715&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='5272489798799842851' itemprop='postId'/> <a name='5272489798799842851'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/tagy.html'>Tagy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5272489798799842851' itemprop='description articleBody'> Tagy<br />• jsou značky, které sdělují browseru jak zobrazit text či jiný objekt<br />• uzavírají se mezi <> - <BR><br />• rozlišujeme<br />– párové – mají i uzavírací část obsahující znak / - <B>tučně</B><br />– nepárové – neobsahují uzavírací tag<br />• speciální tag – komentář<br /><br /><br /><br />Adresy ve WWW - URL<br />• protokol HTTP, který je používán pro komunikaci WWW klienta se serverem, používá pro specifikaci informačních zdrojů formát URL (Uniform Resource Locator), který proto používáme i v HTML<br />• tvar URL<br />zdroj://počítač/dokument ;parametry?dotaz#fragment<br />• většina částí je nepovinná<br /><br />Typy zdroje<br />• file - soubor na lokálním disku<br />• ftp - soubor ftp serveru<br />• gopher - dokument gopheru<br />• http - WWW stránky<br />• mailto - elektronická pošta<br />• news - diskusní skupiny<br />• nntp - diskuse na určitém serveru<br />• prospero - adresářová služba prospero<br />• telnet - vzdálený přístup jinam<br />• wais - IS WAIS <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/tagy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=5272489798799842851&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5272489798799842851&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5272489798799842851&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5272489798799842851&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5272489798799842851&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5272489798799842851&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='1448432168754195500' itemprop='postId'/> <a name='1448432168754195500'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/pocitac-dokument.html'>Počítač a dokument</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1448432168754195500' itemprop='description articleBody'> Počítač a dokument<br />• část počítač se skládá z částí<br />uživatel : heslo @ adresa : port<br />• nejčastější je část adresa - IP nebo doménová adresa počítače<br />• část dokument určuje cestu a jméno souboru, který je požadován<br />• od předchozí části je oddělen lomítkem /, které není součástí cesty<br />• parametry, dotaz a fragmenty se používají jen v některých případech<br /><br />Příklady adres URL<br />• www stránka<br />http://www.mendelu.cz/user/zpezlar<br />• ftp<br />ftp://franta@ftp.vse.cz/pub/doc.txt<br />• pošta<br />mailto:petrj@mendelu.cz<br />• news<br />news:alt.rec.recipes<br />• soubor<br />file:///c:/texty/index.html<br /><br />Relativní adresy<br />• relativní ULR obsahuje jen část informace o umístění zdroje - část se převezme z kontextu, kterým je nejčastěji URL dokumentu, ve kterém se relativní URL vyskytuje<br />• v relativní URL mohou být i znaky . a .. s obvyklými významy<br />• lze použít vždy pro zdroje file, ftp, http, nntp, někdy pro gopher, wais, prospero <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/pocitac-dokument.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=1448432168754195500&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1448432168754195500&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1448432168754195500&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1448432168754195500&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1448432168754195500&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1448432168754195500&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='2698549351641530485' itemprop='postId'/> <a name='2698549351641530485'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/podminky-u-maker.html'>Podmínky u maker</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-2698549351641530485' itemprop='description articleBody'> Podmínky u maker<br />• podmínka je logický výraz zadaný do sloupce Podmínky do řádku k příslušné podmiňované akci<br />• pokud chceme na jednu podmínku navázat více akcí, ve sloupci Podmínky pak stačí uvádět jen tři tečky<br />• kromě samotných maker můžeme spouštět i skupiny maker - musíme v mřížce návrhu maker zobrazit i Název makra<br />Makra 3<br />• do sloupce Název makra se pak vepíše název prvního makra ve skupině, pak přidáme akce, ...<br />• po uložení na disk se použitý název vztahuje ke skupině maker, pro jednotlivé makro používáme skupina.makro<br />• kombinaci kláves lze makru přiřadit definicí ve sloupci Název makra, ve sloupci Akce bude SpustitMakro(makro)<br />Makra 4<br />• ^A je CTRL A<br />• +{F1} je SHIFT F1<br />• {INSERT} je INS<br />• takto přiřazené kombinace musí být uloženy jako skupina maker pod názvem Automatické klávesy<br />• makro s názvem AutoExec je spuštěno automaticky při otevření databáze (držením SHIFT lze spuštění zrušit) <br /><br />Moduly<br />• stejně jako makra jsou moduly nástrojem pro automatizaci databázových úloh<br />• jsou ale vyjádřeny pomocí jazyka Visual Basic <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/podminky-u-maker.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=2698549351641530485&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2698549351641530485&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2698549351641530485&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2698549351641530485&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2698549351641530485&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2698549351641530485&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='4538971263075108280' itemprop='postId'/> <a name='4538971263075108280'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/dokumenty-html.html'>Dokumenty HTML</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4538971263075108280' itemprop='description articleBody'> Obsah přednášky č. 12<br />Dokumenty HTML<br /><br />• HTML = HyperText Markup Language<br />• jde o jazyk sloužící ke tvorbě hypertextových dokumentů (stránek) pro WWW<br />• hypertext = nelineární textový dokument obsahující odkazy na jiné dokumenty<br />• v HTML jsou některé části interpretovány jako obrázky, zvuk, tabulky, animace, ...<br />• dokumenty HTML obsahují prostý text bez jakéhokoliv formátování<br /><br />Browsery<br />• vlastní formátování má na starosti prohlížeč (browser), který na základě řídících značek (tagů) určuje vizuální podobu dokumentu<br />• používané browsery – NN, MSIE, Lynx, Mosaic, Amaya<br />• ne všechny browsery umožňují využít všech vlastností HTML, nám bude stačit NN 3.0, MSIE 3.0 a vyšší<br />• je dobré při tvorbě stránky pamatovat i na odlišné nebo starší browsery<br /><br />Editory<br />• pro zápis stačí jakýkoliv textový editor, vhodný je například shareware Homesite<br />• existují i WYSIWYG (FrontPage)<br />• zapsané stránce budeme říkat HTML dokument<br />• nejdůležitější vlastností HTML dokumentů je nezávislost na platformě<br />• existují různé verze HTML, my se budeme držet nejrozšířenější 3.2, spolu s browsery podporovanými rozšířeními <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/dokumenty-html.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=4538971263075108280&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4538971263075108280&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4538971263075108280&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4538971263075108280&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4538971263075108280&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4538971263075108280&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='4705506744689578506' itemprop='postId'/> <a name='4705506744689578506'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/prizpusobeni-vzhledu-sestavy.html'>Přizpůsobení vzhledu sestavy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4705506744689578506' itemprop='description articleBody'> Přizpůsobení vzhledu sestavy<br />• jedna možnost Formát - automatický formát<br />• další možnosti<br />– přidání obrázku na pozadí - do Vlastnosti - obrázek zapíšeme jeho diskové jméno, pak nastavíme vlastnosti - oříznutí, zarovnání, ...<br />– grafické prvky jako čára, obdélník, ... - myší z panelu nástrojů, pak změníme vlastnosti myší nebo z dialogu Vlastnosti<br />– pomocí programových prostředků VB<br /><br />Makra<br />• makra slouží zejména k automatizaci často prováděných úkolů<br />• makra vytváříme z okna databáze - otevřeme dialogové okno určené pro definici a zadání makra<br />• v tomto okně jsou sloupce Název makra, Podmínka, Akce, Komentář (pokud nejsou všechny, lze je zobrazit z nabídky Zobrazit)<br />• kliknutím na buňku ve sloupci Akce se zobrazí seznam akcí, které mohou být do makra zahrnuty (zároveň se dole objevuje možnost nastavení parametrů těchto akcí)<br />• takto zadáme posloupnost akcí, které se při spuštění makra rozjedou<br />• makro lze zadat i jako podmíněné (akce se spustí jen při splnění podmínky) <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/prizpusobeni-vzhledu-sestavy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=4705506744689578506&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4705506744689578506&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4705506744689578506&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4705506744689578506&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4705506744689578506&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4705506744689578506&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='9143974650856539337' itemprop='postId'/> <a name='9143974650856539337'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/vytvoreni-sestavy.html'>Vytvoření sestavy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-9143974650856539337' itemprop='description articleBody'> Vytvoření sestavy<br />• buď pomocí průvodce sestavou<br />– obecný průvodce<br />– průvodce štítky<br />– průvodce grafem<br />– automatická sloupcová nebo tabelární sestava<br />• pomocí návrhového zobrazení<br />• z filtrovaných záznamů - v požadovaném filtru vybereme ze seznamu nový objekt - nová sestava<br /><br />Návrhové zobrazení<br />• jako u formulářů i zde je rozdělení do sekcí, kromě sekcí shodných s formulářem zde máme<br />– záhlaví skupiny - pro zobrazení informací společných pro více záznamů<br />– pata skupiny - používá se pro zobrazení souhrnů pro danou skupinu<br />• celkový vzhled sestavy lze změnit pomocí Automatického formátu (pak zvolíme styl)<br /><br />Zásady práce v návrhovém zobrazení<br />• pro přidání nového pole do sestavy slouží tlačítko seznam polí<br />• přesouvání a změny velikostí ovládacích prvků se provádí myší<br />• text a data zobrazená na ovládacím prvku měníme aktivací textu myší a následným zapsáním nové hodnoty<br />• ke změně pořadí řazení a seskupování slouží ikona řazení a seskupování <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/vytvoreni-sestavy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=9143974650856539337&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9143974650856539337&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9143974650856539337&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9143974650856539337&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9143974650856539337&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9143974650856539337&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='5321590958484189616' itemprop='postId'/> <a name='5321590958484189616'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/razeni-seskupovani.html'>Řazení a seskupování</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5321590958484189616' itemprop='description articleBody'> Řazení a seskupování<br />• data v sestavě jsou uspořádána podle stejných kritérií jako data v podkladové tabulce nebo dotazu<br />• v okně vlastností sestavy bude u vlastnosti řadit podle uveden název pole, podle kterého je základní tabulka řazena<br />• zároveň musí být zapnuta vlastnost Zapnout filtr<br />• nastavení řadit podle lze potlačit v okně řazení a seskupování<br />• v horní části nastavíme výrazy podle kterých bude provedeno řazení<br />• v dolní části se nastavují vlastnosti definující seskupování<br />– záhlaví skupiny <br />– pata skupiny<br />– seskupovat - způsob seskupení hodnot (vše, podle výrazu, ...)<br />– interval skupiny - platné hodnoty<br />– udržovat pohromadě - celá skupina či část na stránce<br /><br />Zobrazení náhled<br />• jde o tiskové zobrazení sestavy, často jím prohlížíme až hotovou sestavu<br />• data nelze upravovat, pouze podrobně kontrolovat a využívat ovládací prvky sestavy<br />• lze volit zvětšení<br />• má u sestav podobnou funkci jako formulářové zobrazení nebo zobrazení datového listu u formulářů a tabulek <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/razeni-seskupovani.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=5321590958484189616&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5321590958484189616&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5321590958484189616&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5321590958484189616&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5321590958484189616&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5321590958484189616&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='5262029304593556205' itemprop='postId'/> <a name='5262029304593556205'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/akcni-dotazy.html'>Akční dotazy</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5262029304593556205' itemprop='description articleBody'> Akční dotazy<br />• začátek je opět stejný jako u výběrového dotazu, poté vybereme Dotaz - typ dotazu (vytvářecí, aktualizační, přidávací, odstraňovací)<br />• u vytvářecího dotazu vytvoříme z výsledků novou tabulku, jejíž jméno musíme u této možnosti zadat, lze i vybrat, zda bude nová tabulka umístěna v aktuální či jiné databázi<br /><br />Odstraňovací dotazy<br />• v návrhové mřížce se nově objeví řádek odstranit, ze seznamu polí tabulky sem přetáhneme * (bude zde pak z)<br />• kritéria pro odstranění záznamů nastavíme u ostatních polí (u kterých je v řádku odstranit kde)<br />• tlačítkem na panelu nástrojů si lze prohlédnout odstraňované záznamy i provést odstranění<br /><br />Přidávací a aktualizační dotazy<br />• přidávací dotaz - jako u vytvářecího dotazu se objeví dialog na zadání názvu tabulky pro přidávání<br />• opět lze specifikovat kritéria, která musí přidávaná pole splňovat<br />• aktualizační dotaz - pro pole určená k aktualizaci vyplníme aktualizační výraz do řádku Aktualizovat, ostatní pole budou sloužit jako kritéria aktualizace<br /><br />Sestavy<br />• sestavy jsou nástroj na tiskovou prezentaci dat uchovávaných v databázi<br />• sestavy lze zobrazit<br />– v návrhovém zobrazení určeném pro tvorbu nebo úpravu prezentace<br />– v náhledu před tiskem, který slouží k vizuální kontrole uspořádání údajů<br />– v ukázce rozvržení, sloužící k rychlému zobrazení základního uspořádání sestavy (jen pro určitý vzorek dat) <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/akcni-dotazy.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=5262029304593556205&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5262029304593556205&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5262029304593556205&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5262029304593556205&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5262029304593556205&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5262029304593556205&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='1348701644790689727' itemprop='postId'/> <a name='1348701644790689727'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/vytvareni-dotazu.html'>Vytváření dotazů</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1348701644790689727' itemprop='description articleBody'> Vytváření dotazů<br />• jednoduché dotazy <br />– pomocí průvodce<br />– v návrhovém zobrazení - na kartě dotazy vybereme možnost vytvoření dotazu v návrhovém zobrazení<br />• tvorba výběrového dotazu<br />– vybereme tabulky, které budou do dotazu vstupovat (se kterými budeme pracovat)<br />– do mřížky návrhu přidáme názvy polí a způsob řazení<br />– nastavíme vlastnosti Zobrazit - Vlastnosti<br /><br />Výběrový dotaz<br />• v poli kritéria vyplníme výraz, omezující výsledné hodnoty dotazu pouze na ty, které výrazu vyhovují<br />• do výběrového dotazu můžeme přidat i výpočtová pole - Zobrazit - Souhrny, potom buď<br />– do řádku pole zapíšeme Jméno: výraz složený z polí ve formátu [pole], do řádku tabulka doplníme zdrojovou tabulku, do řádku souhrny zadáme typ agregace<br /><br />Výběrový dotaz 2<br />– nebo zapíšeme do řádku pole přímo sumační výraz (funkce Sum(), ...), ve kterém použijeme pole ve formátu [tabulka].[pole], do řádku souhrn doplníme možnost výraz<br />• pro zápis výrazů je vhodné (i jinde) používat tvůrce výrazů - vyvolání ikonou<br />• pro výpočtová pole je často nezbytné definovat formát zobrazení Zobrazit - Vlastnosti <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/vytvareni-dotazu.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=1348701644790689727&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1348701644790689727&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1348701644790689727&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1348701644790689727&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1348701644790689727&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1348701644790689727&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='3998441702444567793' itemprop='postId'/> <a name='3998441702444567793'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/parametricky-dotaz.html'>Parametrický dotaz</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-3998441702444567793' itemprop='description articleBody'> Parametrický dotaz<br />• parametrický dotaz se tvoří doplněním výběrového či křížového dotazu o kritéria zadaná až po spuštění dotazu<br />• u parametrického dotazu program po vyvolání žádá zadání kritérií - žádá textem zadaným do [] v řádku kritéria, hodnota pole se pak porovnává se zadanou hodnotou<br />• i v parametrickém dotazu lze definovat kritéria pomocí výrazů<br />• pro kontrolu zadávaných parametrů je dobré definovat datový typ parametru -Dotaz - Parametry<br />• v křížovém dotazu musíme nastavit datový typ parametrů, musíme rovněž nastavit vlastnost Hlavičky sloupců<br />• u ostatních parametrických dotazů musíme určit datový typ pro pole A/N a pro pole z externí databáze<br /><br />Křížový dotaz<br />• používá se pro zobrazení souhrnných hodnot<br />• je zobrazen formou kontingenční tabulky - v ní jsou data seskupena podle dvou skupin údajů - první je uvedena v hlavičkách řádků, druhá v hlavičkách sloupců<br />• tvorba je stejná jako u výběrového dotazu potom - Dotaz - Křížový dotaz<br />• návrhová mřížka je pak obohacena o řádky křížová tabulka a souhrn<br />• u polí, která se mají objevit jako řádky nastavíme u křížové tabulky hlavička řádků, u sloupců nastavíme hlavička sloupce, u pole, jehož hodnotu chceme zobrazit nastavíme hodnota<br />• v řádku souhrn vybereme typ agregační funkce, který se použije v křížovém dotazu - Sum, Avg, Count, ... (nebo Výraz) <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/parametricky-dotaz.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=3998441702444567793&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3998441702444567793&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3998441702444567793&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3998441702444567793&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3998441702444567793&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=3998441702444567793&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='7143851918694565474' itemprop='postId'/> <a name='7143851918694565474'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/sekce-formulare.html'>Sekce formuláře</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-7143851918694565474' itemprop='description articleBody'> Sekce formuláře<br />• tělo formuláře - zobrazuje záznamy z daty - 1 stránka pro jeden či více záznamů<br />• záhlaví formuláře - v horní části formuláře, obsahuje nadpis, příkazová tlačítka, ... - není v zobrazení datového listu<br />• pata formuláře - příkazová tlačítka, ... - není zobrazena ve formulářovém zobrazení<br />• záhlaví stránky a pata stránky - pouze v tištěných formulářích<br /><br />Tvorba formuláře<br />• Formulář - Nový, vyvolá průvodce, ...<br />• pomocí průvodce lze vyvolat i podformulář, takto lze zadávat data do více tabulek současně - zejména u tabulek propojených relací 1:N<br />• v sekcích formuláře - ovládací prvky - popisy + prvky v zadávání, zobrazování a aktualizacím dat<br /><br />Ovládací prvky<br />• popis<br />• textové pole<br />• zaškrtávací políčko<br />• přepínací tlačítko, přepínač (hodnoty A/N)<br />• příkazové tlačítko<br />• pole se seznamem<br />• podformulář<br />• vlastní prvek - lze vytvořit<br /><br />Informační formuláře<br />• pomocí nich je možné zobrazit informaci uživateli, výzvu k zadání dat, nebo zvolit jednu z nabídnutých akcí<br />• modální - ostatní objekty při něm nejsou přístupné/ nemodální<br />• do formuláře lze umístit i graf - Vložit -Graf, dále už stejně jako např. v Excelu<br />• graf je také ovládací pole formuláře <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/sekce-formulare.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=7143851918694565474&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7143851918694565474&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7143851918694565474&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7143851918694565474&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7143851918694565474&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=7143851918694565474&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='9131416523767409896' itemprop='postId'/> <a name='9131416523767409896'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/ms-access-dotazy-sestavy-moduly-makra.html'>MS Access - dotazy, sestavy, moduly, makra</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-9131416523767409896' itemprop='description articleBody'> APV přednáška 11<br />MS Access - dotazy, sestavy, moduly, makra<br />Obsah přednášky<br /><br />MS Access - dotazy a jazyk QBE; sestavy<br />makra a moduly; příště: Úvod do HTML<br /><br />Dotazy<br />• dotazy jsou databázové objekty, které umožňují zobrazovat, měnit a analyzovat vybraná data<br />• výsledky dotazů mohou sloužit jako vstup pro formuláře, sestavy, další dotazy<br />• v Accessu máme QBE dotazy a SQL dotazy - my se budeme zabývat prvním typem <br /><br />Typy dotazů<br />• známe <br />– výběrové dotazy<br />– parametrické dotazy<br />– křížové dotazy<br />– akční dotazy<br />• vytvářecí dotazy<br />• odstraňovací dotazy<br />• přidávací dotazy<br />• aktualizační dotazy<br />– SQL dotazy <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/ms-access-dotazy-sestavy-moduly-makra.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=9131416523767409896&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9131416523767409896&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9131416523767409896&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9131416523767409896&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9131416523767409896&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=9131416523767409896&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='5307870680540978997' itemprop='postId'/> <a name='5307870680540978997'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/datovy-list.html'>Datový list</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-5307870680540978997' itemprop='description articleBody'> Datový list<br />• kliknutím na název tabulky získáme zobrazení tabulky ve formátu datového listu - zde lze měnit strukturu tabulky, pojmenovávat pole, typy, řadit, ...<br />• lze přepnout i na návrhové zobrazení, které je určeno k definování názvů polí, jejich typů a vlastností (i nová pole)<br />• při zadávání vlastností polí se objevuje i kontextová nápověda, podle té se lze řídit<br /><br />Relace mezi tabulkami<br />• nastavují se v okně relace (vyvoláme ikonou Relace v panelu nástrojů)<br />• přidáme tabulku do okna relací, potom vytvoříme relaci přetažením pole z jedné tabulky do druhé<br />• nejčastější - cizí klíč (pro typy 1:N) - primární klíč z druhé tabulky (1) přetáhneme do původní (N)<br />• také můžeme stanovit kardinality N:N (pomocí vložené tabulky) a 1:1<br /><br />Referenční integrita<br />• je zde i možnost zajištění referenční integrity (tlačítko)<br />• pokud má být zajištěna, pak<br />– nelze do cizího klíče vložit jinou hodnotu,než ty vyskytující se v druhé tabulce v primárním klíči<br />– nelze v druhé tabulce odstraňovat záznamy, jejichž primární klíč je hodnotou cizího klíče v existující n-tici první tabulky<br /><br />Zadávání dat<br />• nejjednodušší v zobrazení datového listu<br />• zde je možná i úprava dat<br />• lze měnit i grafické zobrazení datového listu <br />– myší upravíme písmo (typ, řez, stupeň, ...), šířku sloupce a výšku řádku, skrytí sloupců, efekty buněk (zejména barevné), ... <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/datovy-list.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=5307870680540978997&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5307870680540978997&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5307870680540978997&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5307870680540978997&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5307870680540978997&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=5307870680540978997&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='2027817742642921423' itemprop='postId'/> <a name='2027817742642921423'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/hledani.html'>Hledání</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-2027817742642921423' itemprop='description articleBody'> Hledání<br />• funguje obdobně jako v ostatních programech MS Office<br />• možnost Úpravy - Najít<br />• pokud máme kurzor v příslušném poli - zadáme hledaný řetězec<br />• ten může obsahovat i metaznaky<br />*, ? (libovolný abecední znak), [ ] (jeden ze znaků v závorkách), ! neguje znaky v závorkách, - (určuje interval znaků), # (číslice)<br /><br />Filtrování<br />• umožňuje zobrazení pouze vybraných záznamů<br />• máme tři druhy filtrů<br />– podle výběru - je-li kritériem část ze záznamu, vybereme tuto část a Záznamy - Filtr - Filtr podle výběru<br />– podle formuláře -kritéria jsou zadána v dialogu - Záznamy - Filtr -Filtr podle formuláře, jde o hodnoty pole (celé), lze zadat i více hodnot současně<br /><br />Rozšířený filtr a formuláře<br />• rozšířený filtr - je opět dialog, navíc lze ale i řazení filtrovaných záznamů - Záznamy - Filtr - rozšířený filtr <br />• Formuláře<br />– jde o alternativu k zobrazení datového listu<br />– máme 4 zobrazení<br />formulářové zobrazení - každý záznam má svou vlastní stranu<br />zobrazení datového listu - jako u tabulek<br /><br />Formuláře<br />návrhové zobrazení - přizpůsobení vzhledu formuláře, jeho jednotlivých prvků (vkládáme, modifikujeme formát a umístění), u nového formuláře musíme napřed nastavit základní formát - předlohy jsou například v Automatický formát<br />náhled - pro tisk a prohlídku pře tiskem<br />• mezi zobrazeními přepínáme tlačítky panelu nástrojů<br />• formuláře se skládají z jednotlivých sekcí - Zobrazit - Záhlaví/ Pata stránky, ... <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/hledani.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=2027817742642921423&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2027817742642921423&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2027817742642921423&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2027817742642921423&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2027817742642921423&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=2027817742642921423&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='4058421398266740763' itemprop='postId'/> <a name='4058421398266740763'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/5-nf.html'>5 NF</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-4058421398266740763' itemprop='description articleBody'> 5 NF<br />• R splňuje 5NF, pokud pro každou SZ (R1, ..., Rn) platí, že je implikována klíčovým omezením R<br />• postup odvození 5NF <br />– převedeme do 4NF<br />– pro každou SZ narušující 5NF dekomponujeme relaci na komponenty této spojové závíslosti<br />• DKNF - ještě navíc omezení hodnot atributů do určitých domén<br /><br />MS Access<br />• MS Access - databázový program<br />• Databáze se v MS Access skládá s tabulek<br />• jsou s ní spojeny další prvky, jako formuláře, dotazy, sestavy, makra, moduly<br />• vytvoření databáze - Soubor-Nová databáze - prázdnou DB, průvodce<br /><br />Tabulky<br />• při otevření databáze - 6 karet, každá pro jednu komponentu<br />• na kartě tabulky - tlačítka Otevřít, Návrh, Nová + jména existujících tabulek<br />• tlačítko Nová - vyvolá průvodce tabulkou - vytvoření tabulky - máme k dispozici řadu předdefinovaných tabulek, polí (zde sloupců, jinak atributů)<br /><br />Průvodce tabulkou<br />• na dalších dialozích lze zadat například relace s ostatními tabulkami, primární klíče, ...<br />• relaci v MS Access tedy nazýváme tabulka, n-tice budou řádky (zde nazvané záznamy) - údaje o jednom objektu<br />• tabulka je ale jen způsob zobrazení relace (a zde i nepřesný název) <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/5-nf.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=4058421398266740763&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4058421398266740763&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4058421398266740763&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4058421398266740763&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4058421398266740763&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=4058421398266740763&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> <div class='post-outer'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='4501299851619601836' itemprop='blogId'/> <meta content='1722294324569159525' itemprop='postId'/> <a name='1722294324569159525'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='https://uceni-pro-skoly.blogspot.com/2009/02/ms-access-tabulky-formulare.html'>MS Access - tabulky a formuláře</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-1722294324569159525' itemprop='description articleBody'> APV přednáška 10<br />5. normální forma<br />MS Access - tabulky a formuláře<br />Obsah přednášky<br />• spojovací závislosti a 5NF<br />• MS Access - tabulky<br />• MS Access - formuláře<br /><br /><br />příště: MS Access - dotazy, sestavy, makra, moduly<br /><br />Spojovací závislosti<br />• MHZ obsahuje omezení spojená s dekompozicí relace na dvě části<br />• při dekompozici na 3 a více částí, a následném spojování, ovšem nedostaneme ty stejné n-tice jako při slučování libovolných dvojic - tedy jde o jinou redundanci<br />• požadavek bezeztrátovosti dekompozice na více částí je jiný než libovolná MHZ<br /><br />Spojovací závislost<br />• SZ(R1, R2, ..., Rn) je omezení na r(R) (kde r(R) je relace vzniklá ze schématu R), které způsobí, že spojení r(R1)*r(R2)*...*r(Rn) je bezeztrátové pro všechny validní relace r(R)<br />• SZ nepřináší naznačenou redundanci pro<br />– každé Ri je klíčem výsledku spojení<br />– nějaké Ri je výsledkem spojení<br /><br />• jde o postačující podmínky, nikoliv však nutné<br />• i zde lze identifikovat SZ vynucené FZ a MHZ - SZ (XY, X(R-Y))<br />• lze dokázat, že SZ nepřináší redundanci, právě když je implikována určitou FZ - a to klíčovým omezením výsledku (K->S) <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-comment-link'> <a class='comment-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/ms-access-tabulky-formulare.html#comment-form' onclick=''> Žádné komentáře: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1547758076'> <a href='https://www.blogger.com/post-edit.g?blogID=4501299851619601836&postID=1722294324569159525&from=pencil' title='Upravit příspěvek'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1722294324569159525&target=email' target='_blank' title='Odeslat e-mailem'><span class='share-button-link-text'>Odeslat e-mailem</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1722294324569159525&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1722294324569159525&target=twitter' target='_blank' title='Sdílet na X'><span class='share-button-link-text'>Sdílet na X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1722294324569159525&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Sdílet ve službě Facebook'><span class='share-button-link-text'>Sdílet ve službě Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=4501299851619601836&postID=1722294324569159525&target=pinterest' target='_blank' title='Sdílet na Pinterestu'><span class='share-button-link-text'>Sdílet na Pinterestu</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://uceni-pro-skoly.blogspot.com/search?updated-max=2009-03-09T23:31:00-07:00&max-results=1&reverse-paginate=true' id='Blog1_blog-pager-newer-link' title='Novější příspěvky'>Novější příspěvky</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://uceni-pro-skoly.blogspot.com/search?updated-max=2009-02-17T16:26:00-08:00&max-results=1' id='Blog1_blog-pager-older-link' title='Starší příspěvky'>Starší příspěvky</a> </span> <a class='home-link' href='https://uceni-pro-skoly.blogspot.com/'>Domovská stránka</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Přihlásit se k odběru: <a class='feed-link' href='https://uceni-pro-skoly.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Příspěvky (Atom)</a> </div> </div> </div><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-9813104254349416" data-ad-slot="2501400562"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class='clear'></div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Archiv blogu</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2015/'> 15 </a> <span class='post-count' dir='ltr'>(10)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2015/04/'> dub </a> <span class='post-count' dir='ltr'>(10)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2015_04_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014/'> 14 </a> <span class='post-count' dir='ltr'>(7)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014/12/'> pro </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014_12_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014/11/'> lis </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014_11_21_archive.html'> 21 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014/10/'> říj </a> <span class='post-count' dir='ltr'>(5)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014_10_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2014_10_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/'> 10 </a> <span class='post-count' dir='ltr'>(417)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/12/'> pro </a> <span class='post-count' dir='ltr'>(19)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_12_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(19)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/11/'> lis </a> <span class='post-count' dir='ltr'>(88)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_11_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(17)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_11_18_archive.html'> 18 </a> <span class='post-count' dir='ltr'>(20)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_11_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(41)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_11_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_11_12_archive.html'> 12 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/10/'> říj </a> <span class='post-count' dir='ltr'>(45)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_10_06_archive.html'> 6 </a> <span class='post-count' dir='ltr'>(35)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_10_01_archive.html'> 1 </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/09/'> zář </a> <span class='post-count' dir='ltr'>(35)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_09_22_archive.html'> 22 </a> <span class='post-count' dir='ltr'>(27)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_09_14_archive.html'> 14 </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/08/'> srp </a> <span class='post-count' dir='ltr'>(15)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_08_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_08_06_archive.html'> 6 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_08_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/07/'> čvc </a> <span class='post-count' dir='ltr'>(19)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_07_26_archive.html'> 26 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_07_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_07_14_archive.html'> 14 </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_07_13_archive.html'> 13 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/06/'> čvn </a> <span class='post-count' dir='ltr'>(15)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_06_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(15)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/05/'> kvě </a> <span class='post-count' dir='ltr'>(11)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_05_11_archive.html'> 11 </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/04/'> dub </a> <span class='post-count' dir='ltr'>(12)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_04_06_archive.html'> 6 </a> <span class='post-count' dir='ltr'>(12)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/03/'> bře </a> <span class='post-count' dir='ltr'>(157)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_31_archive.html'> 31 </a> <span class='post-count' dir='ltr'>(56)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_26_archive.html'> 26 </a> <span class='post-count' dir='ltr'>(49)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_25_archive.html'> 25 </a> <span class='post-count' dir='ltr'>(16)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(15)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_03_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010/01/'> led </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2010_01_26_archive.html'> 26 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/'> 09 </a> <span class='post-count' dir='ltr'>(3295)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/12/'> pro </a> <span class='post-count' dir='ltr'>(112)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_12_12_archive.html'> 12 </a> <span class='post-count' dir='ltr'>(112)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/11/'> lis </a> <span class='post-count' dir='ltr'>(15)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_11_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(15)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/09/'> zář </a> <span class='post-count' dir='ltr'>(2)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_09_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/05/'> kvě </a> <span class='post-count' dir='ltr'>(312)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_05_04_archive.html'> 4 </a> <span class='post-count' dir='ltr'>(286)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_05_03_archive.html'> 3 </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_05_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(22)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/04/'> dub </a> <span class='post-count' dir='ltr'>(1435)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(145)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(287)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(121)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_21_archive.html'> 21 </a> <span class='post-count' dir='ltr'>(205)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_20_archive.html'> 20 </a> <span class='post-count' dir='ltr'>(337)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(73)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(161)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_04_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(106)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/03/'> bře </a> <span class='post-count' dir='ltr'>(1136)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(222)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(216)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_23_archive.html'> 23 </a> <span class='post-count' dir='ltr'>(206)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(38)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(99)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(51)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_10_archive.html'> 10 </a> <span class='post-count' dir='ltr'>(254)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_03_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(50)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009/02/'> úno </a> <span class='post-count' dir='ltr'>(283)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2009_02_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(283)</span> <ul class='posts'> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/archivacni-formaty.html'>Archivační formáty</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/format-tiff-pcx.html'>Formát TIFF, PCX</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vektorove-formaty.html'>Vektorové formáty</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/textove-formaty.html'>Textové formáty</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/tvurci-standardu.html'>Tvůrci standardů</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/formaty-souboru.html'>Formáty souborů</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/objekt-forms.html'>Objekt forms</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/standardy-formaty.html'>Standardy, formáty</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/dom-objektovy-model-dokumentu.html'>DOM - objektový model dokumentu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/objekt-navigator.html'>Objekt navigator</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/objektove-metody.html'>Objektové metody</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vyrazy-operace.html'>Výrazy a operace</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/tok-rizeni.html'>Tok řízení</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/uvod-do-javascriptu.html'>Úvod do JavaScriptu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/retezce.html'>Řetězce</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vlastnosti-barevne-pozadi.html'>Vlastnosti barevné a pozadí</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/pozicovani.html'>Pozicování</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vlastnosti-textu.html'>Vlastnosti textu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vlastnosti-blokovych-elementu.html'>Vlastnosti blokových elementů</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/individualni-styly.html'>Individuální styly</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/skladani-stylu.html'>Skládání stylů</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vlastnosti.html'>Vlastnosti</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/definovani-css.html'>Definování CSS</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/kaskadove-styly-css.html'>Kaskádové styly CSS</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/cestina-na-mzlu.html'>Čeština na MZLU</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/design-www-stranek.html'>Design WWW stránek</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/grafika.html'>Grafika</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/cestina-www.html'>Čeština a WWW</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/embed.html'>EMBED</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/object.html'>OBJECT</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/applety.html'>Applety</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/priklad-appletu.html'>Příklad appletu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/dokonceni-html.html'>Dokončení HTML</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/promenne-prostredi.html'>Proměnné prostředí</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/podle-promenne-requestmethod-zjistime.html'>Podle proměnné REQUEST_METHOD zjistíme...</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/seznamy.html'>Seznamy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/cgi-programy.html'>CGI programy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/odeslani-formulare.html'>Odeslání formuláře</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/viceradkovy-text.html'>Víceřádkový text</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/zadavani-hesla.html'>Zadávání hesla</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/zaskrtavaci-pole.html'>Zaškrtávací pole</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/skryte-policko.html'>Skryté políčko</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/parametry-form.html'>Parametry FORM</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/formulare.html'>Formuláře</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/img.html'>IMG</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/area.html'>AREA</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/kotva.html'>Kotva</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/odkaz.html'>Odkaz</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/obrazek.html'>Obrázek</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/priklad-tabulky.html'>Příklad tabulky</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/caption.html'>CAPTION</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/table.html'>TABLE</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/bunka.html'>Buňka</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/obrazky-odkazy-tabulky.html'>Obrázky, Odkazy, Tabulky</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/frameset.html'>FRAMESET</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/ramce.html'>Rámce</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/seznamy_17.html'>Seznamy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/ostatni-formatovani.html'>Ostatní formátování</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/seznam-s-odrazkami.html'>Seznam s odrážkami</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/pismo.html'>Písmo</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani-textu.html'>Formátování textu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/dalsi-blokove-tagy.html'>Další blokové tagy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani.html'>Formátování</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/ohraniceni-odstavce.html'>Ohraničení odstavce</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/formatovani-dokumentu.html'>Formátování dokumentu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/telo-dokumentu.html'>Tělo dokumentu</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/atribut-http-equiv.html'>Atribut HTTP-EQUIV</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/tag-base.html'>Tag BASE</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/struktura-stranky.html'>Struktura stránky</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/adresy.html'>Adresy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/barvy.html'>Barvy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/tagy.html'>Tagy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/pocitac-dokument.html'>Počítač a dokument</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/podminky-u-maker.html'>Podmínky u maker</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/dokumenty-html.html'>Dokumenty HTML</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/prizpusobeni-vzhledu-sestavy.html'>Přizpůsobení vzhledu sestavy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vytvoreni-sestavy.html'>Vytvoření sestavy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/razeni-seskupovani.html'>Řazení a seskupování</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/akcni-dotazy.html'>Akční dotazy</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vytvareni-dotazu.html'>Vytváření dotazů</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/parametricky-dotaz.html'>Parametrický dotaz</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/sekce-formulare.html'>Sekce formuláře</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/ms-access-dotazy-sestavy-moduly-makra.html'>MS Access - dotazy, sestavy, moduly, makra</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/datovy-list.html'>Datový list</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/hledani.html'>Hledání</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/5-nf.html'>5 NF</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/ms-access-tabulky-formulare.html'>MS Access - tabulky a formuláře</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/4nf.html'>4NF</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/multihodnotove-zavislosti.html'>Multihodnotové závislosti</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/priklad-poruseni-bcnf.html'>Příklad porušení BCNF</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/3nf.html'>3NF</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/2-nf.html'>2 NF</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/1nf.html'>1NF</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/normalizace.html'>Normalizace</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/normalni-formy-normalizace.html'>Normální formy, normalizace</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/dotazovaci-jazyk-drk.html'>Dotazovací jazyk DRK</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/formule.html'>Formule</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/dotaz-v-nrk.html'>Dotaz v NRK</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/vnejsi-spojeni.html'>Vnější spojení</a></li> <li><a href='https://uceni-pro-skoly.blogspot.com/2009/02/projekce.html'>Projekce</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/'> 08 </a> <span class='post-count' dir='ltr'>(9444)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/12/'> pro </a> <span class='post-count' dir='ltr'>(14)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_12_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(14)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/11/'> lis </a> <span class='post-count' dir='ltr'>(1665)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(463)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_12_archive.html'> 12 </a> <span class='post-count' dir='ltr'>(372)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_11_archive.html'> 11 </a> <span class='post-count' dir='ltr'>(160)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_07_archive.html'> 7 </a> <span class='post-count' dir='ltr'>(219)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_03_archive.html'> 3 </a> <span class='post-count' dir='ltr'>(151)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(91)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_11_01_archive.html'> 1 </a> <span class='post-count' dir='ltr'>(209)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/10/'> říj </a> <span class='post-count' dir='ltr'>(782)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_10_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(454)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_10_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(254)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_10_21_archive.html'> 21 </a> <span class='post-count' dir='ltr'>(65)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_10_07_archive.html'> 7 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_10_06_archive.html'> 6 </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/09/'> zář </a> <span class='post-count' dir='ltr'>(80)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_09_14_archive.html'> 14 </a> <span class='post-count' dir='ltr'>(69)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_09_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/08/'> srp </a> <span class='post-count' dir='ltr'>(72)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_08_03_archive.html'> 3 </a> <span class='post-count' dir='ltr'>(47)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_08_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(25)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/07/'> čvc </a> <span class='post-count' dir='ltr'>(1301)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(21)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_25_archive.html'> 25 </a> <span class='post-count' dir='ltr'>(40)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(57)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_23_archive.html'> 23 </a> <span class='post-count' dir='ltr'>(263)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_22_archive.html'> 22 </a> <span class='post-count' dir='ltr'>(100)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_20_archive.html'> 20 </a> <span class='post-count' dir='ltr'>(29)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(26)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_18_archive.html'> 18 </a> <span class='post-count' dir='ltr'>(118)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(227)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(9)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_13_archive.html'> 13 </a> <span class='post-count' dir='ltr'>(94)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_11_archive.html'> 11 </a> <span class='post-count' dir='ltr'>(136)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_06_archive.html'> 6 </a> <span class='post-count' dir='ltr'>(101)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_05_archive.html'> 5 </a> <span class='post-count' dir='ltr'>(27)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(23)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_07_01_archive.html'> 1 </a> <span class='post-count' dir='ltr'>(29)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/06/'> čvn </a> <span class='post-count' dir='ltr'>(2358)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(82)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(99)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(259)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_26_archive.html'> 26 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_25_archive.html'> 25 </a> <span class='post-count' dir='ltr'>(168)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(69)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_23_archive.html'> 23 </a> <span class='post-count' dir='ltr'>(106)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_22_archive.html'> 22 </a> <span class='post-count' dir='ltr'>(126)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_20_archive.html'> 20 </a> <span class='post-count' dir='ltr'>(238)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(111)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(23)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(296)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(196)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_14_archive.html'> 14 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_11_archive.html'> 11 </a> <span class='post-count' dir='ltr'>(54)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(40)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_08_archive.html'> 8 </a> <span class='post-count' dir='ltr'>(39)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_07_archive.html'> 7 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_05_archive.html'> 5 </a> <span class='post-count' dir='ltr'>(158)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_03_archive.html'> 3 </a> <span class='post-count' dir='ltr'>(14)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(213)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_06_01_archive.html'> 1 </a> <span class='post-count' dir='ltr'>(64)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/05/'> kvě </a> <span class='post-count' dir='ltr'>(1628)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_31_archive.html'> 31 </a> <span class='post-count' dir='ltr'>(18)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(84)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(49)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(141)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(140)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_26_archive.html'> 26 </a> <span class='post-count' dir='ltr'>(76)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_23_archive.html'> 23 </a> <span class='post-count' dir='ltr'>(99)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_22_archive.html'> 22 </a> <span class='post-count' dir='ltr'>(123)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_20_archive.html'> 20 </a> <span class='post-count' dir='ltr'>(102)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(170)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_18_archive.html'> 18 </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(12)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(159)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_14_archive.html'> 14 </a> <span class='post-count' dir='ltr'>(39)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_13_archive.html'> 13 </a> <span class='post-count' dir='ltr'>(110)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_08_archive.html'> 8 </a> <span class='post-count' dir='ltr'>(38)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_07_archive.html'> 7 </a> <span class='post-count' dir='ltr'>(55)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_04_archive.html'> 4 </a> <span class='post-count' dir='ltr'>(44)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_02_archive.html'> 2 </a> <span class='post-count' dir='ltr'>(140)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_05_01_archive.html'> 1 </a> <span class='post-count' dir='ltr'>(27)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/04/'> dub </a> <span class='post-count' dir='ltr'>(1370)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(69)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(39)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(247)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(147)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_25_archive.html'> 25 </a> <span class='post-count' dir='ltr'>(124)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(96)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_23_archive.html'> 23 </a> <span class='post-count' dir='ltr'>(147)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_22_archive.html'> 22 </a> <span class='post-count' dir='ltr'>(217)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_21_archive.html'> 21 </a> <span class='post-count' dir='ltr'>(135)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_18_archive.html'> 18 </a> <span class='post-count' dir='ltr'>(38)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_09_archive.html'> 9 </a> <span class='post-count' dir='ltr'>(24)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_04_05_archive.html'> 5 </a> <span class='post-count' dir='ltr'>(87)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/03/'> bře </a> <span class='post-count' dir='ltr'>(161)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(16)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(66)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_15_archive.html'> 15 </a> <span class='post-count' dir='ltr'>(44)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_11_archive.html'> 11 </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_10_archive.html'> 10 </a> <span class='post-count' dir='ltr'>(6)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_05_archive.html'> 5 </a> <span class='post-count' dir='ltr'>(12)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_03_03_archive.html'> 3 </a> <span class='post-count' dir='ltr'>(6)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/02/'> úno </a> <span class='post-count' dir='ltr'>(8)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_02_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_02_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008/01/'> led </a> <span class='post-count' dir='ltr'>(5)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_01_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2008_01_06_archive.html'> 6 </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007/'> 07 </a> <span class='post-count' dir='ltr'>(2178)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007/12/'> pro </a> <span class='post-count' dir='ltr'>(4)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_12_10_archive.html'> 10 </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007/11/'> lis </a> <span class='post-count' dir='ltr'>(44)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_11_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_11_18_archive.html'> 18 </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_11_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_11_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(18)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007/09/'> zář </a> <span class='post-count' dir='ltr'>(123)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_09_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_09_11_archive.html'> 11 </a> <span class='post-count' dir='ltr'>(122)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007/08/'> srp </a> <span class='post-count' dir='ltr'>(1990)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_29_archive.html'> 29 </a> <span class='post-count' dir='ltr'>(105)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_28_archive.html'> 28 </a> <span class='post-count' dir='ltr'>(13)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(17)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_26_archive.html'> 26 </a> <span class='post-count' dir='ltr'>(102)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_25_archive.html'> 25 </a> <span class='post-count' dir='ltr'>(62)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_24_archive.html'> 24 </a> <span class='post-count' dir='ltr'>(29)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_21_archive.html'> 21 </a> <span class='post-count' dir='ltr'>(188)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_20_archive.html'> 20 </a> <span class='post-count' dir='ltr'>(398)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_19_archive.html'> 19 </a> <span class='post-count' dir='ltr'>(575)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_17_archive.html'> 17 </a> <span class='post-count' dir='ltr'>(376)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_08_16_archive.html'> 16 </a> <span class='post-count' dir='ltr'>(125)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007/07/'> čvc </a> <span class='post-count' dir='ltr'>(17)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_07_31_archive.html'> 31 </a> <span class='post-count' dir='ltr'>(14)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_07_30_archive.html'> 30 </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='https://uceni-pro-skoly.blogspot.com/2007_07_27_archive.html'> 27 </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='sidebar no-items section' id='sidebar-right-2-1'></div> </td> <td class='columns-cell'> <div class='sidebar no-items section' id='sidebar-right-2-2'></div> </td> </tr> </tbody> </table> <div class='sidebar no-items section' id='sidebar-right-3'></div> </aside> </div> </div> </div> <div style='clear: both'></div>  </div>  </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table>  <div class='foot section' id='footer-3'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> (c) <a href="http://vzdelani.blogspot.cz/2017/08/skola-studium-wiki.html">Vzdělání pro život</a>. Používá technologii služby <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer>  </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2275200714-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY745TFG8W1clUzdK6RI4Kiaxcr5zg:1737524862190';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4501299851619601836','//uceni-pro-skoly.blogspot.com/2009_02_17_archive.html','4501299851619601836'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4501299851619601836', 'title': 'Studium, \u0161kola, wiki. ', 'url': 'https://uceni-pro-skoly.blogspot.com/2009_02_17_archive.html', 'canonicalUrl': 'http://uceni-pro-skoly.blogspot.com/2009_02_17_archive.html', 'homepageUrl': 'https://uceni-pro-skoly.blogspot.com/', 'searchUrl': 'https://uceni-pro-skoly.blogspot.com/search', 'canonicalHomepageUrl': 'http://uceni-pro-skoly.blogspot.com/', 'blogspotFaviconUrl': 'https://uceni-pro-skoly.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'cs', 'localeUnderscoreDelimited': 'cs', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Studium, \u0161kola, wiki. - Atom\x22 href\x3d\x22https://uceni-pro-skoly.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Studium, \u0161kola, wiki. - RSS\x22 href\x3d\x22https://uceni-pro-skoly.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Studium, \u0161kola, wiki. - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4501299851619601836/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9813104254349416', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/c8f12f73e8f3b106', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Z\xedskat odkaz', 'key': 'link', 'shareMessage': 'Z\xedskat odkaz', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Sd\xedlet ve slu\u017eb\u011b Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Sd\xedlet ve slu\u017eb\u011b X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Sd\xedlet ve slu\u017eb\u011b Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27cs\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Dal\u0161\xed informace', 'pageType': 'archive', 'pageName': '02/17/09', 'pageTitle': 'Studium, \u0161kola, wiki. : 02/17/09'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Upravit', 'linkCopiedToClipboard': 'Odkaz byl zkop\xedrov\xe1n do schr\xe1nky', 'ok': 'OK', 'postLink': 'Odkaz p\u0159\xedsp\u011bvku'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Vlastn\xed', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Studium, \u0161kola, wiki. ', 'description': 'Nejv\u011bt\u0161\xed datab\xe1ze studentsk\xfdch prac\xed pro st\u0159edn\xed a vysok\xe9 \u0161koly - maturitn\xed ot\xe1zky...', 'url': 'https://uceni-pro-skoly.blogspot.com/2009_02_17_archive.html', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2009, 'month': 2, 'day': 17, 'rangeMessage': 'Zobrazuj\xed se p\u0159\xedsp\u011bvky z\xa0\xfanora 17, 2009'}}}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'crosscol', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/436401981-lbx__cs.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'main', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Na\u010d\xedt\xe1n\xed\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>