Návod na vkládání videogalerií na stránky klubu SIG-N.A.L. Třebíč

Transkript

1 Návod na vkládání videogalerií na stránky klubu SIG-N.A.L. Třebíč Část první: Čeho vlastně chceme dosáhnout. Chtěli bychom vytvořit videogalerii, která bude mít příznačný název a v hlavičce se zobrazí něco textu a miniatury videí. Po rozkliknutí videogalerie bychom chtěli, aby se nám zobrazila jednotlivá videa s pár slovy o nich. Jaká byla atmosféra při ježdění, jaké modely uvidíme ve videu a tak dále.

2 Část druhá: Vkládáme video na Youtube. Videa by nám na serveru zabírala příliš mnoho místa, takže je nahráváme na Youtube a pomocí něj vkládáme na stránky. Tento server je na to již stavěný, takže vše probíhá rychle a bez komplikací. Nejdříve se registrujeme na Youtube a poté nahrajeme nové video. Po vybrání souboru z disku se nám video začne nahrávat. Mezitím můžeme vyplnit některé údaje o videu.

3 Vyplníme název, něco málo o dění v snímku, napíšeme nějaké tagy (Ty automatické nejsou úplně správné. Google dovede spoustu věcí, ale navrhovat pro název souboru: letadla.avi tagy jako 'ufo', není to, co bychom očekávali.) a vybereme kategorii. Pro naše videa je nejvhodnější 'Zábava'. Na závěr vybereme tu nejlepší miniaturu. Někdy je jedna horší než druhá a nemůžeme si moc vybírat. Potom klikneme na odkaz našeho videa v horní části stránky.

4 Video je již nahrané a nezbývá než ho vložit na stránky. (Někdy si ale musíme počkat na kvalitu 720p. 480p se objeví ihned, ovšem u těch vyšších trvá severu o chvíli déle, než je zpracuje.) Klikneme na tlačítko 'Sdílet'. Dále na tlačítko 'Vložit'.

5 Nejdříve si zvolíme velikost videa, která se nám nejvíce hodí. U videí s poměrem stran 16:9 volím druhou možnost zleva, tedy 640x360 pixelů. U videí s poměrem 4:3 volím třetí možnost zleva, neboli 640x480 pixelů. Taková velikost by neměla dělat problémy snad na všech běžných počítačích. Pokud bychom vybrali příliš velké video, rozhodilo by nám to vzhled strany a video by přesahovalo až do pravého menu. Možnost, která je červeně označená, necháme nezakřížkovanou. Na závěr si ještě zkopírujeme do schránky adresu našeho rámečku s videem pomocí klasické kombinace kláves 'Ctrl + C'.

6 Část třetí: Vytvoření videogalerie na webu klubu Na našich webovkách si vybereme v uživatelském menu možnost 'Videogalerie'. Vrhneme se do vyplňování nezbytných údajů. Do názvu videogalerie prosím zadat název vyjadřující co se dělo, kde se to dělo a kdy se to dělo. Poté vybereme příslušnou kategorii, napíšeme váhu, podle níž se budou videogalerie chronologicky řadit. (Pokud něco takového slyšíme poprvé, otevřeme si návod na vkládání galerií v kategorii 'Ke stažení'.) A na závěr ještě nějaký podrobnější popis ježdění. Nepište prosím dlouhé texty, abychom udrželi délku hlaviček na rozumné úrovni.

7 Ještě napíšeme něco konkrétnějšího k danému videu. Mělo by se zde objevit, co může divák ve videu očekávat. Nyní se můžete rozepsat, jak je libo. Poté klikneme na tlačítko 'Zdroj' a začnou se dít věci. Objeví se nám totiž zdrojový text toho, co jsme dosud napsali. Pod text o konkrétním videu vložíme příkaz zkopírovaný z Youtube. V něm je řečeno skoro vše nezbytné jako třeba odkaz na video, velikost rámečku a další věci. Něco ale pořád chybí. Na to se podíváme za chvíli. Nyní ještě stiskneme tlačítko 'Zdroj'.

