Jak vytvořit video blog | Video Blogy

Hodnocení uživatelů:  / 1

NejhoršíNejlepší 

Podrobnosti

Kategorie: Návod | Help

Aktualizováno 28. 3. 2012 18:58

Zobrazeno: 805

V tomto článku naleznete video návod, jak vkládat videa do videogalerie. Jak napsat a vytvářet články - blogy - video články. Samozřejmě je k dispozici online textový editor, pomocí kterého uděláte celé formátování a rozložení textu v článku / blogu velmi elegantně a jednoduše. Dozvíte se taky, jak by jste měli upravit (nastavit) vložené kódy do článku / blogu během jeho editování (psaní), aby jeho struktura - zejména úvodník s obrázkem každého článku / blogu, byla nastavena uživatelem tak jak má být.

Pro informaci zde naleznete i univerzální HTML kódy s jednoduchým popisem a rozborem jejich parametrů a funkcí, které by jste při tvorbě blogů a video článků měli znát, aby jste je mohli naplno a bez problémů využívat.

---

Za pomocí rad a videonávodů v tomto článku to určitě zvládne každý, i ti, kterým tagy HTML kódu nic neříkají. Jedná se o univerzální rady, které by Vám měli objasnit základní postup pro vytvoření článku a ukázat veškeré dostupné funkce pro správné, elegantní a rychlé přidání / vložení videa do multimediální galerie. A to včetně rad pro vytvoření / editování video blogů - textových článků s možností vložit obrázky a video přehrávač.

Vystavujete-li již videa v multimediální galerii Toč Video, můžete je také navíc zveřejnit prostřednictvím svých video blogů, kde máte možnost si vytvořit celý článek vztahující se k vloženým videím. Jak si takový videoblog či video fan-web stránku u nás vytvořit, se můžete podívat v následujících video tutoriálech - video návodech.

---

Video tutoriál | Video návody

Nejdříve nasdílíte / přidáte video z externích videoserverů (tj. např. Youtube.com, Vimeo.com,...) do multimediální galerie TocVideo.cz - celý postup máte možnost shlédnout v přiloženém videu.

 

Jak vložit / přidat video ?

Tato možnost platí samozřejmě nejen pro registrované uživatele, ale také pro běžné návštěvníky našeho webu - uživatele PC, ale i moderních mobilních telefonů s internetovým připojením.

 

Zkuste si to, je to opravdu jednoduché...

    » Přidat video do galerie Toč Video | Add multimedia

 

---

 

 

 Vytváření článků, video blogů  |  Toč Video

Pro vytvoření video blogu jste si už nahráli videa do multimediální video galerie Toč Video, ze které teď můžete videa jednoduše vkládat do svých článků a blogů.

 

Každému registrovanému uživateli je umožněna následná editace všech jeho vytvořených článků, video blogů a přidaných / nasdílených videí na multimediálním portálu TocVideo.cz

DOPORUČUJEME:

Proto, aby jste měli plnou kontrolu nad svými:   Články - video blogy   a   Videi v multimediální galerii

věnujte prosím dvě minuty registraci svého Uživatelského jména - Login

 

Přihlašovací formulář naleznete v pravém sloupci našeho portálu.

Registrovaní uživatelé, se musí pro přístup k editačním úpravám nejdříve přihlásit.

 

Jak vytvořit článek - práce s online textovým editorem

 

 

>> Vytvořit článek / Vložit nový video blog <<

---

 

Univerzální kódy pro tvorbu článků a video blogů

Popis formátování článku - Co a jak vytvořit úvodník, číst dál, vložit obrázek, video a text... ?!

Pokud používáte textový editor a nejste nuceni psát on-line článek bez textového editoru přímo v html kódu, nebudete snad muset při psaní článku využít všechny tyto pomůcky a rady, jelikož vám spoustu práce s formátováním textu tento textový editor ulehčí.

 

Jak zobrazit html kód (zdroj) článku ?

Mnozí blogeři a autoři článků včetně programátorů používají zápis přímo v HTML kódu a tak jsme našim uživatelům vyšli vstříc a umožnili jsme Vám i tuto možnost. Do HTML kódu se dostanete tak, když pod editačním oknem textového editoru jednoduše kliknete na odkaz - Zapnout/Vypnout editor.

