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



Podobné dokumenty
Návod na práci s redakčním systémem webu VPŠ a SPŠ MV v Praze

1 / 11. Slovíčka. Jiří Heralt. Dokumentace

Uživatelský manuál Radekce-Online.cz

Projekt Vzdělávání dotykem CZ.1.07/1.3.00/ WORD 2013 práce s textovými soubory. Autoři: Jan Heller a David Peterka

Po nastudování této kapitoly byste měli být schopni:

1. Návod pro pedagogy FSV UK na modul Vypisování témat prací

MANUÁL K OBSLUZE REDAKČNÍHO SYSTÉMU / wordpress

BEZDRÁTOVÉ PROPOJENÍ ROZHRANÍ LABQUEST 2

8 A (strana 1) Soubory a složky, procházení, orientace

Testování webu mojenoty.cz

Standardně máme zapnutý panel nástrojů Formátování a Standardní.

POPIS PROSTŘEDÍ PROGRAMU GIMP 2. Barvy 2. Okno obrázku 4 ZÁKLADNÍ ÚPRAVA FOTOGRAFIÍ V GRAFICKÉM EDITORU 6. Změna velikosti fotografie 6

TVORBA VÝROBNÍ DOKUMENTACE

Jak připravit žákům trenažer pro cvičení jednoduchých dovedností

Jestliže vše proběhlo tak, jak mělo, měl by výsledný materiál vypadat nějak takto:

Semestrální práce A2 z předmětu A7B36TUR. Testování uživatelského rozhrání internetového serveru YouTube.com

Vzdělávání v egoncentru ORP Louny

TouchGuard Online pochůzkový systém

Výukový materiál v rámci projektu OPVK 1.5 Peníze středním školám

Manuál k užívání aplikace Monitoringrejstriku.cz

Zpracovnání digitální fotografie

ODBORNÝ VÝCVIK VE 3. TISÍCILETÍ

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

Změny způsobu zobrazení lze docílit i vyvoláním lokální nabídky pravým tlačítkem na myši, ve které zvolíme možnost ZOBRAZIT.

Manuál pro administrátory. Manuál. Verze pro administrátory

FORMÁTOVÁNÍ ODSTAVCE

OCS uživatelský návod

Planeta facebook. obsah 6/10. Kompletní průvodce programem

Tento počítač. 1 Seznámení s programem. 2 Spuštění programu. Adresářové operace Popis programu Tento počítač, podstata adresářových operací.

Střední škola informačních technologií a sociální péče, Brno, Purkyňova 97. Vybrané části Excelu. Ing. Petr Adamec

5.1 Vyhledávací portál uživatelské rozhraní

Popis postupu při zpracování atletických závodů dle programu ATLETICKÁ KANCELÁŘ ( Manuál II.část )

MANUÁL. Jak používat administraci webových stránek. Obsah ZÁKLAD... 2 ÚPRAVY POLOŽKY... 3 ÚPRAVY TEXTOVÉ STRÁNKY... 4

BIBLIOGRAFICKÉ CITACE SNADNO A RYCHLE PROSTŘEDNICTVÍM INTERNETU

a autentizovaná proxy

Studijní materiál pro účastnice projektu KOMUNITNÍ SPOLEČENSTVÍ CESTA KE VZDĚLÁNÍ, SEBEVĚDOMÍ A PRÁCI. Výuka na počítači

Popis prostředí MOSAIC Programové prostředí MOSAIC nastavení prostředí. Po spuštění Mosaiku se objeví okno Výběr skupiny projektů

Elektronická spisová služba ifis ( essl )

STATISTICA Téma 8. Regresní a korelační analýza, regrese prostá

PŘESTUP/HOSTOVÁNÍ HRÁČE MANUÁL

Word 2007 Word 2007 egon. Spuštění, vzhled, zobrazení dokumentu

PROPOJENÍ OBJEDNÁVEK s GOOGLEM

WinShop Std Dotyková pokladna

Návod pro zadávání zápisů o utkání do BLMFis

VZDĚLÁVACÍ MATERIÁL III/2 (DUM)

