[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.27,0:00:02.80,Default,,0000,0000,0000,,Celou dobu jsme mluvili o králících.
Dialogue: 0,0:00:02.80,0:00:05.58,Default,,0000,0000,0000,,Popisovali jsme je odstavci a seznamy,
Dialogue: 0,0:00:05.58,0:00:09.23,Default,,0000,0000,0000,,a přitom by stačilo dát \Nna naší stránku obrázek
Dialogue: 0,0:00:09.23,0:00:11.80,Default,,0000,0000,0000,,a ukázat, jak králík vypadá.
Dialogue: 0,0:00:11.80,0:00:16.15,Default,,0000,0000,0000,,Abychom vložili do stránky obrázek,\Npoužíváme tag ,
Dialogue: 0,0:00:16.15,0:00:19.47,Default,,0000,0000,0000,,což je podle anglického image (obrázek).
Dialogue: 0,0:00:19.47,0:00:22.70,Default,,0000,0000,0000,,Pokud ale napíšeme jen\N, nic neuvidíme.
Dialogue: 0,0:00:22.70,0:00:23.97,Default,,0000,0000,0000,,Proč?
Dialogue: 0,0:00:23.97,0:00:27.51,Default,,0000,0000,0000,,Neřekli jsme prohlížeči,\Njaký nám má ukázat obrázek.
Dialogue: 0,0:00:27.51,0:00:29.28,Default,,0000,0000,0000,,Na internetu jsou miliony obrázků
Dialogue: 0,0:00:29.28,0:00:31.47,Default,,0000,0000,0000,,a určitě nechceme vybrat nějaký náhodný,
Dialogue: 0,0:00:31.47,0:00:33.93,Default,,0000,0000,0000,,protože by to mohlo být něco,\Nco se nám nebude líbit,
Dialogue: 0,0:00:34.70,0:00:37.77,Default,,0000,0000,0000,,a nebo by to mohl být obrázek\Nněčeho jiného, než chceme.
Dialogue: 0,0:00:37.77,0:00:40.92,Default,,0000,0000,0000,,Musíme tam napsat URL našeho obrázku.
Dialogue: 0,0:00:40.94,0:00:43.07,Default,,0000,0000,0000,,URL je to, co se zobrazuje nahoře
Dialogue: 0,0:00:43.07,0:00:44.77,Default,,0000,0000,0000,,v prohlížeči v adresním řádku,
Dialogue: 0,0:00:44.77,0:00:46.87,Default,,0000,0000,0000,,URL je totiž adresa.
Dialogue: 0,0:00:46.87,0:00:50.08,Default,,0000,0000,0000,,Pomocí ní můžeme najít\Nna webu cokoliv,
Dialogue: 0,0:00:50.08,0:00:52.41,Default,,0000,0000,0000,,a znamená to, že můžeme\Nvložit pouze obrázek,
Dialogue: 0,0:00:52.41,0:00:54.55,Default,,0000,0000,0000,,který již někde na internetu je.
Dialogue: 0,0:00:54.55,0:00:57.60,Default,,0000,0000,0000,,Nemůžeme jen tak vkládat obrázky,\Nkteré jsou u nás na počítači.
Dialogue: 0,0:00:58.23,0:01:00.77,Default,,0000,0000,0000,,Existuje mnoho způsobů jak najít\Nobrázky na internetu,
Dialogue: 0,0:01:00.77,0:01:03.14,Default,,0000,0000,0000,,ale teď Vám to zjednoduším
Dialogue: 0,0:01:03.14,0:01:06.04,Default,,0000,0000,0000,,pomocí kolekce, ze které \Nsi obrázky můžete vybrat.
Dialogue: 0,0:01:06.25,0:01:07.97,Default,,0000,0000,0000,,Aby se kolekce zobrazila,
Dialogue: 0,0:01:07.97,0:01:10.74,Default,,0000,0000,0000,,musíme našemu tagu přidat atribut.
Dialogue: 0,0:01:10.74,0:01:14.25,Default,,0000,0000,0000,,Atributy obsahují další informace o tagu
Dialogue: 0,0:01:14.25,0:01:16.84,Default,,0000,0000,0000,,a toto je první atribut,\Nse kterým se setkáváme.
Dialogue: 0,0:01:18.20,0:01:19.71,Default,,0000,0000,0000,,Abychom prohlížeči řekli URL,
Dialogue: 0,0:01:19.71,0:01:22.54,Default,,0000,0000,0000,,přidáme atribute "source" (zdroj).
Dialogue: 0,0:01:22.54,0:01:26.29,Default,,0000,0000,0000,,Přidáme mezeru, za ní napíšeme "src".
Dialogue: 0,0:01:26.70,0:01:30.87,Default,,0000,0000,0000,,"src" znamená "source" (zdroj),\Nale je velmi důležité,
Dialogue: 0,0:01:30.87,0:01:32.73,Default,,0000,0000,0000,,abyste napsali přesně "src",
Dialogue: 0,0:01:32.73,0:01:35.33,Default,,0000,0000,0000,,protože prohlížeč by to jinak nepochopil.
Dialogue: 0,0:01:35.73,0:01:38.70,Default,,0000,0000,0000,,Nyní přidáme rovnítko,\Nabychom prohlížeči řekli,
Dialogue: 0,0:01:38.70,0:01:41.40,Default,,0000,0000,0000,,jakou hodnotu tento atribut má.
Dialogue: 0,0:01:41.40,0:01:46.78,Default,,0000,0000,0000,,A teď přidám uvozovky \Na editor je automaticky dokončí,
Dialogue: 0,0:01:46.78,0:01:50.83,Default,,0000,0000,0000,,aby hodnota byla celá v uvozovkách.
Dialogue: 0,0:01:52.00,0:01:55.82,Default,,0000,0000,0000,,Obvykle bychom zde začali psát URL
Dialogue: 0,0:01:55.82,0:01:57.30,Default,,0000,0000,0000,,ale tady na Khan Academy
Dialogue: 0,0:01:57.30,0:01:59.92,Default,,0000,0000,0000,,teď vyskočí kolekce obrázků.
Dialogue: 0,0:01:59.92,0:02:04.10,Default,,0000,0000,0000,,Pouze si vybereme obrázek,\Na já chci obrázek králíka,
Dialogue: 0,0:02:04.10,0:02:05.73,Default,,0000,0000,0000,,takže jdu do sekce zvířata,
Dialogue: 0,0:02:05.73,0:02:09.28,Default,,0000,0000,0000,,vyberu nějakého roztomilého králíka\Na kliknu na OK.
Dialogue: 0,0:02:10.52,0:02:12.89,Default,,0000,0000,0000,,Vidíte, že se v uvozovkách zobrazila URL,
Dialogue: 0,0:02:12.89,0:02:15.80,Default,,0000,0000,0000,,která začíná http?
Dialogue: 0,0:02:16.32,0:02:17.35,Default,,0000,0000,0000,,Díky tomu víme,
Dialogue: 0,0:02:17.35,0:02:19.62,Default,,0000,0000,0000,,že ukazuje na nějaký obrázek na internetu.
Dialogue: 0,0:02:19.62,0:02:22.19,Default,,0000,0000,0000,,A teď už máme na stránce\Nkrálíčka!
Dialogue: 0,0:02:23.32,0:02:26.21,Default,,0000,0000,0000,,Ale. Co kdyby se rozbil server,\Nkde je ten obrázek uložený
Dialogue: 0,0:02:26.21,0:02:27.70,Default,,0000,0000,0000,,a prohlížeč by obrázek nenašel?
Dialogue: 0,0:02:27.70,0:02:30.82,Default,,0000,0000,0000,,Jak by se návštěvníci dozvěděli,\Nco bylo na mém skvělém obrázku?
Dialogue: 0,0:02:30.82,0:02:32.89,Default,,0000,0000,0000,,Nic neuvidí a do konce života
Dialogue: 0,0:02:32.89,0:02:35.09,Default,,0000,0000,0000,,budou přemýšlet, co tu asi mohlo být.
Dialogue: 0,0:02:36.32,0:02:39.42,Default,,0000,0000,0000,,Proto mají obrázky další atribut, "alt",
Dialogue: 0,0:02:39.42,0:02:41.27,Default,,0000,0000,0000,,kterým prohlížeči řekneme,
Dialogue: 0,0:02:41.27,0:02:43.69,Default,,0000,0000,0000,,jaký je k obrázku alternativní text.
Dialogue: 0,0:02:43.69,0:02:46.53,Default,,0000,0000,0000,,Přidáme ho tak, že za poslední uvozovky
Dialogue: 0,0:02:46.53,0:02:49.14,Default,,0000,0000,0000,,napíšeme mezeru
Dialogue: 0,0:02:49.14,0:02:53.31,Default,,0000,0000,0000,,a za ní alt="".
Dialogue: 0,0:02:54.51,0:02:57.11,Default,,0000,0000,0000,,Do uvozovek pak napíšeme text,
Dialogue: 0,0:02:57.11,0:02:59.74,Default,,0000,0000,0000,,kterým popíšeme, co bylo na obrázku,
Dialogue: 0,0:02:59.74,0:03:03.78,Default,,0000,0000,0000,,například "králík s plandavýma\Nušima ve stodole".
Dialogue: 0,0:03:04.78,0:03:09.70,Default,,0000,0000,0000,,To také pomůže lidem, kteří \Nna stránku přijdou, ale nevidí - nevidomým.
Dialogue: 0,0:03:09.70,0:03:11.67,Default,,0000,0000,0000,,Mohou použít aplikaci na čtení,
Dialogue: 0,0:03:11.67,0:03:13.88,Default,,0000,0000,0000,,která jim webovou stránku přečte,
Dialogue: 0,0:03:13.88,0:03:15.88,Default,,0000,0000,0000,,a popíše každý tag, který uvidí.
Dialogue: 0,0:03:15.88,0:03:18.76,Default,,0000,0000,0000,,Když uvidí tag pro obrázek,\Npřečte tento alternativní text,
Dialogue: 0,0:03:18.76,0:03:21.15,Default,,0000,0000,0000,,protože nevidomí lidé obrázky nevidí.
Dialogue: 0,0:03:22.29,0:03:24.69,Default,,0000,0000,0000,,Proto byste nikdy neměli \Nna alt zapomenout,
Dialogue: 0,0:03:24.69,0:03:27.92,Default,,0000,0000,0000,,aby Vaši stránku mohl používat celý svět.
Dialogue: 0,0:03:28.91,0:03:31.08,Default,,0000,0000,0000,,Ale zpět k obrázku, který tu máme.
Dialogue: 0,0:03:31.08,0:03:32.85,Default,,0000,0000,0000,,Je trochu velký.
Dialogue: 0,0:03:32.85,0:03:34.24,Default,,0000,0000,0000,,Změníme jeho velikost.
Dialogue: 0,0:03:34.24,0:03:36.38,Default,,0000,0000,0000,,Můžeme to udělat pomocí atributů
Dialogue: 0,0:03:36.38,0:03:38.44,Default,,0000,0000,0000,,width (šířka) nebo height (výška).
Dialogue: 0,0:03:38.83,0:03:42.76,Default,,0000,0000,0000,,Řekněme, že šířka je 100 (width="100").
Dialogue: 0,0:03:43.40,0:03:46.85,Default,,0000,0000,0000,,Nyní bude obrázek široký 100 pixelů.
Dialogue: 0,0:03:47.41,0:03:49.08,Default,,0000,0000,0000,,Teď je zase moc malý.
Dialogue: 0,0:03:49.08,0:03:51.80,Default,,0000,0000,0000,,Posuneme kurzor na číslo velikosti
Dialogue: 0,0:03:51.80,0:03:53.40,Default,,0000,0000,0000,,a scrolováním obrázek zvětšíme.
Dialogue: 0,0:03:54.82,0:03:56.54,Default,,0000,0000,0000,,No, to vypadá mnohem lépe.
Dialogue: 0,0:03:56.54,0:03:58.36,Default,,0000,0000,0000,,Zkusme přidat výšku.
Dialogue: 0,0:03:58.36,0:04:01.01,Default,,0000,0000,0000,,Řekněme 50. (height="50").
Dialogue: 0,0:04:01.01,0:04:02.79,Default,,0000,0000,0000,,Hups!
Dialogue: 0,0:04:02.79,0:04:05.52,Default,,0000,0000,0000,,Rozplácla jsem svého králíčka,\Nchudák!
Dialogue: 0,0:04:05.52,0:04:07.44,Default,,0000,0000,0000,,Vidíte, proto je lepší vždy
Dialogue: 0,0:04:07.44,0:04:10.77,Default,,0000,0000,0000,,uvést pouze šířku nebo výšku\Nale ne obojí najednou,
Dialogue: 0,0:04:10.77,0:04:13.13,Default,,0000,0000,0000,,protože můžete zadat špatný poměr stran
Dialogue: 0,0:04:13.13,0:04:14.46,Default,,0000,0000,0000,,a rozplácnout své králíčky.
Dialogue: 0,0:04:14.46,0:04:18.43,Default,,0000,0000,0000,,Takže radši nechme prohlížeč
Dialogue: 0,0:04:18.43,0:04:20.30,Default,,0000,0000,0000,,dopočítat správný poměr stran.
Dialogue: 0,0:04:20.30,0:04:21.91,Default,,0000,0000,0000,,Raději smažu výšku.
Dialogue: 0,0:04:23.14,0:04:25.12,Default,,0000,0000,0000,,Teď, když umíte přidávat obrázky,
Dialogue: 0,0:04:25.12,0:04:28.50,Default,,0000,0000,0000,,můžete přemýšlet, jak využít všechny\Ntagy, které znáte,
Dialogue: 0,0:04:28.50,0:04:33.49,Default,,0000,0000,0000,,seznamy, obrázky, odstavce\No 10 nejbláznivějších zvířatech.
Dialogue: 0,0:04:33.49,0:04:36.03,Default,,0000,0000,0000,,Ale nedávejte na vaší stránku\Npříliš mnoho obrázků,
Dialogue: 0,0:04:36.03,0:04:38.17,Default,,0000,0000,0000,,protože každý návštěvník
Dialogue: 0,0:04:38.17,0:04:40.34,Default,,0000,0000,0000,,je bude muset všechny načíst.
Dialogue: 0,0:04:40.34,0:04:44.17,Default,,0000,0000,0000,,Ale i tak si s tím\Nužijete spoustu zábavy.