[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.28,0:00:04.34,Default,,0000,0000,0000,,Vytvořila jsem webovou stránku\No domácích mazlíčcích se seznamem jejich jmen.
Dialogue: 0,0:00:04.34,0:00:06.75,Default,,0000,0000,0000,,Co vás napadne,\Nkdyž se na to podíváte?
Dialogue: 0,0:00:06.75,0:00:11.11,Default,,0000,0000,0000,,Měla jsem mazlíčky se jmény\NBlack & White, Deamon a Angel.
Dialogue: 0,0:00:11.11,0:00:12.96,Default,,0000,0000,0000,,Co to bylo za mazlíčky?
Dialogue: 0,0:00:12.96,0:00:14.55,Default,,0000,0000,0000,,Jakou měli barvu?
Dialogue: 0,0:00:14.55,0:00:16.12,Default,,0000,0000,0000,,Jak staří byli?
Dialogue: 0,0:00:16.12,0:00:19.23,Default,,0000,0000,0000,,Měla bych vám o nich\Nposkytnout více informací
Dialogue: 0,0:00:19.23,0:00:21.05,Default,,0000,0000,0000,,abych ukojila vaši zvědavost.
Dialogue: 0,0:00:21.05,0:00:23.46,Default,,0000,0000,0000,,Mohla bych to udělat\Npomocí vnořeného seznamu
Dialogue: 0,0:00:23.46,0:00:26.82,Default,,0000,0000,0000,,nebo dát informaci do kulatých závorek.
Dialogue: 0,0:00:26.82,0:00:30.33,Default,,0000,0000,0000,,Black & White byl králík,
Dialogue: 0,0:00:30.33,0:00:32.21,Default,,0000,0000,0000,,Daemon je kočka,
Dialogue: 0,0:00:32.21,0:00:34.20,Default,,0000,0000,0000,,a Angel taky.
Dialogue: 0,0:00:34.38,0:00:37.38,Default,,0000,0000,0000,,Ale tohle se mi nelíbí,\Nprotože to není organizované
Dialogue: 0,0:00:37.38,0:00:40.91,Default,,0000,0000,0000,,a na první pohled nevidím všechny druhy zvířat
Dialogue: 0,0:00:40.91,0:00:42.79,Default,,0000,0000,0000,,v jednom hezky zarovnaném seznamu.
Dialogue: 0,0:00:42.79,0:00:46.71,Default,,0000,0000,0000,,Tohle je perfektní příležitost\Npro použití tabulky,
Dialogue: 0,0:00:46.71,0:00:49.14,Default,,0000,0000,0000,,ve které bude řádek pro každého mazlíčka
Dialogue: 0,0:00:49.14,0:00:51.86,Default,,0000,0000,0000,,a sloupec pro jejich jednotlivé vlastnosti,
Dialogue: 0,0:00:51.86,0:00:54.08,Default,,0000,0000,0000,,které vám chci ukázat.
Dialogue: 0,0:00:54.08,0:00:58.38,Default,,0000,0000,0000,,Pro vytvoření tabulky v HTML,\Nbudeme potřebovat hodně tagů.
Dialogue: 0,0:00:58.38,0:00:59.96,Default,,0000,0000,0000,,Tak se připravte.
Dialogue: 0,0:00:59.96,0:01:02.77,Default,,0000,0000,0000,,A nelámejte si hlavu,\Nkdyž si je nebudete všechny pamatovat.
Dialogue: 0,0:01:02.77,0:01:04.43,Default,,0000,0000,0000,,Vždycky si je potom můžete najít.
Dialogue: 0,0:01:04.43,0:01:08.46,Default,,0000,0000,0000,,Mně to třeba trvalo 10 let,\Nnež jsem si je všechny zapamatovala.
Dialogue: 0,0:01:08.46,0:01:10.44,Default,,0000,0000,0000,,Tak se dáme do toho.
Dialogue: 0,0:01:10.44,0:01:15.08,Default,,0000,0000,0000,,První tag je ,
Dialogue: 0,0:01:15.08,0:01:17.56,Default,,0000,0000,0000,,Dále potřebujeme hlavičku tabulky,
Dialogue: 0,0:01:17.56,0:01:20.02,Default,,0000,0000,0000,,která bude obsahovat popisek\Npro každý sloupec.
Dialogue: 0,0:01:20.02,0:01:23.04,Default,,0000,0000,0000,,Takže napíšeme .
Dialogue: 0,0:01:23.04,0:01:27.86,Default,,0000,0000,0000,,Dovnitř obvykle chceme jen jeden řádek.
Dialogue: 0,0:01:27.86,0:01:32.00,Default,,0000,0000,0000,,Pro každý řádek v tabulce\Npoužijeme tag .
Dialogue: 0,0:01:32.00,0:01:35.29,Default,,0000,0000,0000,,Do tohoto řádku chceme\Nbuňky hlavičky.
Dialogue: 0,0:01:35.29,0:01:41.68,Default,,0000,0000,0000,,Pro každou buňku hlavičky\Nnapíšeme tag .
Dialogue: 0,0:01:41.68,0:01:44.88,Default,,0000,0000,0000,,Jaký bude popisek prvního sloupce?
Dialogue: 0,0:01:44.88,0:01:49.09,Default,,0000,0000,0000,,Budou to jména mazlíčků,\Nprotože to je nejdůležitější údaj v řádku.
Dialogue: 0,0:01:49.09,0:01:51.31,Default,,0000,0000,0000,,a zároveň je to jedinečný identifikátor.
Dialogue: 0,0:01:51.31,0:01:54.70,Default,,0000,0000,0000,,Přidáme další sloupec pro druh zvířete.
Dialogue: 0,0:01:54.70,0:01:58.60,Default,,0000,0000,0000,,A nakonec přidáme sloupec pro barvu.
Dialogue: 0,0:01:58.60,0:02:01.53,Default,,0000,0000,0000,,Myslím, že to prozatím stačí.
Dialogue: 0,0:02:01.53,0:02:03.92,Default,,0000,0000,0000,,Teď přidáme nějaká data.
Dialogue: 0,0:02:03.92,0:02:05.95,Default,,0000,0000,0000,,Pro začátek vyplníme řádky daty
Dialogue: 0,0:02:05.95,0:02:09.47,Default,,0000,0000,0000,,pomocí tagu  pod 
Dialogue: 0,0:02:09.47,0:02:11.85,Default,,0000,0000,0000,,a pak budeme znovu\Npotřebovat vytvořit řádek,
Dialogue: 0,0:02:11.85,0:02:14.28,Default,,0000,0000,0000,,takže použijeme tag .
Dialogue: 0,0:02:14.28,0:02:16.72,Default,,0000,0000,0000,,Ale uvnitř místo tagu ,
Dialogue: 0,0:02:16.72,0:02:20.00,Default,,0000,0000,0000,,použijeme ,\Nprotože jsme uvnitř těla tabulky.
Dialogue: 0,0:02:20.00,0:02:23.14,Default,,0000,0000,0000,,'td' je zkratka pro 'Table Data',
Dialogue: 0,0:02:23.14,0:02:27.87,Default,,0000,0000,0000,,Jaká je hodnota v první buňce\Nprvního řádku?
Dialogue: 0,0:02:28.06,0:02:30.31,Default,,0000,0000,0000,,No, podívám se do mého seznamu,
Dialogue: 0,0:02:30.31,0:02:33.80,Default,,0000,0000,0000,,a vidím, že první věc na něm\Nbyla Black & white,
Dialogue: 0,0:02:33.80,0:02:36.02,Default,,0000,0000,0000,,což je její jméno,
Dialogue: 0,0:02:36.02,0:02:40.26,Default,,0000,0000,0000,,takže jenom napíšu "Black & white".
Dialogue: 0,0:02:40.26,0:02:42.50,Default,,0000,0000,0000,,Teď druhý tag .
Dialogue: 0,0:02:42.50,0:02:46.73,Default,,0000,0000,0000,,Druhý tag  je pro druh zvířat.
Dialogue: 0,0:02:46.73,0:02:49.72,Default,,0000,0000,0000,,a Black & white je králík,
Dialogue: 0,0:02:49.72,0:02:52.50,Default,,0000,0000,0000,,takže napíšeme "králík".
Dialogue: 0,0:02:52.50,0:02:55.16,Default,,0000,0000,0000,,A nakonec, třetí .
Dialogue: 0,0:02:55.16,0:02:59.05,Default,,0000,0000,0000,,Koukneme nahoru,\Ntřetí  je pro barvy.
Dialogue: 0,0:02:59.05,0:03:04.43,Default,,0000,0000,0000,,No, jako malá jsem nebyla moc kreativní,\Nkdyž jsem pojmenovávala svého králíka,
Dialogue: 0,0:03:04.43,0:03:08.22,Default,,0000,0000,0000,,takže barvy můžete nejspíš uhádnout.
Dialogue: 0,0:03:08.22,0:03:10.77,Default,,0000,0000,0000,,Dobrá, pojďme na další řádek.
Dialogue: 0,0:03:10.77,0:03:13.07,Default,,0000,0000,0000,,Ukážu vám malou fintu,\Nkterá se mi líbí.
Dialogue: 0,0:03:13.07,0:03:15.54,Default,,0000,0000,0000,,Jakmile uděláme jeden řádek.
Dialogue: 0,0:03:15.54,0:03:17.13,Default,,0000,0000,0000,,označíme ho
Dialogue: 0,0:03:17.13,0:03:19.39,Default,,0000,0000,0000,,a zkopírujeme pomocí klávesové zkratky,
Dialogue: 0,0:03:19.39,0:03:22.59,Default,,0000,0000,0000,,což je obvykle Control + C,
Dialogue: 0,0:03:22.59,0:03:24.54,Default,,0000,0000,0000,,záleží na vašem operačním systému.
Dialogue: 0,0:03:24.54,0:03:28.64,Default,,0000,0000,0000,,A poté to vložíme,\Nrovněž pomocí klávesové zkratky,
Dialogue: 0,0:03:28.64,0:03:31.08,Default,,0000,0000,0000,,většinou control + V,
Dialogue: 0,0:03:31.08,0:03:33.04,Default,,0000,0000,0000,,opět podle operačního systému.
Dialogue: 0,0:03:33.04,0:03:36.87,Default,,0000,0000,0000,,A po vložení akorát změním hodnoty.
Dialogue: 0,0:03:36.87,0:03:41.78,Default,,0000,0000,0000,,Takže tahle bude Daemon, \Nkočka a bude černá,
Dialogue: 0,0:03:41.78,0:03:44.40,Default,,0000,0000,0000,,a pak to uděláme ještě jednou,
Dialogue: 0,0:03:44.40,0:03:52.70,Default,,0000,0000,0000,,a tohle bude Angel,\Nkočka a bude oranžová.
Dialogue: 0,0:03:52.70,0:03:58.16,Default,,0000,0000,0000,,Když byste měli pořád psát  a ,\Ntak se unudíte k smrti.
Dialogue: 0,0:03:58.16,0:04:03.29,Default,,0000,0000,0000,,Tenhle můj kopírovací trik\Nvám to trochu ulehčí.
Dialogue: 0,0:04:03.30,0:04:05.85,Default,,0000,0000,0000,,A máme hotovou tabulku!
Dialogue: 0,0:04:05.85,0:04:08.04,Default,,0000,0000,0000,,Můžu snadno přidat další sloupce,
Dialogue: 0,0:04:08.04,0:04:10.55,Default,,0000,0000,0000,,pouze přidám další tag  v hlavičce,
Dialogue: 0,0:04:10.55,0:04:12.83,Default,,0000,0000,0000,,a pak  v každém řádku,
Dialogue: 0,0:04:12.83,0:04:16.14,Default,,0000,0000,0000,,pokud bych chtěla přidat\Nvíce detailů o mých mazlíčcích.
Dialogue: 0,0:04:16.14,0:04:19.66,Default,,0000,0000,0000,,Možná vás zajímá,\Njak změnit vzhled tabulky,
Dialogue: 0,0:04:19.66,0:04:22.21,Default,,0000,0000,0000,,jako změnit okraje\Nnebo barvy nebo velikost mezer.
Dialogue: 0,0:04:22.21,0:04:24.67,Default,,0000,0000,0000,,Vše můžete dělat pomocí CSS vlastností,
Dialogue: 0,0:04:24.67,0:04:27.77,Default,,0000,0000,0000,,které jste se už možná naučili\Nnebo se naučíte.
Dialogue: 0,0:04:27.77,0:04:31.46,Default,,0000,0000,0000,,Vyzkoušejte si vytvořit vlastní webovou\Nstránku se seznamem vlastních mazlíčků,
Dialogue: 0,0:04:31.46,0:04:33.29,Default,,0000,0000,0000,,nebo mazlíčků, které byste chtěli.
Dialogue: 0,0:04:33.29,0:04:35.85,Default,,0000,0000,0000,,A uspořádejte data do tabulky.