Nápověda pro práci s mapovými aplikacemi Flex (popsáno na aplikaci pro práci s katastrální mapou)

DS SolidWorks PDM Workgroup

ČESKÉ VYSOKÉ UČENÍ TECHNICKÉ V PRAZE. Semestrální práce z předmětu A7B36TUR. Testování aplikace Tuba

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Číslo didaktického materiálu

Příručka k programu Wkasa Restaurační verze

Návod na použití univerzitní aplikace

ESTATIX INFORMAČNÍ SYSTÉM REALITNÍCH KANCELÁŘÍ UŽIVATELSKÁ PŘÍRUČKA UŽIVATELSKÁ PŘÍRUČKA STRANA 1 / 23

SPRÁVNÉ ŘEŠENÍ ÚLOH DEMOTESTU V KATEGORII BENJAMIN. soutěže BOBŘÍK INFORMATIKY U každé otázky najdete znění správné odpovědi a zdůvodnění.

MANUÁL uživatelská příručka Speciální IT systémové řešení

II. Elektronická pošta

Úvod do PHP s přihlédnutím k MySQL

Návod na e-learning Alfa Human Service

Parametrizace, harmonogram

František Hudek. červen ročník

Kapitola 1: Úvodní strana PARTICLER

WDLS (BUILDINGDESIGN)

X-Sign Basic Uživatelská příručka

ÚPRAVA BAKALÁŘSKÉ A DIPLOMOVÉ PRÁCE

Zónový regulátor vytápění VPT

Integrovaná střední škola, Kumburská 846, Nová Paka. NetStorage. Webový přístup k souborům uložených na serveru Novell NetWare

Uživatelská příručka ClinkMe

Příjem pacienta k ambulantnímu vyšetření

Stručný manuál k ovládání programu STATISTICA. Mgr. Petra Beranová Ing. Miloš Uldrich

MapleCloud a jeho použ ití. Vladimír Žák

Microsoft EXCEL. Ing. Pavel BOHANES. Tabulkový procesor

Internet. dobrý sluha, zlý pán

ReatogoXPE, stručný průvodce

ZÁKLADY POŘIZOVÁNÍ TEXTU

Stručná uživatelská příručka

Použití programu LTspice IV pro analýzu a simulaci elektronických obvodů III.

Webová rozhraní Kerio MailServeru

Návod na web Klánovice

NÁVOD PRO PŘIPOJENÍ NA FTP SERVER PRO PŘENOS TISKOVÝCH DAT

Gilda. Po spuštění programu v základním seznamu vidíte veřejné zakázky za Váš odbor.

Nastavení ového klienta NEOFEMA s.r.o. server Slunečnice

ÚVOD 3 SEZNÁMENÍ SE SYSTÉMEM 4

František Hudek. duben Informační a komunikační technologie MS Excel Úvod do Excelu I. Seznámení s pracovním prostředím aplikace MS Excel.

Botanický atlas pro chytré telefony

Hromadná korespondence

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

DUM 01 téma: Úvod do PowerPointu

Návod na stažení a instalaci programu Statistica. Návod na prodloužení programu Statistica. Upgrade z verze ENG 13 na 13.2

EDITOR ADMINISTRACE WEBU PF UJEP

Návod na E-Shop. tel.: , fax: , helpdesk: ,

Uživatelský manuál na obsluhu mobilní aplikace CMOB

PowerPoint - klávesové zkratky

Instalace hostované elektronické spisové služby FLEXI

Návod k instalaci aplikace. Mobilní ekasa

Základní prvky internetového prohlížeče Explorer Google Chrome Mozilla Opera

MS Word Strana 1. Michaela Mudrochová

1. vydání příručky 2009, Národní památkový ústav, Ing. Martin Lazák

Příručka pro IR-IS Datové schránky Verze ze dne

SEZNÁMENÍ S PROGRAMEM

Obr. 1 - Seznam smluv

Transkript:

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.

Čá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.

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.

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'.

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'.

Čá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.

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'.

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.

Čá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.

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ů'.

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

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.

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'.

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'.

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)'.

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.

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.

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

Čá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 e-mail profa.modely@jbtechnik.cz