---

 

 

1. rada - Vložení obrázku do článku - blogu

Obrázek do editoru vložíme jednoduchým kliknutím na odkaz Obrázek (odkaz se nachází pod editačním oknem), přičemž se vám otevře okno správce obrázků. Zde si můžete buď vybrat z již nahraných / uploadovaných obrázků anebo nahrajete / přidáte své vlastní soubory obrázků.

Po přidání obrázku do článku se vám přidá v html kódu () následující kód, který je vhodné upravit podle tohoto vzorového návodu:

HTML kód vloženého obrázku:

< img class="obrazek vlevo" src="images/soubor-obrazku.png" border="0" alt="alternativní popis obrazku" title="titulek obrázku" >

• class = třída určující nastavený styl umístění obrázku administratorem webu ( vždy přepište v html kódu na jednu z techto dvou hodnota to buď - obrazek vlevo | obrazek vpravo )
• src = adresa umístění obrázkového souboru (neměnit - automaticky vloženo správně)
• alt = alternativní název/popis obrázku (může být vyplněno i nemusí)
• title = titulek který se zobrazí vždy po najetí myší na obrázek (může být vyplněno i nemusí)

Tímto postupem jsme si nastavili pozici zobrazení malého náhledového obrázku - je to VELMI DŮLEŽITÉ pro správné zobrazení v katalogu blogů. Samozřejmě v online textovém editoru můžete upravit velikost obrázku jednoduchým pohybem myši.

---

Pokračujeme ale dál ve vysvětlení dalších HTML kódů, které naleznete ve zdrojích článků.

2. rada - Jak správně vytvořit záhlaví článku aneb ÚVODNÍK a Číst dál

Druhým krokem je samozřejmě vytvořit popis článku / blogu, který se bude zobrazovat společně s náhledovým obrázkem v katalogu. Uděláme to tak, aby to vypadalo v katalogu blogů a článků takto:

---

Zde začíná úvodník, tento text je jen jako úvodní popis toho, co se dozvíte ve zbytku článku či blogu. Efektivně "obtéká" obrázek článku - blogu okolo zprava. Chceme-li obrázek umístit vpravo stačí upravit html kód přepsáním hodnoty v definici class = obrazek vlevo na obrazek vpravo. Celý HTML kód ke zobrazení obrázku u článku / blogu je jen ten kód mezi závorkama - tj. ten kód který se vložil do html zdroje pomocí odkazu Obrázek (tento pomocný automatický generátor html kódu se také nachází jako odkaz pod editačním oknem online textového editoru na našich stránkách).

---

Samozřejmě výše uvedená formulace zápisu Úvodníku bude ve zdrojovém html kódu vypadat následovně:

< img class="obrazek vlevo" src="/images/soubor-obrazek.png" border="0" alt="alternativní popis obrazku" title="titulek obrázku" > Zde začíná úvodník, tento text je jen jako úvodní popis toho, co se dozvíte ve zbytku článku či blogu. Efektivně "obtéká" obrázek článku - blogu okolo zprava. Chceme-li obrázek umístit vpravo stačí upravit html kód přepsáním hodnoty v definici class = obrazek vlevo na obrazek vpravo. Celý HTML kód ke zobrazení obrázku u článku / blogu je jen ten kód mezi závorkama - tj. ten kód který se vložil do html zdroje pomocí odkazu Obrázek (tento pomocný automatický generátor html kódu se také nachází jako odkaz pod editačním oknem online textového editoru na našich stránkách).

 

 

!!! ZAPAMATUJTE SI - Co je to Úvodík blogu / článku !!!

Úvodník článku by ale neměl být delší než 250 znaků (cca 3 řádky v textovém editoru)

a jeho konec je vždy označen (zakončen) touto HTML syntaxí kódu

< hr id="system-readmore" / >

Tento kód můžete jednoduše vložit na libovolně vybrané místo v textu pomocí kurzoru myši a to tak, že kliknete na místo v editoru článku, kde jste si řekli, že by měl končit úvodník (tzn. tímto označíte, že jen takové rozmezí textu (směrem nahoru nad touto značkou), které je po tuto značku html kódu napsáno, se bude z celého článku zobrazovat jako úvodník článku / blogu v katalogu článků a blogů)

