A HTML 5 videókímélő segítségével könnyedén hozzáadhat videót weblapjaihoz . De ha könnyűnek tűnik a felszínen, sok dolog van, amire szükséged van ahhoz, hogy feltöltsd a videódat. Ez a bemutató végigvezeti Önt azon lépéseken, amelyek segítségével létrehozhat egy oldalt a HTML 5-ben, amely minden modern böngészőben futtatni fogja a videót.
- Tárolja saját HTML 5 videóját a YouTube használatával szemben
- A videó támogatásának gyors áttekintése az interneten
- Videó létrehozása és szerkesztése
- Konvertáld a videót Ogg for Firefox-ra
- Konvertálja a videót MP4-re a Safari-hoz
- Konvertálja a videót FLV-re az Internet Explorer programhoz
- Adja hozzá a videóelemet weboldalához
- Add hozzá a JavaScriptet és a Flash Player-et, hogy az Internet Explorer-t az 1. részhez használja
- Tesztelj a lehető legtöbb böngészőben
01. oldal, 10
Tárolja saját HTML 5 videóját a YouTube használatával szemben
A YouTube egy nagyszerű webhely. Könnyűvé teszi a videók gyors beillesztését a weboldalakba , és néhány kisebb kivétellel meglehetősen zökkenőmentes a videók végrehajtása során. Ha közzétesz egy videót a YouTube-on, meglehetősen biztos abban, hogy bárki láthatja.
De a YouTube-nak a videók beágyazásához bizonyos hátrányai vannak
A legtöbb YouTube-probléma a fogyasztói oldalon van, nem pedig a tervező oldalán, olyan dolgok, mint például:
- Lassú keresés és indexelés
- Kiszolgálói üzemszünetek
- A tartalmat (látszólag) önkényesen eltávolították
- Túl sok rossz tartalom
De vannak olyan okok is, amelyek miatt a YouTube rossz a tartalomfejlesztők számára is, többek között:
- 10 perces maximális idő a videókhoz (ingyenes számlákhoz)
- Szegény feltöltési teljesítmény
- A YouTube korlátlan használati jogot szerez a videóidnak
- Minden YouTube-felhasználó korlátlan használati jogot szerez a videóidnak
A HTML 5 videó bizonyos előnyökkel jár a YouTube-on
A HTML 5 videó használatával vezérelheti a videó minden egyes elemét, hogy ki láthatja, mennyi ideig tart, hol tartja a tartalmat, hol tárolja és hogyan működik a szerver. A HTML 5 videó lehetővé teszi a videó formátumának kódolását annyi formátumban, amennyi szükséges ahhoz, hogy meggyőződhessen róla, hogy a maximálisan megtekinthető. Az ügyfeleknek nincs szükség pluginra, vagy várni, amíg a YouTube újabb verziót ad.
Természetesen a HTML 5 videó bizonyos hátrányokat jelent
Ezek tartalmazzák:
- A videódat legalább három különböző kodeknél kell kódolni
- Bizonyos JavaScript-t kell tartalmaznia annak biztosítására, hogy a böngészők nem támogatják a HTML 5-et
- A kiszolgálónak képesnek kell lennie arra, hogy kezelje a videók tárhelyének sávszélességi követelményeit
02. oldal, 10
A videó támogatásának gyors áttekintése az interneten
A videó weboldalakhoz való hozzáadása régóta nehéz folyamat. Olyan sok olyan dolog volt, ami tévedhet:
- Először a
- Így átválthat az
- Akkor azt gondolod, hogy " Flash !" És kódolja a videódat FLV fájlként. De a Flash nem támogatott sok mobileszközön, és sokan gyűlölik a Flash-et, függetlenül attól, hogyan használják (a válaszadók 25% -a megkérdezte, hogy érzi magát a Flash-ről ).
- Úgy döntesz, hogy feltöltöd a videódat egy videó beágyazási webhelyre, például a YouTube-ra, de akkor a YouTube-val kapcsolatos kérdéseid vannak.
- Végül úgy dönt, hogy megy a HTML 5-vel, de az Internet Explorer nem támogatja (nem csak az Internet Explorer 9-hez). És még ha igen, akkor két videokodek szabványt támogatnak, és csak egy böngésző használható mindkettő számára. Böngésző támogatás videokodekhez és konténerekhez
Mit kéne tenned? A videó feloldása már nem lehetséges a legtöbb webhely esetében, mivel a videó egyre fontosabbá válik. És sok webhely sikeresen kapcsolódott a videóhoz.
Ennek a cikknek a következő oldalai felvázolják Önt, hogyan lehet videót hozzáadni a Firefox 3.5, az Opera 10.5, a Chrome 3.0, a Safari 3 és a 4, az iPhone és az Android, a Flash és az Internet Explorer 7 és a 8 operációs rendszert használó weboldalakhoz. a szükséges kulcsokat további régebbi böngészők támogatásához is hozzá kell adni.
03. oldal, 10
Videó létrehozása és szerkesztése
Az első dolog, amire szükséged van, amikor videót helyezsz egy weboldalra, a tényleges videó. Folyamatosan készíthet felvételt, majd később szerkesztheti a funkció létrehozását, vagy szkriptet készíthet, és előre is tervezheti. Bármelyik módon jól működik, csak annyira, amilyennek tetszik. Ha nem tudja, hogy milyen típusú videót kell készítenie, nézze meg ezeket az ötleteket az Asztalos videókeresőből:
- Családi videó projektek
- Marketing és promóciós videók
- Videó virtuális túrák
- Hogyan készítsünk videókat
- Esküvői videók
Tudjon meg többet a kiváló minőségű videó rögzítéséről
Győződjön meg róla, hogy tudja, hogyan kell rögzíteni beltéren és kültéren, valamint hogyan rögzítheti a hangot. A világítás is nagyon fontos - túl világos lövések sértik a szemét, és túl sötétek csak sárosak és szakszerűtlenek. Még ha csak 30 másodperces videót tervezel webhelyeden, minél jobb minőségű, annál jobb lesz a weboldalod.
Ne felejtsük el, hogy a szerzői jogok minden olyan hangra vagy zenére (valamint az állományfájlra) vonatkoznak, amelyeket a videódban használni fog. Ha nem férhet hozzá olyan ismerőshöz, aki képes írni és játszani egy dalt, akkor meg kell találnia a jogdíjmentes zenét a háttérben való lejátszáshoz. Vannak olyan helyek is, amelyekkel felvételeket készíthet a videókhoz.
A videó szerkesztése
Nem számít, milyen szerkesztőprogramot használ, csak addig, amíg ismered és hatékonyan használod. Gretchen, az Asztali Videó Útmutatónak van néhány professzionális videószerkesztési tippje, amely segít szerkeszteni a videóidat úgy, hogy jól nézzen ki.
Mentse a videót egy MOV vagy AVI (vagy MPG, CD, DV)
A bemutató további részében azt feltételezzük, hogy a videódat valamilyen jó minőségű (nem tömörített) formátumban, például AVI vagy MOV formátumban menti el. Bár ezeket a fájlokat használhatod úgy, ahogy vannak, akkor a videóval kapcsolatos összes problémával foglalkozol, amit már megvitattunk. Az alábbi oldalak bemutatják, hogyan alakíthatja át a fájlt három típusba, így a legtöbb böngésző megtekinthető.
04. oldal, 10
Konvertáld a videót Ogg for Firefox-ra
Az első formátum, amelyet át fogunk alakítani, Ogg (néha Ogg-Theora). Ez a formátum az, amelyet a Firefox 3.5, az Opera 10.5 és a Chrome 3 képes megtekinteni.
Sajnálatos módon, bár az Ogg böngészővel rendelkezik, sok jól ismert videomegjelenítés (Adobe Media Encoder, QuickTime stb.) Nem kínál Ogg konverziós lehetőséget. Tehát az egyetlen módja annak, hogy a videódat Ogg-be konvertáljuk, megtalálja a konverziós programot az interneten.
Konverziós opciók
Van egy online eszköz, a Media-Convert, amely azt állítja, hogy a különféle video (és audio) formátumokat más video- (és audio) formátumokká alakítja át. Amikor kipróbáltam a 3 másodperces tesztfelvétellel, nem tudtam működni a Mac-en. De jobb szerencsére lehet. Ez a weboldal előnye, hogy ingyenes.
Néhány egyéb eszköz megtalálható:
- Miro Video Converter (Windows Macintosh) - Ez a program előnyös mind az Ogg, mind az MP4 (H.264) és nyílt forráskódú.
- Koyote Video Converter (Windows)
- Ingyenes Video Converter Azt hiszem, ez egyaránt Windows és egy Macintosh verzió, de nehéz volt megmondani a saját honlapján
- Egyszerű Theora Encoder (Macintosh) - ez az, amit hajlamosak vagyunk használni.
Miután a videódat az Ogg formátumba mentette, mentse el egy helyre a webhelyén, és menjen a következő oldalra, hogy azt más böngészők formátumává alakítsa.
05. oldal, 10
Konvertálja a videót MP4-re a Safari-hoz
A következő formátumot, amellyel a videót be kell konvertálni, az MP4 (H.264 videó), így a Safari 3 és 4, valamint az iPhone és az Android is lejátszható. Plusz, a H.264 videók könnyen konvertálhatók FLV fájlokká a Flash-en való megtekintésre.
Ez a formátum könnyebben elérhető a kereskedelmi termékekben, és valószínűleg már van olyan programja, amely MP4-re konvertál, ha van videószerkesztője. Ha rendelkezik Adobe Premiere programmal, használhatja az Adobe Video Encoder programot, vagy ha a QuickTime Pro is működik. Az előző oldalon tárgyalt átalakítók közül sok a videókat is MP4-be konvertálja.
- Media-Convert - online eszköz
- Miro Video Converter (Windows Macintosh) - Ez a program előnyös mind az Ogg, mind az MP4 (H.264) és nyílt forráskódú.
- SUPER (Windows) - sok különböző fájltípust konvertál MP4 és FLV formátumba
- Ingyenes Video Converter Azt hiszem, ez egyaránt Windows és egy Macintosh verzió, de nehéz volt megmondani a saját honlapján
Mentsd el az MP4 fájlt a webhelyedre, majd konvertálni kell Flash for Internet Explorer használatára.
06. oldal, 10
Konvertálja a videót FLV-re az Internet Explorer programhoz
A legegyszerűbb módja annak, hogy a videókat FLV-be konvertáljuk, magának a Flash-nek a használatát. Így konvertáljuk a videóimat Flash-be. De ha nincs Flash, akkor itt két népszerű eszköz a fájlok FLV-be konvertálásához:
- SUPER (Windows) - sok különböző fájltípust konvertál MP4 és FLV formátumba
- ffmpegX (Macintosh) - sok különböző fájltípust konvertál Mp4 és FLV formátumba.
Mentse el az FLV fájlt a webhelyére, és a következő oldal megmutatja, hogyan kell írni a HTML-t, hogy lejátszhassa a videókat.
07. oldal, 10
Adja hozzá a videóelemet weboldalához
A HTML 5 használatával nagyon könnyű a videofájlok weboldalakhoz való hozzáadását. A legtöbb modern böngésző támogatja a HTML 5 videót, bár nem mindegyikük ugyanúgy támogatja. De ez azt jelenti, hogy ha a videót mind Ogg, mind MP4 formátumban mentheti, akkor csak négy vagy öt sor HTML-kódot tud írni, hogy megjelenjen a legtöbb modern böngészőben (az Internet Explorer 8 kivételével). Itt van, hogyan:
- Írja be a HTML 5 dokkolójelet, így a böngészők tudják, hogy elvárják a HTML 5-et:
- Hozzon létre weboldalt, ahogyan azt általában létrehozná:
</ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> A test belsejében helyezze el a <video> címkét: <blockquote> <Video> </ video> </blockquote></li><li> Döntse el, hogy milyen attribútumokat szeretne a videódnak: <ul><li> automatikus lejátszás - a letöltés megkezdéséhez </li><li> vezérlők - engedélyezheti az olvasók számára a videó vezérlését (szüneteltetés, visszacsévélés, gyors előre) </li><li> hurok - indítsa el a videót a kezdetektől, amikor véget ér </li><li> előtöltés - előtelepítse a videót, hogy gyorsabban készen álljon, amikor az ügyfél rákattint </li><li> poszter - határozza meg a használni kívánt képet a videó leállításakor </li></ul> Javasoljuk a vezérlők és az előterhelés használatát. Használja a plakát opciót, ha a videódnak nincs jó első jelenete. <blockquote> <video vezérlők előtöltése> </ video> </blockquote></li><li> Ezután adja hozzá a videó két verziójának (MP4 és OGG) forrásfájljait a <video> elemen belül: <blockquote> <video vezérlők előtöltése> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ Video> </blockquote></li><li> Nyissa meg az oldalt a Chrome 1-ben, a Firefox 3.5-ben, az Opera 10-ben és / vagy a Safari 4-ben, és győződjön meg arról, hogy helyesen jelenik meg. Legalább a Firefox 3.5-t és a Safari 4-et kell tesztelned, mivel mindegyikük eltérő codec-et használ. </li></ol><p> Ez az. Miután megvan a kód a helyén, megjelenik egy videó, amely a Firefox 3.5, a Safari 4, az Opera 10 és a Chrome 1 programokban működik. De mi van az Internet Explorer programmal? </p> <h3> Az Internet Explorer nem tetszik a HTML 5 vagy a <videó> címke </h3><p> A következő részben arról fogunk beszélni, hogy mit tehetünk, hogy az IE 8-at kedvezően játszhassunk a HTML 5 videócímkékkel, és megjeleníthetjük a videót. Használd a Flash-et. A jó hír az, hogy az IE 9 várhatóan támogatni fogja a HTML 5-et és a videót. </p> <p> <strong>08. oldal, 10</strong> </p> <h3> Adja hozzá a JavaScriptet és a Flash Player-t, hogy az Internet Explorer működjön </h3><p> Lehet, hogy észrevette, hogy az előző oldal HTML-jében nem volt forrásvonal az FLV fájlhoz. És ha az Internet Explorer-ben tesztelte ezt az oldalt, akkor nem működne. Ez azért van, mert az Internet Explorer nem ismeri fel a HTML 5-öt, és nem tud lejátszani OGG vagy MP4 videókat natív módon. Annak érdekében, hogy az Internet Explorer 7 és a 8 működjön, meg kell játszania a videót Flash-ként. De több lépés van a munkához, mint az FLV fájl hozzáadásával. </p> <h3> 1. lépés: Szerezzen Flash Video lejátszót a webhelyére </h3> <p> Javasoljuk, hogy szerezzen FlowPlayert, mert ez egy nyílt forráskódú Flash video lejátszó, amelyet telepíthet a webkiszolgálón, és használhatja, amikor Flash-videót játszik le. A FlowPlayer ingyenes verziója reklámokat helyez a videókba, de szükség esetén kereskedelmi licenceket is vásárolhat. </p> <p> Kövesse a FlowPlayer webhelyén található utasításokat a FlowPlayer telepítéséhez a webhelyén. Dióhéjban 2 SWF-fájlt és JavaScript-fájlt telepít webhelyén. A HTML alján (a </ body> címke előtt) sor kerül: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> De az Internet Explorer még mindig nem játssza le a videót, meg kell tanítani, hogyan ismerheti fel a HTML 5 címkéket. </p> <h3> 2. lépés: Győződjön meg róla, hogy az Internet Explorer olvassa a HTML 5 címkéket </h3><p> Van egy praktikus szkript a Google Code-ban, amelyet "HTML Shiv" -nek hívnak, amely segít az IE felismerni a HTML 5 elemeket. Tehát a HTML dokumentum <head> -jében hivatkozzon rá. A legjobb, ha az IE feltételes megjegyzéseket csatolják, így más böngészők nem zavarják: </p> <blockquote> <! - [ha IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Rendben, most az IE fel fogja ismerni a <video> címkét, de nem tudja, mi a teendője az eddig beírt forrásfájlokkal. </p> <h3> 3. lépés: Adjon hozzá egy forrást a FLV fájlhoz </h3><p> Akárcsak az előző oldalon, akkor a <video> elemen belül egy sort ad hozzá a HTML 5-nek, amely jelzi, hogy hol tárolta az FLV fájlt a kiszolgálón. </p> <blockquote> <video vezérlők előtöltése> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Képernyő video, Képernyő video 2, H.264" "></strong> <br> </ Video> </blockquote><p> <strong>09. oldal, 10</strong> </p> <h3> Add hozzá a JavaScriptet és a Flash Player-et, hogy az Internet Explorer működjön - 2. rész </h3><p> Sajnos még mindig nem vagyunk készek. Most meg kell mondanunk az IE-nek, hogy használja a FlowPlayer Flash videó lejátszót, amelyet fent említettünk. </p> <h3> 4. lépés: Fordítsa el a <videó> elemet flash-be </h3><p> Ehhez szükségünk van egy másik szkriptre. Megvettük a forgatókönyvet a <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5-ből</a> . De amikor teszteltük, nem működött mindaddig, amíg nem hajtottunk végre néhány módosítást: </p> <ul><li> A 31. sor környezete: adja hozzá a FlowPlayer telepítésének helyét. </li><li> A 42. vonal körül: a fájl típusának módosítása <blockquote> video / MP4 </blockquote> nak nek <blockquote> video / x-flv </blockquote></li><li> A 94 - es vonal körül: kezdve a <blockquote> ha (!! $ && !! $ (dokumentum) .ready) { </blockquote> a dokumentum végére változtassa meg a következő szakaszt: <blockquote> // ha (!! $ && !! $ (dokumentum) .ready) { <br> / * A jQuery felhasználók inicializálhatják, amint a DOM kész * / <br> // $ (dokumentum) .ready (html5_video_init); <br> //} más { <br> / * Mindenki más várhat, amíg az onload * / <br> / * addEvent funkció http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = függvény (obj, típus, fn) { <br> ha (obj.addEventListener) <br> obj.addEventListener (típus, fn, hamis); <br> egyébként ha (obj.attachEvent) <br> obj.attachEvent ('on' + típus, függvény () {return fn.apply (obj, új Array (window.event));}); <br> } <br> addEvent (ablak, "betöltés", html5_video_init); <br> //} </blockquote></li></ul><p> Miután szerkesztette a JavaScript fájlt, töltse fel a szerverre, és a HTML oldal alján (a </ body> előtt) linkeljen hozzá: </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Tyűha! Most, hogy mindent megtettél, fel kell töltened a HTML-kódodat, hogy megkezdhesse a tesztelést. </p> <p> <strong>10/10</strong> </p> <h3> Tesztelj a lehető legtöbb böngészőben </h3><p> A videooldalak tesztelése kritikus fontosságú, ha sikeresen elindulna. Biztos lehet benne, hogy teszteli az oldalát a webhely legnépszerűbb böngészői és verzióiban. </p> <p> Azt tapasztaltuk, hogy míg olyan eszközöket használhatunk, mint a BrowserLab és az AnyBrowser, hogy teszteljük a videót, ez nem olyan megbízható, mint maga az oldal böngészőben való megjelenése. Ha ezt teszed, akkor tényleg megnézheted, hogy működik-e vagy sem. </p> <p> Mivel háromféle formátumban kódolt a videód, ezért próbáld meg tesztelni, hogy mindhárom megjelenjen. Ez azt jelenti, hogy legalábbis meg kell tesztelnie: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 vagy 4 </li><li> Internet Explorer 7 vagy 8 </li></ul><p> A Chrome-ban tesztelheti, de mivel a Chrome mind a három módszert megvizsgálja (akár a Flash is, ha rendelkezik a bővítménnyel), nehéz megmondani, hogy van-e probléma a másik kettő vagy a Chrome-kodek használatával. </p> <p> A nyugodt lelkiállapot érdekében tesztelje a régebbi böngészőkben is, hogy megnézze, mit csinálnak, különösen, ha sok olvasó régebbi böngészőket használ. </p> <h3> A videó működésének megszerzése a régebbi böngészőkben </h3><p> Mint minden weblap esetében, először meg kell fontolnod, hogy mennyire fontos a böngészők működtetése. Ha ügyfeleinek 90% -a használja a Netscape programot, akkor rendelkeznie kell egy biztonsági tervvel. De ha kevesebb, mint 1%, akkor nem számít annyira. </p> <p> Miután eldöntötte, hogy milyen böngészőket szeretne támogatni, a legegyszerűbb módja az, hogy egyszerűen hozzon létre egy alternatív oldalt, amelyen keresztül megtekintheti a videót. Ezen a váltakozó oldalon egy videofelvételt helyez el a HTML 4 használatával. vagy használja a böngésző valamilyen formáját, hogy átirányíthassa őket, vagy csak egy hivatkozást adjon hozzá ehhez az oldalhoz. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://hu.eyewated.com/tesztelje-html-tudasat-ezekkel-a-kvizekkel/"> <amp-img src="https://exse.eyewated.com/pict/a99b2cb77c01453f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/tesztelje-html-tudasat-ezekkel-a-kvizekkel/">Tesztelje HTML tudását ezekkel a kvízekkel</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-html-forras-megtekintese-a-google-chrome-ban/"> <amp-img src="https://exse.eyewated.com/pict/adff2724bc843500-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-html-forras-megtekintese-a-google-chrome-ban/">A HTML forrás megtekintése a Google Chrome-ban</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/get-html-kodok-roman-nyelvu-karakterekhez/"> <amp-img src="https://exse.eyewated.com/pict/44e79bfc0b073358-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/get-html-kodok-roman-nyelvu-karakterekhez/">Get HTML kódok román nyelvű karakterekhez</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/html-iras-a-jegyzettoembben/"> <amp-img src="https://exse.eyewated.com/pict/2fb0aeb59c9a33d5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-iras-a-jegyzettoembben/">HTML írás a Jegyzettömbben</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/ismerje-meg-az-integralt-html-kodokat-az-orosz-cirill-karakterekhez/"> <amp-img src="https://exse.eyewated.com/pict/34d67c22a08530c1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/ismerje-meg-az-integralt-html-kodokat-az-orosz-cirill-karakterekhez/">Ismerje meg az integrált HTML kódokat az orosz (cirill) karakterekhez</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/zaro-cimkek-nem-szueksegesek/">Záró címkék nem szükségesek</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/html-kodok-es-specialis-karakterek/"> <amp-img src="https://exse.eyewated.com/pict/edc554c3ee98325c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-kodok-es-specialis-karakterek/">HTML kódok és speciális karakterek</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/html-hangsulyos-cimkek/"> <amp-img src="https://exse.eyewated.com/pict/1934670cd2eb34bc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/html-hangsulyos-cimkek/">HTML hangsúlyos címkék</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/mi-a-html-cimke-a-html-elemhez-kepest/"> <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://hu.eyewated.com/mi-a-html-cimke-a-html-elemhez-kepest/">Mi a HTML-címke a HTML elemhez képest?</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://hu.eyewated.com/mi-az-exd-fajl/"> <amp-img src="https://exse.eyewated.com/pict/a939ccc86abb31cb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/mi-az-exd-fajl/">Mi az EXD fájl?</a></h3> <div class="amp-related-meta"> Ablakok </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/digitalis-fenykepezogep-szoszedet-automatikus-expozicio-ae/"> <amp-img src="https://exse.eyewated.com/pict/58e37e68c7b0339e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/digitalis-fenykepezogep-szoszedet-automatikus-expozicio-ae/">Digitális fényképezőgép szószedet: Automatikus expozíció (AE)</a></h3> <div class="amp-related-meta"> Digitális kamerák </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/miert-van-csak-13-dns-gyoekernev-kiszolgalo/"> <amp-img src="https://exse.eyewated.com/pict/f3043408ab723b07-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/miert-van-csak-13-dns-gyoekernev-kiszolgalo/">Miért van csak 13 DNS-gyökérnév-kiszolgáló?</a></h3> <div class="amp-related-meta"> Internet és hálózat </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-lehet-az-irodai-szoftverekkel-kapcsolatos-ismereteket-felsorolni-az-oeneletrajzan/"> <amp-img src="https://exse.eyewated.com/pict/cc717207dfb92ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-lehet-az-irodai-szoftverekkel-kapcsolatos-ismereteket-felsorolni-az-oeneletrajzan/">Hogyan lehet az irodai szoftverekkel kapcsolatos ismereteket felsorolni az önéletrajzán</a></h3> <div class="amp-related-meta"> Szoftver </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/tudsz-telepiteni-az-alkalmazasokat-az-apple-tv-n/"> <amp-img src="https://exse.eyewated.com/pict/050898898d263219-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/tudsz-telepiteni-az-alkalmazasokat-az-apple-tv-n/">Tudsz telepíteni az alkalmazásokat az Apple TV-n?</a></h3> <div class="amp-related-meta"> Házimozi </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-sega-genesis-toertenete-a-16-bites-kor-hajnalai/"> <amp-img src="https://exse.eyewated.com/pict/42d4fb938964376b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-sega-genesis-toertenete-a-16-bites-kor-hajnalai/">A Sega Genesis története - A 16 bites kor hajnalai</a></h3> <div class="amp-related-meta"> Szerencsejáték </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://hu.eyewated.com/az-alapertelmezett-keresomotor-modositasa-a-chrome-ios-rendszerben-2/"> <amp-img src="https://exse.eyewated.com/pict/2ba215bd4b6b3439-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/az-alapertelmezett-keresomotor-modositasa-a-chrome-ios-rendszerben-2/">Az alapértelmezett keresőmotor módosítása a Chrome iOS rendszerben</a></h3> <div class="amp-related-meta"> Böngészők </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/legnepszerubb-mobil-fizetesi-alkalmazasok/"> <amp-img src="https://exse.eyewated.com/pict/c95e4100c93c32fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/legnepszerubb-mobil-fizetesi-alkalmazasok/">Legnépszerűbb mobil fizetési alkalmazások</a></h3> <div class="amp-related-meta"> Web & Keresés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-bing-hasznalata-a-boengeszeshez-es-a-videok-keresesehez/"> <amp-img src="https://exse.eyewated.com/pict/b705e65b452d53e3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-bing-hasznalata-a-boengeszeshez-es-a-videok-keresesehez/">A Bing használata a böngészéshez és a videók kereséséhez</a></h3> <div class="amp-related-meta"> Web & Keresés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-lehet-letiltani-egy-eszkoezt-az-eszkoezkezeloben-a-windows-rendszerben/"> <amp-img src="https://exse.eyewated.com/pict/bf95012598bf3c0f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-lehet-letiltani-egy-eszkoezt-az-eszkoezkezeloben-a-windows-rendszerben/">Hogyan lehet letiltani egy eszközt az Eszközkezelőben a Windows rendszerben?</a></h3> <div class="amp-related-meta"> Ablakok </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-20-legjobb-xposed-keretmodul/"> <amp-img src="https://exse.eyewated.com/pict/a3243493b29540f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-20-legjobb-xposed-keretmodul/">A 20 legjobb Xposed keretmodul</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/mi-a-strukturalis-es-koezepvonalak/"> <amp-img src="https://exse.eyewated.com/pict/20de04d939653449-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/mi-a-strukturalis-es-koezepvonalak/">Mi a strukturális és középvonalak?</a></h3> <div class="amp-related-meta"> Szoftver </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-7-legjobb-kirakos-jatek-a-nintendo-ds-en/"> <amp-img src="https://exse.eyewated.com/pict/aca4eaa74ca937a6-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-7-legjobb-kirakos-jatek-a-nintendo-ds-en/">A 7 legjobb kirakós játék a Nintendo DS-en</a></h3> <div class="amp-related-meta"> Szerencsejáték </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-2018-ban-megvasarolhato-9-legjobb-sonos-termek/"> <amp-img src="https://exse.eyewated.com/pict/0afd1b1e35ef312b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-2018-ban-megvasarolhato-9-legjobb-sonos-termek/">A 2018-ban megvásárolható 9 legjobb Sonos termék</a></h3> <div class="amp-related-meta"> Útmutatók vásárlása </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-irjunk-egy-blogot-5-egyszeru-lepesben/"> <amp-img src="https://exse.eyewated.com/pict/eaa4f5267f513490-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-irjunk-egy-blogot-5-egyszeru-lepesben/">Hogyan írjunk egy blogot 5 egyszerű lépésben</a></h3> <div class="amp-related-meta"> Web & Keresés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-lehet-az-ubuntu-bootolni-a-windows-elott/"> <amp-img src="https://exse.eyewated.com/pict/32704b6d015e3130-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-lehet-az-ubuntu-bootolni-a-windows-elott/">Hogyan lehet az Ubuntu bootolni a Windows előtt?</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-tervezze-meg-a-teljes-otthoni-vagy-toebbszobas-zenei-rendszert/"> <amp-img src="https://exse.eyewated.com/pict/23212c3b715d3433-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-tervezze-meg-a-teljes-otthoni-vagy-toebbszobas-zenei-rendszert/">Hogyan tervezze meg a teljes otthoni vagy többszobás zenei rendszert</a></h3> <div class="amp-related-meta"> Házimozi </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/a-helyesiras-ellenorzese-a-gmailben/"> <amp-img src="https://exse.eyewated.com/pict/5d11c8f1482c33d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/a-helyesiras-ellenorzese-a-gmailben/">A helyesírás ellenőrzése a Gmailben</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-oldja-meg-a-szamitogepet-amely-nem-indul-el-biztonsagos-modban/"> <amp-img src="https://exse.eyewated.com/pict/576d5f53a75437c9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-oldja-meg-a-szamitogepet-amely-nem-indul-el-biztonsagos-modban/">Hogyan oldja meg a számítógépet, amely nem indul el biztonságos módban</a></h3> <div class="amp-related-meta"> Ablakok </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/mi-az-a-voicemail/"> <amp-img src="https://exse.eyewated.com/pict/365e00648a303e6d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/mi-az-a-voicemail/">Mi az a Voicemail?</a></h3> <div class="amp-related-meta"> E-mail és üzenetküldés </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/hogyan-hozzunk-letre-egy-alkalmazast-az-iphone-szamara/"> <amp-img src="https://exse.eyewated.com/pict/1dcd1d1589d43a07-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/hogyan-hozzunk-letre-egy-alkalmazast-az-iphone-szamara/">Hogyan hozzunk létre egy alkalmazást az iPhone számára</a></h3> <div class="amp-related-meta"> Szoftverek és alkalmazások </div> </div> </div> <div class="amp-related-content"> <a href="https://hu.eyewated.com/yamaha-aventage-bd-a1040-blu-ray-lemezlejatszo/"> <amp-img src="https://exse.eyewated.com/pict/0c75d7ad7e0338c1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://hu.eyewated.com/yamaha-aventage-bd-a1040-blu-ray-lemezlejatszo/">Yamaha AVENTAGE BD-A1040 Blu-ray lemezlejátszó</a></h3> <div class="amp-related-meta"> Termék Vélemények </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 hu.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.252 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:29:28 --> <!-- 0.001 -->