Značka videa HTML 5 uľahčuje pridanie videa na vaše webové stránky . Ale keď sa zdá, že je ľahké na povrchu, je veľa vecí, ktoré musíte urobiť, aby ste svoje video spustili. Tento návod vás prevedie postupmi na vytvorenie stránky v jazyku HTML 5, v ktorom budú spustené videá vo všetkých moderných prehliadačoch.
- Hosting vašej vlastnej HTML 5 Video vs Používanie služby YouTube
- Stručný prehľad podpory videa na webe
- Vytvorte a upravte svoje video
- Previesť video na Ogg pre Firefox
- Previesť video na MP4 pre Safari
- Previesť video do formátu FLV pre program Internet Explorer
- Pridajte prvok videa na svoju webovú stránku
- Pridajte program JavaScript a Flash Player na získanie aplikácie Internet Explorer do práce časť 1
- Testujte toľko prehliadačov, ako môžete
01 z 10
Hosting vašej vlastnej HTML 5 Video vs Používanie služby YouTube
YouTube je skvelý web. Umožňuje rýchlo vkladať video do webových stránok rýchlo a s niektorými malými výnimkami je pri realizácii týchto videí pomerne bezproblémová. Ak na YouTube uverejníte video, môžete si byť istí, že ho budete môcť pozrieť niekto.
Ale pomocou YouTube na vloženie vašich videí má nejaké nevýhody
Väčšina problémov so službou YouTube je na strane spotrebiteľa, a nie na strane navrhovateľa, napríklad:
- Pomalé vyhľadávanie a indexovanie
- Výpadky servera
- Obsah je (zdanlivo) odstránený ľubovoľne
- Príliš veľa zlého obsahu
Existujú však aj niektoré dôvody, prečo služba YouTube je pre vývojárov obsahu tiež zlá, vrátane:
- 10 minútová maximálna dĺžka videí (pre bezplatné účty)
- Nízky výkon pri nahrávaní
- Služba YouTube získava neobmedzené práva na používanie vášho videa
- Každý používateľ služby YouTube získa neobmedzené práva na používanie vášho videa
HTML 5 Video prináša určité výhody na YouTube
Použitie kódu HTML 5 pre video vám umožní kontrolovať každý aspekt vášho videa, od koho ho môžete zobraziť, ako dlho to je, aký obsah obsahuje, kde je hosťovaný a ako vykonáva server. A video vo formáte HTML 5 vám dáva príležitosť kódovať vaše video v toľkých formátoch, ako potrebujete, aby ste sa uistili, že maximálny počet ľudí ho môže zobraziť. Vaši zákazníci nepotrebujú plugin alebo čakať, kým YouTube uvoľní novšiu verziu.
Samozrejme, HTML 5 Video ponúka niektoré nevýhody
Tie obsahujú:
- Musíte zakódovať svoje video aspoň v troch rôznych kodekoch
- Ak chcete zabezpečiť, aby prehliadače, ktoré nepodporujú kód HTML 5, budú musieť obsahovať nejaký jazyk JavaScript
- Váš server musí byť schopný zvládnuť požiadavky na šírku pásma pri hosťovaní videí
02 z 10
Stručný prehľad podpory videa na webe
Pridanie videa na webové stránky je už dávno náročný proces. Existovalo toľko vecí, ktoré by mohli pokaziť:
- Najskôr použijete značku
- Takže prejdete na značku
- Potom si myslíte, že " Flash !" Kódujte svoje video ako súbor FLV. Flash však nie je podporovaný na mnohých mobilných zariadeniach a veľa ľudí nenávidí Flash bez ohľadu na to, ako sa používa (25% respondentov v mojej ankete sa pýtalo, ako si myslíte o Flash uviedol, že nemôžu v žiadnom prípade odolávať Flash).
- Takže sa rozhodnete nahrať svoje video na webovú stránku na vkladanie videa, ako je YouTube, ale potom máte problémy s YouTube, o ktorých sme diskutovali.
- Nakoniec sa rozhodnete prejsť s HTML 5, ale program Internet Explorer ho nepodporuje (nie až do programu Internet Explorer 9). A aj keby ste to urobili, existujú dva štandardy pre video kodek, ktoré sú podporované a len jeden prehliadač, ktorý môže používať oboje. Podpora prehliadačov pre video kodeky a kontajnery
Takže čo by ste mali robiť? Poskytovanie videa už nie je voľbou pre väčšinu lokalít, pretože video je čoraz dôležitejšie. A mnoho stránok úspešne prešlo na video.
Nasledujúce stránky tohto článku vás informujú o tom, ako pridať video na vaše webové stránky, ktoré fungujú v aplikáciách Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 a 4, iPhone a Android, Flash a Internet Explorer 7 a 8. máte aj kľúče, ktoré potrebujete na pridanie podpory pre ostatné staršie prehliadače, ak je to potrebné.
03 z 10
Vytvorte a upravte svoje video
Prvá vec, ktorú potrebujete, keď idete umiestniť video na webovú stránku, je skutočné video. Môžete buď natáčať nepretržite a následne upravovať, aby ste vytvorili funkciu, alebo môžete skriptovať a naplánovať ju v predstihu. Či tak či tak funguje dobre, je to len to, čo vám vyhovuje. Ak neviete, aký typ videa by ste mali urobiť, pozrite si tieto nápady z príručky Videopríslušenstvo:
- Projekty rodinných videí
- Marketingové a propagačné videá
- Video virtuálne prehliadky
- Ako videá
- Svadobné videá
Naučte sa nahrávať videá vysokej kvality
Uistite sa, že viete, ako nahrávať v interiéri a vonku, ako aj ako nahrávať zvuk. Osvetlenie je tiež veľmi dôležité - zábery, ktoré sú príliš jasné, poškodzujú oči a príliš tmavé vyzerajú bláznivé a neprofesionálne. Dokonca aj keď máte v pláne mať na svojom webe 30-sekundové video, vyššia kvalita je to lepšie, čo sa bude zobrazovať na vašich webových stránkach.
Pamätajte tiež, že autorské práva sa vzťahujú na akékoľvek zvuky alebo hudbu (rovnako ako stopy skladieb), ktoré by ste mohli použiť vo vašom videu. Ak nemáte prístup k priateľovi, ktorý vám môže písať a prehrať skladbu, potrebujete nájsť hudbu bez licenčných poplatkov, ktorá sa bude hrať na pozadí. Existujú aj miesta, kde môžete uložiť zábery, ktoré chcete pridať do svojich videí.
Úprava vášho videa
Nezáleží na tom, aký editačný softvér používate, iba ak ste s ním oboznámení a môžete ho efektívne používať. Gretchen, Desktop Video Guide, obsahuje niekoľko odborných tipov na úpravu videa, ktoré vám pomôžu upraviť vaše videá tak, aby vyzerali skvele.
Uložte svoje video do MOV alebo AVI (alebo MPG, CD, DV)
Na zvyšok tohto tutoriálu budeme predpokladať, že máte svoje video uložené v nejakom type vysokokvalitného (nekomprimovaného) formátu ako AVI alebo MOV. Zatiaľ čo tieto súbory môžete používať tak, ako sú, narazíte na všetky problémy s videom, ktoré sme už diskutovali. Nasledujúce stránky vysvetľujú, ako previesť súbor do troch typov, takže ho môžete zobraziť najväčším počtom prehliadačov.
04 z 10
Previesť video na Ogg pre Firefox
Prvý formát, ktorý budeme konvertovať, je Ogg (niekedy nazývaná Ogg-Theora). Tento formát je ten, na ktorom možno všetci zobraziť prehliadače Firefox 3.5, Opera 10.5 a Chrome 3.
Bohužiaľ, zatiaľ čo Ogg má podporu prehliadačov, mnohé z dobre známych video programov, ktoré si môžete kúpiť (Adobe Media Encoder, QuickTime atď.), Neponúkajú konverziu Ogg. Takže jediný spôsob, ako previesť video na Ogg, je nájsť konverzný program na webe.
Možnosti konverzie
Existuje online nástroj s názvom Media-Convert, ktorý požaduje konverziu rôznych formátov videa (a zvuku) do iných formátov videa (a zvuku). Keď sme to skúšali s mojím 3-sekundovým testovacím videom, nemohli sme ho dostať do práce na počítači Mac. Ale môžete mať viac šťastia. Táto stránka má výhodu, že je zadarmo.
Niektoré ďalšie nástroje, ktoré sme našli, zahŕňajú:
- Miro Video Converter (Windows Macintosh) - Tento program má výhodu prevodu na oba Ogg a MP4 (H.264) a je to open source.
- Koyote Video Converter (Windows)
- Free Video Converter Myslíme si, že to má ako Windows aj Macintosh verziu, ale bolo ťažké povedať z ich stránky
- Jednoduchý Theora Encoder (Macintosh) - to je ten, ktorý máme tendenciu používať.
Po uložení videa vo formáte Ogg ho uložte na miesto na vašom webe a prejdite na ďalšiu stránku a skonvertujte ho do iných formátov pre iné prehliadače.
05 z 10
Previesť video na MP4 pre Safari
Ďalší formát, do ktorého by ste mali konvertovať video, je MP4 (video vo formáte H.264), takže sa dá prehrať na stránkach Safari 3 a 4 a iPhone a Android. Plus, videá vo formáte H.264 sa dajú ľahko premeniť na súbory FLV, ktoré sa dajú sledovať vo formáte Flash.
Tento formát je ľahšie dostupný v komerčných produktoch a pravdepodobne už máte program, ktorý bude konvertovať na MP4, ak máte video editor. Ak máte program Adobe Premiere, môžete použiť program Adobe Video Encoder alebo máte QuickTime Pro, ktorý bude fungovať rovnako. Mnohé z konvertorov, o ktorých sme diskutovali na predchádzajúcej stránke, tiež skonvertujú videá na MP4.
- Media-Convert - online nástroj
- Miro Video Converter (Windows Macintosh) - Tento program má výhodu prevodu na oba Ogg a MP4 (H.264) a je to open source.
- SUPER (Windows) - prevedie mnoho rôznych typov súborov na MP4 a FLV
- Free Video Converter Myslíme si, že to má ako Windows aj Macintosh verziu, ale bolo ťažké povedať z ich stránky
Uložte svoj súbor MP4 na svoju webovú stránku a potom ju budete musieť previesť na aplikáciu Flash pre Internet Explorer.
06 z 10
Previesť video do formátu FLV pre program Internet Explorer
Najjednoduchší spôsob, ako previesť videá do FLV, je použitie samotného programu Flash. Takto môžem konvertovať svoje videá na Flash. Ak však nemáte Flash, tu sú dva obľúbené nástroje na konverziu súborov na FLV:
- SUPER (Windows) - prevedie mnoho rôznych typov súborov na MP4 a FLV
- ffmpegX (Macintosh) - prevedie mnoho rôznych typov súborov na Mp4 a FLV.
Uložte súbor FLV na svoju webovú stránku a na ďalšej stránke ukážete, ako napísať HTML, aby ste mohli prehrávať vaše videá.
07 z 10
Pridajte prvok videa na svoju webovú stránku
Je veľmi jednoduché použiť HTML 5 na pridanie videa na webové stránky. Väčšina moderných prehliadačov podporuje video HTML 5, hoci to všetko nepodporuje rovnakým spôsobom. Ale to znamená, že keď uložíte video ako formáty Ogg aj MP4, budete môcť napísať len štyri alebo päť riadkov kódu HTML, aby sa zobrazil vo väčšine moderných prehliadačov (okrem programu Internet Explorer 8). Tu je postup:
- Napíšte značku HTML 5 doctype, aby prehliadače vedeli očakávať HTML 5:
- Vytvorte svoju webovú stránku tak, ako by ste ju normálne vytvorili:
</ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> V tele umiestnite značku <video>: <blockquote> <Video> </ video> </blockquote></li><li> Rozhodnite sa, aké atribúty má vaše video: <ul><li> automatické prehrávanie - začať ihneď po stiahnutí </li><li> ovládacie prvky - umožňujú čitateľom ovládať video (pauza, pretáčanie dozadu, rýchle posunutie dopredu) </li><li> slučka - spustite video od začiatku, keď skončí </li><li> predbežne načítať - predbežne stiahnuť video tak, aby bolo pripravené rýchlejšie, keď zákazník naň klikne </li><li> plagát - definujte obrázok, ktorý chcete použiť, keď je video zastavené </li></ul> Odporúčame používať ovládacie prvky a predinštalovať. Ak vaše video nemá dobrú prvú scénu, použite možnosť plagátu. <blockquote> <preloading ovládacích prvkov videa> </ video> </blockquote></li><li> Potom pridajte do elementu <video> zdrojové súbory pre dve verzie videa (MP4 a OGG): <blockquote> <preloading ovládacích prvkov videa> <br> <source src = "shasta.mp4" typ = 'video / mp4; kodeky = "avc1.42E01E, mp4a.40.2">> <br> <source src = "shasta.ogg" typ = 'video / ogg; kodeky = "theora, vorbis" '> <br> </ Video> </blockquote></li><li> Otvorte stránku v prehliadači Chrome 1, Firefoxu 3.5, Opera 10 a / alebo Safari 4 a uistite sa, že sa zobrazuje správne. Mali by ste to otestovať aspoň v prehliadačoch Firefox 3.5 a Safari 4 - pretože každý používa iný kodek. </li></ol><p> To je všetko. Akonáhle budete mať tento kód na svojom mieste, budete mať video, ktoré funguje v prehliadačoch Firefox 3.5, Safari 4, Opera 10 a Chrome 1. Čo však s programom Internet Explorer? </p> <h3> Internet Explorer nemá rád HTML 5 alebo tag <video> </h3><p> V ďalšej časti sa budeme rozprávať o tom, čo môžete urobiť, aby ste získali IE 8, aby ste mohli hrať pekne s vašimi video značkami HTML 5 a zobraziť video. Musíte použiť Flash. Dobrou správou je, že od IE 9 sa očakáva, že bude podporovať HTML 5 a videozáznam. </p> <p> <strong>08 z 10</strong> </p> <h3> Pridajte JavaScript a prehrávač Flash Player, aby ste Internet Explorer mohli pracovať </h3><p> Možno ste si všimli, že na HTML predchádzajúcej stránky neexistuje zdrojový riadok pre súbor FLV. A ak ste otestovali túto stránku v programe Internet Explorer, nefunguje to. Je to preto, že program Internet Explorer nerozpozná formát HTML 5 a nemôže natívne prehrávať videá OGG ani MP4. Ak chcete, aby aplikácie Internet Explorer 7 a 8 fungovali, musíte ju prehrávať ako Flash. Existuje však viac krokov na to, aby ste sa dostali do práce, ako len pridanie súboru FLV. </p> <h3> Krok 1: Získajte prehrávač Flash Video pre vaše webové stránky </h3> <p> Odporúčame FlowPlayerovi, pretože je to prehrávač Flash s otvoreným zdrojom, ktorý si môžete nainštalovať na svojom webovom serveri a používať ho kedykoľvek budete musieť prehrať Flash video. Bezplatná verzia aplikácie FlowPlayer vkladá reklamy do vašich videí, ale môžete ich zakúpiť aj v prípade, že ich potrebujete. </p> <p> Postupujte podľa pokynov na lokalite FlowPlayer a nainštalujte aplikáciu FlowPlayer na svoj web. V skratke, na vašom webe budete inštalovať 2 súbory SWF a súbor JavaScript. V dolnej časti kódu HTML (pred značkou </ body>) pridáte riadok: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Program Internet Explorer však stále nehraje video, musíte ho naučiť rozpoznať značky HTML 5. </p> <h3> Krok 2: Presvedčte Internet Explorer na čítanie značiek HTML 5 </h3><p> V kóde Google s názvom "HTML Shiv" je k dispozícii šikovný skript, ktorý pomôže IE rozpoznať prvky HTML 5. Takže v <head> dokumentu HTML, ktorý chcete odkazovať. Najlepšie je priložiť do IE podmienených komentárov, aby ostatné prehliadače neboli zmätené: </p> <blockquote> <! - [if IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Dobre, teraz IE rozpozná značku <video>, ale nevie, čo má robiť so zdrojovými súbormi, ktoré ste doposiaľ zaradili. </p> <h3> Krok 3: Pridajte zdrojový riadok pre súbor FLV </h3><p> Rovnako ako ste to urobili na predchádzajúcej stránke, pridáte riadok do kódu HTML 5 vo vnútri prvku <video>, ktorý označuje, kde ste na svojom serveri uložili súbor FLV. </p> <blockquote> <preloading ovládacích prvkov videa> <br> <source src = "shasta.mp4" typ = 'video / mp4; kodeky = "avc1.42E01E, mp4a.40.2">> <br> <source src = "shasta.ogg" typ = 'video / ogg; kodeky = "theora, vorbis" '> <br> <strong><zdroj src = "shasta.flv" typ = 'video / x-flv;</strong> <strong>kodeky = "On2 VP6, Sorenson Spark, Video na obrazovke, Obrazové video 2, H.264">></strong> <br> </ Video> </blockquote><p> <strong>09 z 10</strong> </p> <h3> Pridajte prehrávač JavaScript a prehrávač Flash Player, aby ste Internet Explorer mohli pracovať - časť 2 </h3><p> Bohužiaľ, ešte nie sme hotoví. Teraz musíme IE povedať, aby sme použili prehrávač videí FlowPlayer Flash, na ktorý sme sa už odvolávali. </p> <h3> Krok 4: Prepnite element <video> do blesku </h3><p> Preto potrebujeme ďalší skript. Dostali sme skript z <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Ale keď sme to testovali, nefungovalo to, kým sme urobili pár úprav: </p> <ul><li> Približne v riadku 31: pridajte umiestnenie vašej inštalácie FlowPlayer. </li><li> Okolo riadku 42: Zmeňte typ súboru z <blockquote> video / MP4 </blockquote> na <blockquote> video / x-flv </blockquote></li><li> Okolo riadka 94: začína sa <blockquote> ak (!! $ && !! $ (dokument) .ready) { </blockquote> do konca dokumentu, zmeňte túto časť na čítanie: <blockquote> // if (!! $ && !! $ (dokument) .ready) { <br> / * Používatelia jQuery môžu inicializovať, akonáhle je DOM pripravený * / <br> // $ (dokument) .ready (html5_video_init); <br> //} inak { <br> / * Všetci ostatní môžu počkať až do načítania * / <br> / * funkcia addEvent cez http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funkcia (obj, typ, fn) { <br> ak (obj.addEventListener) <br> obj.addEventListener (typ, fn, nepravda); <br> else if (obj.attachEvent) <br> obj.attachEvent (typ "on" +, funkcia () {return fn.apply (obj, nové pole (window.event));}); <br> } <br> addEvent (okno, "načítať", html5_video_init); <br> //} </blockquote></li></ul><p> Po upravení súboru JavaScript nahrajte ho na server a prepojte ho do dolnej časti stránky HTML (pred </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Páni! Teraz, keď ste urobili všetko, mali by ste nahrať váš HTML, aby ste mohli začať testovať. </p> <p> <strong>10 z 10</strong> </p> <h3> Testujte toľko prehliadačov, ako môžete </h3><p> Testovanie stránok videa je rozhodujúce, ak chcete mať úspešné spustenie. Skúste svoju stránku vyskúšať v najobľúbenejších prehliadačoch a verziách svojich webových stránok. </p> <p> Zistili sme, že zatiaľ čo je možné použiť nástroje ako BrowserLab a AnyBrowser na testovanie videa, nie je to tak spoľahlivé ako samotné zobrazovanie stránky v prehliadači. Keď to urobíte, môžete naozaj vidieť, či funguje alebo nie. </p> <p> Keďže ste sa dostali do všetkých problémov s kódovaním videa v troch formátoch, mali by ste ho otestovať, aby ste sa uistili, že sa zobrazí vo všetkých troch formátoch. To znamená, že minimálne by ste mali otestovať: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 alebo 4 </li><li> Internet Explorer 7 alebo 8 </li></ul><p> Môžete otestovať v prehliadači Chrome, ale od prehliadača Chrome sa zobrazia všetky tri metódy (dokonca aj Flash, ak máte doplnok), je ťažké zistiť, či je problém s niektorým z ostatných dvoch alebo ktoré kodér Chrome používa. </p> <p> Pre tvoju pokojnú myseľ by ste mali skúšať aj v starších prehliadačoch, aby ste videli, čo robia, najmä ak veľa vašich čitateľov používa staršie prehliadače. </p> <h3> Získanie videa pracuje v starších prehliadačoch </h3><p> Rovnako ako pri každej webovej stránke, mali by ste najprv zvážiť, aké dôležité je, aby tieto prehliadače fungovali. Ak 90% vašich zákazníkov používa službu Netscape, mali by ste pre nich mať rezervný plán. Ak však menej ako 1% to urobí, nemusí to byť tak veľa. </p> <p> Akonáhle sa rozhodnete, ktoré typy prehliadačov sa pokúsite podporiť, najjednoduchším spôsobom je jednoducho vytvoriť alternatívnu stránku, aby mohli video zobraziť. Na tejto alternatívnej stránke by ste vložili video pomocou kódu HTML 4. A potom použite nejakú formu detekcie prehliadača, aby ste ich tam presmerovali, alebo jednoducho pridajte na túto stránku odkaz. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://sk.eyewated.com/poznamky-facebooku-uz-nepodporuju-html-ale-ma-stale-moznosti/"> <amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/poznamky-facebooku-uz-nepodporuju-html-ale-ma-stale-moznosti/">Poznámky Facebooku už nepodporujú HTML, ale má stále možnosti</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/pouzitie-html5-na-zobrazenie-videa-v-aktualnych-prehliadacoch/"> <amp-img src="https://exse.eyewated.com/pict/4f309dbe503c33d3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/pouzitie-html5-na-zobrazenie-videa-v-aktualnych-prehliadacoch/">Použitie HTML5 na zobrazenie videa v aktuálnych prehliadačoch</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/html-kody-pre-ceske-slovenske-a-slovinske-jazykove-znaky/"> <amp-img src="https://exse.eyewated.com/pict/09029647fe06337c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/html-kody-pre-ceske-slovenske-a-slovinske-jazykove-znaky/">HTML kódy pre české, slovenské a slovinské jazykové znaky</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/6-skvelych-nastrojov-na-konverziu-pdf-do-html/"> <amp-img src="https://exse.eyewated.com/pict/905ed8b7aacb33b8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/6-skvelych-nastrojov-na-konverziu-pdf-do-html/">6 Skvelých nástrojov na konverziu PDF do HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/pouzitie-vstupnej-znacky-html-a-znacky-tlacidiel-vo-formularoch/"> <amp-img src="https://exse.eyewated.com/pict/f3f2f8cb74c62e8a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/pouzitie-vstupnej-znacky-html-a-znacky-tlacidiel-vo-formularoch/">Použitie vstupnej značky HTML a značky tlačidiel vo formulároch</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/nove-atributy-html5-elementu-iframe/"> <amp-img src="https://exse.eyewated.com/pict/aec03ac5bab7342b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/nove-atributy-html5-elementu-iframe/">Nové atribúty HTML5 elementu IFRAME</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/html-5-odkaz-html-5-tagy-abecedne/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/html-5-odkaz-html-5-tagy-abecedne/">HTML 5 odkaz - HTML 5 Tagy Abecedne</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/co-je-tag-html-verzus-element-html/"> <amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/co-je-tag-html-verzus-element-html/">Čo je tag HTML verzus element HTML?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/ako-zobrazit-html-zdroj-webovej-stranky-v-programe-safari/"> <amp-img src="https://exse.eyewated.com/pict/20c1917f839c3625-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/ako-zobrazit-html-zdroj-webovej-stranky-v-programe-safari/">Ako zobraziť HTML zdroj webovej stránky v programe Safari</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://sk.eyewated.com/pomoc-obrazovka-pocitaca-bola-zablokovana-pomocou-programu-ransomware/"> <amp-img src="https://exse.eyewated.com/pict/b29e1dd7575634e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/pomoc-obrazovka-pocitaca-bola-zablokovana-pomocou-programu-ransomware/">Pomoc! Obrazovka počítača bola zablokovaná pomocou programu Ransomware!</a></h3> <div class="amp-related-meta"> Antivirus </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/vsetko-o-google-nexus-7/"> <amp-img src="https://exse.eyewated.com/pict/cbb95749e25232a4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/vsetko-o-google-nexus-7/">Všetko o Google Nexus 7</a></h3> <div class="amp-related-meta"> Nákup sprievodcov </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/hp-pavilion-mini-300-20/"> <amp-img src="https://exse.eyewated.com/pict/459e071a7ecd350f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/hp-pavilion-mini-300-20/">HP Pavilion Mini 300-20</a></h3> <div class="amp-related-meta"> Hodnotenie produktov </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/najlepsie-videoklipy-a-videa-pre-inteligentne-telefony/"> <amp-img src="https://exse.eyewated.com/pict/5eccde250be5334e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/najlepsie-videoklipy-a-videa-pre-inteligentne-telefony/">Najlepšie videoklipy a videá pre inteligentné telefóny</a></h3> <div class="amp-related-meta"> Softvér a aplikácie </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/pochopenie-stranky-index-html-na-webovej-stranke/"> <amp-img src="https://exse.eyewated.com/pict/7416364f19e333c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/pochopenie-stranky-index-html-na-webovej-stranke/">Pochopenie stránky Index.html na webovej stránke</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/prirucka-pre-zaciatocnikov-k-formularom-programu-excel/"> <amp-img src="https://exse.eyewated.com/pict/713ced03ec503561-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/prirucka-pre-zaciatocnikov-k-formularom-programu-excel/">Príručka pre začiatočníkov k formulárom programu Excel</a></h3> <div class="amp-related-meta"> Softvér </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://sk.eyewated.com/co-je-subor-asp/"> <amp-img src="https://exse.eyewated.com/pict/75dec9ef2430309e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/co-je-subor-asp/">Čo je súbor ASP?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/panasonic-tc-p50gt30-3d-sietova-plazmova-televizia-profil-fotografie/"> <amp-img src="https://exse.eyewated.com/pict/ae6a4b0f2ecb3673-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/panasonic-tc-p50gt30-3d-sietova-plazmova-televizia-profil-fotografie/">Panasonic TC-P50GT30 3D sieťová plazmová televízia - Profil fotografie</a></h3> <div class="amp-related-meta"> Hodnotenie produktov </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/zostante-pripojeni-nech-ste-kdekolvek-s-cestovnym-smerovacom/"> <amp-img src="https://exse.eyewated.com/pict/e291a01379944464-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/zostante-pripojeni-nech-ste-kdekolvek-s-cestovnym-smerovacom/">Zostaňte pripojení, nech ste kdekoľvek s cestovným smerovačom</a></h3> <div class="amp-related-meta"> Internet a sieť </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/seria-grand-theft-auto/"> <amp-img src="https://exse.eyewated.com/pict/a882709b4552321f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/seria-grand-theft-auto/">Séria Grand Theft Auto</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/pouzivajte-len-mensie-pismena-vo-vasej-e-mailovej-adrese/"> <amp-img src="https://exse.eyewated.com/pict/ac36d99a6d8840ef-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/pouzivajte-len-mensie-pismena-vo-vasej-e-mailovej-adrese/">Používajte len menšie písmená vo vašej e-mailovej adrese</a></h3> <div class="amp-related-meta"> E-mail a zasielanie správ </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/mobilna-fotograficka-atramentova-tlaciaren-canon-pixma-ip110/"> <amp-img src="https://exse.eyewated.com/pict/90b35579d69d2e96-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/mobilna-fotograficka-atramentova-tlaciaren-canon-pixma-ip110/">Mobilná fotografická atramentová tlačiareň Canon Pixma iP110</a></h3> <div class="amp-related-meta"> Hodnotenie produktov </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/tipy-pre-velku-autoportret/"> <amp-img src="https://exse.eyewated.com/pict/a919cd29e040317d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/tipy-pre-velku-autoportret/">Tipy pre veľkú autoportrét</a></h3> <div class="amp-related-meta"> Web a vyhľadávanie </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/facebook-cover-photo-guide/">Facebook Cover Photo Guide</a></h3> <div class="amp-related-meta"> Sociálne médiá </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/ako-vypalit-dvd-ked-nechce-pracovat/"> <amp-img src="https://exse.eyewated.com/pict/4fcf6266bb552f6c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/ako-vypalit-dvd-ked-nechce-pracovat/">Ako vypáliť DVD, keď nechce pracovať</a></h3> <div class="amp-related-meta"> Domáce kino </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/ako-odoslat-prilohu-suboru-so-sluzbou-windows-live-hotmail/"> <amp-img src="https://exse.eyewated.com/pict/756ede82a2383bae-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/ako-odoslat-prilohu-suboru-so-sluzbou-windows-live-hotmail/">Ako odoslať prílohu súboru so službou Windows Live Hotmail</a></h3> <div class="amp-related-meta"> E-mail a zasielanie správ </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/vpn-ipsec-vs-ssl/"> <amp-img src="https://exse.eyewated.com/pict/62879755b4d82f7d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/vpn-ipsec-vs-ssl/">VPN: IPSec vs. SSL</a></h3> <div class="amp-related-meta"> Internet a sieť </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/pocet-prazdnych-alebo-prazdnych-buniek-v-tabulkach-google/"> <amp-img src="https://exse.eyewated.com/pict/74856c22092f3f1a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/pocet-prazdnych-alebo-prazdnych-buniek-v-tabulkach-google/">Počet prázdnych alebo prázdnych buniek v tabuľkách Google</a></h3> <div class="amp-related-meta"> Softvér </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/ako-odstranit-subory-a-priecinky-pomocou/">Ako odstrániť súbory a priečinky pomocou</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/sprava-inteligentneho-vyhladavania-v-safari-pre-os-x-a-macos-sierra/"> <amp-img src="https://exse.eyewated.com/pict/a82b882038b333df-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/sprava-inteligentneho-vyhladavania-v-safari-pre-os-x-a-macos-sierra/">Správa inteligentného vyhľadávania v Safari pre OS X a MacOS Sierra</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/vytvaranie-lokalnych-uctov-v-systeme-windows-10/"> <amp-img src="https://exse.eyewated.com/pict/c7e9c54cf248335e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/vytvaranie-lokalnych-uctov-v-systeme-windows-10/">Vytváranie lokálnych účtov v systéme Windows 10</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://sk.eyewated.com/podpisane-a-vlastne-podpisove-certifikaty/"> <amp-img src="https://exse.eyewated.com/pict/a07c44639a4e315b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://sk.eyewated.com/podpisane-a-vlastne-podpisove-certifikaty/">Podpísané a vlastné podpisové certifikáty</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 sk.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.268 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:54:00 --> <!-- 0.001 -->