8 Objevíme se opět v našem světě. Vidíme, že nám přibyl rámeček s videem. Ten je zarovnaný doleva. My ho ale chceme uprostřed, takže si jej označíme a přikážeme mu, kde má být.

9 Část čtvrtá: Vložení miniatur do hlavičky Nyní se ještě postaráme o to, aby naše videogalerie měla hlavičku s obrázky. Nejdříve vložíme příkaz, který určí, kde končí hlavička. Jmenuje se 'Insert Teaser Break'. Vidíme, že se nám vložila čára, která nám ukazuje, co se zobrazí v hlavičce a co ne. Přejdeme ke vkládání miniatur. Klikneme na tlačítko pro vložená obrázku.

10 Vybereme možnost 'Vybrat na serveru'. Otevře se nám prohlížeč obrázků, které máme nahrané na serveru. Klikeneme na 'Nahrávání souborů'.

11 Pokračujeme na tlačítko 'Vybrat soubor'. Vybereme obrázek na disku a klikneme na 'Otevřít'.

12 Dále pokračujeme rovnou na tlačítko 'Nahrávání souborů'. Žádnou velikost nevybíráme, protože si obrázek zmenšíme na speciální velikost. Obrázek se nám nahrává a nás pomalu začne zajímat tlačítko 'Resize'. Po dokončení nahrávání na něj klikneme.

13 Do políčka pro šířku napíšeme '225' a poté klikneme do druhého políčka. Systém automaticky přepočítá výšku obrázku tak, aby poměr stran zůstal zachován. Poté už klikneme na tlačítko 'Resize'.

14 Vytvoří se nám nový obrázek. Všimněme si toho, jaký má název. Mezi název původního obrázku a příponu se přidaly znaky '_0'. Toho později využijeme k ušetření nějaké té práce. Nyní už můžeme v klidu kliknout na 'Insert file'. U obrázku zkontrolujeme velikost a nastavíme zarovnání. U prvního obrázku vybíráme možnost 'Vlevo'.

15 A nyní právě přichází to ušetření práce. Zkopírujeme si adresu obrázku a otevřeme si záložku 'Odkaz'. Do kolonky URL vložíme text z předchozí záložky. Stačí umazat znaky '_0' na konci před příponou. Nemusíme znovu klikat na 'Vybrat na serveru' a hledat obrázek mezi spoustou jiných. Tohle oceníme až časem, kdy budeme mít na serveru stovky a stovky obrázků. Na závěr vybereme, jak se nám bude odkaz otevírat. Je to již tradiční možnost 'Nové okno (_blank)'.

16 Stejným způsobem postupujeme i u dalšího obrázku. Je tu jediný rozdíl, a to že možnost 'Zarovnání' necháme nevybranou. Vzápětí nastavíme zarovnání doprostřed.

17 Podobně postupujeme i u třetího obrázku. Tentokrát nastavíme zarovnání vpravo. Zatím jsou obrázky docela rozdivočelé, ale po uložení videogalerie se srovnají pěkně vedle sebe. Pokud volíme tyto velikosti obrázků, zobrazí se na většině běžných počítačů pěkně vedle sebe. Klikneme tedy na 'Uložit' ve spodní části stránky.

18 A vidíte, i na mém notebooku je vše zobrazené, jak má.

19 Část pátá: Malé překvápko na závěr U většiny prohlížečů se setkáte s tím, že po uložení videogalerie vše projde, jen rámečky s videem jsou prázdné. Kam se ta videa poděla? Kde jsou? Nebojte, jsou tam. Stačí jen stisknout klávesu 'F5'. Poté se zobrazí úplně vše, co požadujeme. Děkuji, že jste došli až sem. Pokud jste něco nepochopili, obraťte se na profa.modely@jbtechnik.cz