Vybrali jste místo v textu - klikněte na Číst dál (nachází se pod editačním oknem textového editoru)

 objeví se ve zdrojovém HTML kódu

< hr id="system-readmore" / >

To je celá problematika pro vytvoření hezkých úvodníků pro vaše blogy a články

---

Stejný a vlastně obdobný postup s automaticky vygenerovaným HTML kódem, pomocí tlačítek ve spodní část editačního okna, je i v případě vkládání video přehrávačů nebo obrázků do vašich článků a blogů.

Jen kód je samozřejmě jiný. No a tyto zbývající html kódy si teď popíšeme, aby jste jim alespoň porozuměli, jelikož přidávají sympatický multimediální vzhled všem vašim uveřejněným článkům a blogům.

 

---

 

Jak vložit video přehrávač videa do článků - video blogů

( pod oknem textového editoru najdete také odkaz Add Video - pomocí něj se vkládají videa do článků )

Pro správné vložení - zobrazení přehrávače ve videoblogu, je potřeba, v jeho kódu, po vložení do článku, ručně nastavit tučně zvýrazněné hodnoty velikosti videa.{ hwdvs-player }id=0000|width=480|height=300{ /hwdvs-player }

id = číslo videa (toto číslo zjistíte z web adresy daného videa, které je sdílené prostřednictvím stránek TocVideo.cz)

Vhodné rozměry vloženého videa v blogu

width = šířka videopřehrávače v pixelech (hodnota max. 480)

height = výška videopřehrávače v pixelech (hodnota max. 300)

---

Výše jsme si rozebrali automaticky vygenerovaný HTML kód pro videopřehrávač, který napravo uveřejňuje detaily o vloženém videu. Náhled zobrazení videoplayeru (s detaily o vloženém videu pro přehrátí) máte možnost vidět hned pod tímto textem.

Vzor vloženého video přehrávače ( video přehrávač s detaily o vloženém videu )

HTML zápis kódu video přehrávače, který obsahuje detaily o vloženém videu, má tuto základní podobu:

{ hwdvs-player }id=1070|width=480|height=300{ /hwdvs-player }

 

---

Jenže možností jak vložit/přidat přehrávač videa do článku je víc. Můžete vložit jen samostatný přehrávač a tím pádem jeho šířka a velikost se může zvětšit / zmenšit, ale neměly by překročit šířku stránky (tj. hodnota 750 ) která je vyčleněná pro obsah článku. Bude-li přehrávač nastaven na větší rozměr, můžete zbytečně způsobit vašim čtenářům problémy při zobrazení vašeho článku či blogu. Dodržujte proto prosím námi doporučené hodnoty šířky. Vložený přehrávač stejně obsahuje funkci pro zvětšení na celou obrazovku, monitor či displej.

Vzor vloženého video přehrávače (video přehrávač bez detailů o vloženém videu) - maximální šířka

HTML zápis kódu videopřehrávače (bez detailů o videu) je v této podobě:

{ hwdvs-player }id=1070|width=750|height=490|tpl=playeronly{ /hwdvs-player }

Kód tohoto vloženého videopřehrávače, který je bez detailů o vloženém videu, se liší v zápisu kódu HTML pouze rozšířeným parametrem o tuto syntaxi -»    |tpl=playeronly

---

Vzor vloženého video přehrávače (pouze malý video náhled - thumbnail - light box)

HTML zápis kódu videopřehrávače formou malého video náhledu je v této podobě:

{ hwdvs-player }id=1070|width=560|height=340|tpl=lightbox{ /hwdvs-player }

 

Kód tohoto vloženého videopřehrávače, který se zobrazuje jako malé filmové okýnko, se liší v zápisu kódu HTML pouze rozšířeným parametrem o tuto syntaxi -»    |tpl=lightbox

Vytvořte, zpracujte a sdílejte naším prostřednictvím vaše videa, názory, komentáře, blogy a informace.

---

To by bylo z naší strany vše. Nezbývá nám teda nic jiného než Vám popřát příjemné chvíle strávené prostřednictvím multimediálního portálu

www.tocvideo.cz