HTML 5 -videotunnisteella on helppo lisätä videoita Web-sivuillesi . Mutta vaikka se näyttää helposti pinnalta, on paljon asioita, jotka sinun on tehtävä, jotta saat videosi näkyviin. Tämä opetusohjelma vie sinut vaiheiden avulla luomaan sivun HTML 5: ssä, joka näyttää videon kaikissa moderneissa selaimissa.
- Oma HTML 5 -videosi vs. YouTube-sovellus
- Nopea yleiskatsaus videotukeen verkossa
- Luo ja muokkaa videota
- Muunna video Ogg for Firefox
- Muunna Video MP4 for Safari
- Muunna video FLV: ksi Internet Explorerille
- Lisää videoosi web-sivusi
- Lisää JavaScript ja Flash Player saada Internet Explorer toimimaan Osa 1: ssä
- Testaa niin monta selausta kuin pystyt
01/10
Oma HTML 5 -videosi vs. YouTube-sovellus
YouTube on erinomainen sivusto. Se helpottaa videon upottamista verkkosivuihin nopeasti ja pienillä poikkeuksilla on melko saumattomia näiden videoiden suorittamiseen. Jos lähetät videon YouTubeen, voit olla melko varma, että kuka tahansa voi katsella sitä.
Mutta YouTubessa upotat videosi upottamalla on joitain haittoja
Useimmat YouTuben ongelmista ovat kuluttajan puolella, eikä suunnittelijapuolelta, kuten:
- Hidas haku ja indeksointi
- Palvelimen katkokset
- Sisältö poistetaan (näennäisesti) mielivaltaisesti
- Liian paljon huonoa sisältöä
On kuitenkin olemassa joitain syitä, joiden vuoksi YouTube on huono myös sisällön kehittäjille, kuten:
- 10 minuutin maksimipituus videoille (ilmaiseksi tileille)
- Huono lataustulos
- YouTube saa rajattomia käyttöoikeuksia videolle
- Kaikki YouTube-käyttäjät saavat videon rajoittamaton käyttöoikeudet
HTML 5 -video tarjoaa joitain etuja YouTubessa
HTML 5 -videon avulla voit hallita videosi kaikkia puolia, siitä, kuka voi tarkastella sitä, kuinka kauan se on, mitä sisältöä se sisältää, missä se on isäntänä ja miten palvelin toimii. HTML 5 -videolla voit myös koodata videoasi niin monta formaattia kuin haluat varmistaa, että suurin osa ihmisistä voi katsella sitä. Asiakkaasi eivät tarvitse laajennusta tai odota, kunnes YouTube julkaisee uudemman version.
Tietenkin, HTML 5 -video tarjoaa joitain haittoja
Nämä sisältävät:
- Sinun on koodattava videosi vähintään kolmella eri koodekilla
- Sinun on sisällytettävä joitain JavaScript, jotta selaimet, jotka eivät tue HTML 5 , toimivat
- Palvelimesi on kyettävä käsittelemään videoiden tarjoamista kaistanleveysvaatimuksista
02/10
Nopea yleiskatsaus videotukeen verkossa
Videoiden lisääminen web-sivuille on jo pitkään ollut vaikea prosessi. Siellä oli niin paljon asioita, jotka voisivat mennä pieleen:
- Ensin voit upottaa videosi sivusi
- Joten siirryt
- Sitten ajattelet " Flash !" Ja koodata videosi FLV-tiedostona. Mutta Flashia ei tueta monissa mobiililaitteissa, ja monet ihmiset vihaavat Flashia riippumatta siitä, miten sitä käytetään (25% vastaajista kyselytunnistin siitä, miten mieltäsi Flashista totesi, että he eivät voi millään tavalla vastustaa Flasha).
- Joten päätät lähettää videosi videosisältöä varten, kuten YouTubesta, mutta sinulla on ongelmia YouTuben kanssa, josta keskustelimme.
- Lopuksi päätät mennä HTML 5: n kanssa, mutta Internet Explorer ei tue sitä (ei Internet Explorer 9: een asti). Ja vaikka et, on kaksi videokoodekstandardia, joita tuetaan ja vain yksi selain, joka voi käyttää molempia. Selaintuki videokoodekille ja -astioille
Joten mitä sinun pitäisi tehdä? Videosta luopuminen ei ole enää useimmille sivustoille vaihtoehto, sillä video on yhä tärkeämpi. Ja monet sivustot ovat siirtyneet onnistuneesti videoiksi.
Seuraavilla tämän artikkelin sivuilla voit siirtyä videoiden lisäämiseen Web-sivuillesi, jotka toimivat Firefoxissa 3.5, Opera 10.5, Chrome 3.0, Safari 3 ja 4, iPhone ja Android, Flash ja Internet Explorer 7 ja 8. Sinä sinulla on myös avaimet, joita tarvitaan lisäämällä muita vanhempia selaimia tarvittaessa.
03/10
Luo ja muokkaa videota
Ensimmäinen asia mitä tarvitset, kun aiot laittaa videon Web-sivulle on todellinen video. Voit joko kuvata jatkuvasti ja muokata sen jälkeen luoda ominaisuuden, tai voit kirjoittaa sen ja suunnitella sen etukäteen. Kummassakin tapauksessa toimii hyvin, se on mitä olet tyytyväinen. Jos et tiedä minkälaista videota sinun pitäisi tehdä, tutustu ideoihin Desktop Video Guide -oppaasta:
- Perhe-videohankkeet
- Markkinointi- ja myynninedistämisvideoita
- Video virtuaalikierroksia
- Kuinka videot
- Häät videot
Opi korkealaatuisen videokuvan tallentamiseen
Varmista, että voit tallentaa sisä- ja ulkotilaan sekä nauhoittaa ääntä. Valaistus on myös erittäin tärkeä - liian kirkkaat laukaukset silmät vahingoittivat, ja liian tummat vain näyttävät mutaisilta ja epäammattisilta. Vaikka suunnittelet vain 30 sekunnin videon sivustossasi, sitä parempi laatu heijastuu verkkosivustollesi.
Muista myös, että tekijänoikeus koskee kaikkia ääniä tai musiikkia (sekä stock-kuvauksia), joita haluat käyttää videossa. Jos sinulla ei ole pääsyä kaverille, joka voi kirjoittaa ja soittaa kappaleen sinulle, sinun on löydettävä taustalle rojaltiton musiikki. On myös paikkoja, joiden avulla voit lisätä videosi sisältöä.
Videon muokkaaminen
Ei ole väliä, mitä muokkausohjelmistoja käytät, niin kauan kuin olet perehtynyt siihen ja pystyy käyttämään sitä tehokkaasti. Gretchenissä, Desktop Video Guide -ohjelmassa on joitain ammattimaisia videonmuokkausvinkkejä, joiden avulla voit muokata videoita niin, että ne näyttävät hyvältä.
Tallenna video MOV- tai AVI (tai MPG, CD, DV)
Muun tämän opetusohjelman osalta aiomme olettaa, että videosi on tallennettu johonkin korkealaatuiseen (ei pakkaamattomaan) muotoon, kuten AVI tai MOV. Vaikka voit käyttää näitä tiedostoja sellaisenaan, voit kohdistaa kaikki videon ongelmat, joista olemme jo keskustelleet. Seuraavilla sivuilla kerrotaan, miten tiedostosi muunnetaan kolmeksi tyypiksi, jotta se voidaan nähdä useimmissa selaimissa.
04/10
Muunna video Ogg for Firefox
Ensimmäinen muoto, jonka muuntelemme, on Ogg (kutsutaan toisinaan Ogg-Theora). Tämä muoto on sellainen, että Firefox 3.5, Opera 10.5 ja Chrome 3 voivat kaikki katsella.
Valitettavasti vaikka Oggilla on selainkäyttötuki, monet tunnetuista videoohjelmista, joita voit ostaa (Adobe Media Encoder, QuickTime jne.), Eivät tarjoa Ogg-muunnosvaihtoehtoa. Joten ainoa tapa muuntaa videosi Oggiksi on löytää konversio-ohjelma verkosta.
Muuntovaihtoehdot
On online-työkalu nimeltä Media-Convert, joka väittää muuntavan eri videoformaatteja (ja ääntä) muille video- (ja ääni-) formaateille. Kun kokeilimme sitä 3 sekunnin testivideomme kanssa, emme voineet saada sitä toimimaan Mac-tietokoneessani. Mutta sinulla voi olla parempi onni. Tällä sivustolla on hyötyä siitä, että se on ilmainen.
Joitakin muita löydettyjä työkaluja ovat:
- Miro Video Converter (Windows Macintosh) - Tällä ohjelmalla on hyötyä muuntaa sekä Ogg ja MP4 (H.264) ja se on avoimen lähdekoodin.
- Koyote Video Converter (Windows)
- Free Video Converter Mielestämme on sekä Windows- että Macintosh-versio, mutta heidän sivustostaan oli vaikea kertoa
- Yksinkertainen Theora Encoder (Macintosh) - tämä on sellainen, jota me käytämme.
Kun video on tallennettu Ogg-muotoon, tallenna se sivustosi sijaintiin ja siirry seuraavalle sivulle muuttaaksesi sen muille formaateille muille selaimille.
05/10
Muunna Video MP4 for Safari
Seuraava muoto, jonka pitäisi muuntaa videosi, on MP4 (H.264 video), jotta se voidaan toistaa Safari 3: ssa ja 4: ssa sekä iPhonessa ja Androidissa. Plus, H.264-videot voidaan helposti muuntaa FLV-tiedostoiksi Flash-katseluun.
Tämä muoto on helpommin saatavilla kaupallisissa tuotteissa, ja sinulla on todennäköisesti jo ohjelma, joka muuntaa MP4: lle, jos sinulla on videoeditori. Jos sinulla on Adobe Premiere, voit käyttää Adobe Video Encoderia tai jos sinulla on QuickTime Pro, joka toimii myös. Monet edellisellä sivulla keskustelluista muuntimista myös muuntaa videot MP4: ksi.
- Media-Convert - online-työkalu
- Miro Video Converter (Windows Macintosh) - Tällä ohjelmalla on hyötyä muuntaa sekä Ogg ja MP4 (H.264) ja se on avoimen lähdekoodin.
- SUPER (Windows) - muuntaa useita eri tiedostotyyppejä MP4- ja FLV-tiedostoiksi
- Free Video Converter Mielestämme on sekä Windows- että Macintosh-versio, mutta heidän sivustostaan oli vaikea kertoa
Tallenna MP4-tiedosto verkkosivustoosi ja sitten sinun täytyy muuntaa se Flash for Internet Explorerin käytettäväksi.
06/10
Muunna video FLV: ksi Internet Explorerille
Helpoin tapa muuntaa videot FLV: ään on Flashin käyttäminen. Näin voimme muuntaa videoni Flashiksi. Mutta jos sinulla ei ole Flashia, tässä on kaksi suosittua työkalua tiedostojen muuntamiseen FLV:
- SUPER (Windows) - muuntaa useita eri tiedostotyyppejä MP4- ja FLV-tiedostoiksi
- ffmpegX (Macintosh) - muuntaa useita eri tiedostotyyppejä Mp4 ja FLV.
Tallenna FLV-tiedosto verkkosivustollesi ja seuraava sivu näyttää, miten voit kirjoittaa HTML-koodin, jotta voit toistaa videoita.
07/10
Lisää videoosi web-sivusi
Videoiden lisääminen Web-sivuille on erittäin helppokäyttöinen HTML 5: n avulla. Useimmat nykyaikaiset selaimet tukevat HTML 5 -videota, vaikka ne eivät kaikki tue sitä samalla tavalla. Mutta mikä tarkoittaa sitä, että jos tallennat videosi sekä Ogg- että MP4-formaatiksi, voit kirjoittaa vain neljä tai viisi HTML-riviä, jotta se voidaan näyttää useimmissa selaimissa (paitsi Internet Explorer 8: ssa). Näin:
- Kirjoita HTML 5 -dokumenttimerkki niin, että selaimet tietävät odottaa HTML 5:
- Luo verkkosivusi tavalliseen muotoon:
</ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> Aseta vartaloosi <video> -merkki: <blockquote> <Video> </ video> </blockquote></li><li> Päätä millä ominaisuuksilla haluat videosi olevan: <ul><li> autoplay - aloittaa heti, kun se on ladattu </li><li> ohjaimet - anna lukijasi hallita videota (tauko, taaksepäin, eteenpäin) </li><li> silmukka - aloittaa videon alusta alkaen, kun se päättyy </li><li> esikuormitus - lataa video esiasennettavaksi niin, että se on valmis nopeammin, kun asiakas napsauttaa sitä </li><li> juliste - määritä kuva, jota haluat käyttää videon pysäyttämisen yhteydessä </li></ul> Suosittelemme käyttämään ohjaimia ja esikuormitusta. Käytä julisteen vaihtoehtoa, jos videostasi ei ole hyvä ensivaikutelma. <blockquote> <videoohjaimet esikuormitus> </ video> </blockquote></li><li> Lisää sitten videon (MP4 ja OGG) kahden version lähdetiedostot <video> -elementtiin: <blockquote> <videoohjaimet esikuormitus> <br> <lähde src = "shasta.mp4" type = 'video / mp4; koodekit = "avc1.42E01E, mp4a.40.2" '> <br> <lähde src = "shasta.ogg" type = 'video / ogg; koodekit = "theora, vorbis" '> <br> </ Video> </blockquote></li><li> Avaa sivu Chrome 1: ssä, Firefoxissa 3.5, Opera 10 ja Safari 4: ssa ja varmista, että se näkyy oikein. Sinun pitäisi testata se vähintään Firefox 3.5: ssä ja Safari 4: ssä, koska ne käyttävät jokaista eri koodekkia. </li></ol><p> Se siitä. Kun sinulla on tämä koodi paikalleen, sinulla on video, joka toimii Firefoxissa 3.5, Safari 4, Opera 10 ja Chrome 1. Mutta entä Internet Explorer? </p> <h3> Internet Explorer ei pidä HTML 5: ää tai <video> -tunnistetta </h3><p> Seuraavassa jaksossa kerrotaan, mitä voit tehdä, jotta IE 8 voi pelata hienosti HTML5-videotunnisteillasi ja näyttää videon. Sinun on käytettävä Flashia. Hyvä uutinen on, että IE 9: n odotetaan tukevan HTML 5: tä ja videotunnistetta. </p> <p> <strong>08 of 10</strong> </p> <h3> Lisää JavaScript ja Flash Player saada Internet Explorer toimimaan </h3><p> Olet ehkä huomannut, että edellisen sivun HTML-tiedostossa FLV-tiedostossa ei ollut lähdekoodia. Ja jos testasit kyseisen sivun Internet Explorerissa, se ei toimisi. Tämä johtuu siitä, että Internet Explorer ei tunnista HTML 5: ää eikä se voi toistaa OGG- tai MP4-videoita luonnollisesti. Jotta Internet Explorer 7 ja 8 toimisivat, sinun on saatava se pelata videota Flash-muodossa. Mutta on enemmän vaiheita saada se toimimaan kuin vain lisätä FLV-tiedosto. </p> <h3> Vaihe 1: Hanki Flash Video Player sivustoosi </h3> <p> Suosittelemme, että saat FlowPlayerin, koska se on avoimen lähdekoodin Flash-videotoisto, jonka voit asentaa Web-palvelimeen ja käyttää aina, kun sinulla on Flash-video. FlowPlayerin ilmainen versio lisää mainoksiasi videoihin, mutta voit myös ostaa kaupallisia lisenssejä, jos tarvitset niitä. </p> <p> Asenna FlowPlayer verkkosivustollasi noudattamalla FlowPlayer-sivuston ohjeita. Lyhyesti sanottuna, asennat 2 SWF-tiedostoa ja JavaScript-tiedoston sivustollesi. HTML-koodin alareunassa (ennen </ body> -tunnistetta) lisätään rivi: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Mutta Internet Explorer ei vieläkään toista videota, sinun täytyy opettaa sitä tunnistamaan HTML 5 -tarrat. </p> <h3> Vaihe 2: Varmista Internet Explorerin lukea HTML 5 -tunnisteita </h3><p> On olemassa kätevä käsikirjoitus Google-koodissa, joka tunnetaan nimellä HTML Shiv, joka auttaa IE: tä tunnistamaan HTML-elementtejä. Joten HTML-asiakirjan <pää>, jonka haluat viitata. On parasta sulkea se IE: n ehdollisiin kommentteihin, jotta muut selaimet eivät sekaudu: </p> <blockquote> <! - [jos IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Okei, nyt IE tunnistaa <video> -tunnisteen, mutta ei tiedä, mitä tehdä tähän mennessä sisältämiin lähdetiedostoihin. </p> <h3> Vaihe 3: Lisää lähdekoodi FLV-tiedostolle </h3><p> Aivan kuten edellisellä sivulla, lisäät riville HTML 5: n sisälle <video> -elementtiin, joka kertoo, mistä olet tallentanut FLV-tiedoston palvelimellesi. </p> <blockquote> <videoohjaimet esikuormitus> <br> <lähde src = "shasta.mp4" type = 'video / mp4; koodekit = "avc1.42E01E, mp4a.40.2" '> <br> <lähde src = "shasta.ogg" type = 'video / ogg; koodekit = "theora, vorbis" '> <br> <strong><lähde src = "shasta.flv" type = 'video / x-flv;</strong> <strong>koodekit = "On2 VP6, Sorenson Spark, näytön video, näytön video 2, H.264" "></strong> <br> </ Video> </blockquote><p> <strong>09/10</strong> </p> <h3> Lisää JavaScript ja Flash Player saada Internet Explorer toimimaan - osa 2 </h3><p> Valitettavasti emme ole vielä tehneet. Meidän on nyt kerrottava IE: lle FlowPlayer Flash -soittimen käyttämisestä edellä mainitsemastasi. </p> <h3> Vaihe 4: Käännä <video> elementti Flashiin </h3><p> Tätä varten tarvitsemme uuden käsikirjoituksen. Saimme käsikirjoituksen <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5: stä</a> . Mutta kun testasimme sen, se ei toiminut, ennen kuin teimme muutamia tarkistuksia: </p> <ul><li> Rivi 31: lisää FlowPlayer-asennuksen sijainti. </li><li> Rivi 42: tiedostotyypin muuttaminen <blockquote> video / mp4 </blockquote> että <blockquote> video / X-flv </blockquote></li><li> Rivi 94: alkaa numerosta <blockquote> jos (!! $ && !! $ (asiakirja) .ready) { </blockquote> siirrä dokumentin loppuun muutos, jonka otsikko on: <blockquote> // jos (!! $ && !! $ (asiakirja) .ready) { <br> / * jQuery-käyttäjät voivat alustaa heti, kun DOM on valmis * / <br> // $ (dokumentti) .ready (html5_video_init); <br> //} else { <br> / * Jokainen muu voi odottaa latauksen jälkeen * / <br> / * addEvent-toiminto osoitteessa http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = toiminto (obj, tyyppi, fn) { <br> jos (obj.addEventListener) <br> obj.addEventListener (tyyppi, fn, false); <br> muuten jos (obj.attachEvent) <br> obj.attachEvent ('on' + tyyppi, funktio () {palaa fn.apply (obj, uusi Array (window.event));}); <br> } <br> addEvent (ikkuna, "kuorma", html5_video_init); <br> //} </blockquote></li></ul><p> Kun olet muokannut JavaScript-tiedoston, lataa se palvelimellesi ja liitä se HTML-sivusi alareunaan (ennen </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Vau! Nyt kun olet tehnyt kaiken, lähetä HTML-koodi, jotta voit aloittaa testauksen. </p> <p> <strong>10/10</strong> </p> <h3> Testaa niin monta selausta kuin pystyt </h3><p> Videosivun testaaminen on kriittistä, jos haluat aloittaa menestyksen. Sinun kannattaa kokeilla sivusi suosituimmissa selaimissa ja versioissa sivustossasi. </p> <p> Olemme havainneet, että vaikka on mahdollista käyttää työkaluja, kuten BrowserLab ja AnyBrowser, testata videota, se ei ole yhtä luotettava kuin sivun selaus itse. Kun teet sen, voit todella nähdä, onko se toimiva vai ei. </p> <p> Koska olette menettäneet kaiken ongelman koodaamaan videoasi kolmessa muodossa, kokeile sitä varmistaaksesi, että se näkyy kaikissa kolmessa. Tämä tarkoittaa vähintään sitä, että se testataan seuraavassa: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 tai 4 </li><li> Internet Explorer 7 tai 8 </li></ul><p> Voit testata Chromea, mutta koska Chrome näyttää kaikki kolme menetelmää (jopa Flash, jos sinulla on laajennus), on vaikea kertoa, onko jokin toinen kahdesta tai mikä Chrome-koodekki on käytössä. </p> <p> Mielenrauhaa varten sinun on myös testattava vanhemmissa selaimissa, jotta näet, mitä he tekevät, varsinkin jos monet lukijasi käyttävät vanhempia selaimia. </p> <h3> Videon työskentely vanhemmissa selaimissa </h3><p> Kuten minkä tahansa verkkosivun kohdalla, sinun on ensin harkittava, kuinka tärkeää on saada kyseiset selaimet toimimaan. Jos 90% asiakkaistasi käyttää Netscapaa, sinulla on oltava varasuunnitelma niille. Mutta jos alle 1% ei, niin ei ehkä ole niin paljon väliä. </p> <p> Kun olet päättänyt, millaisia selaimia aiot yrittää tukea, helpoin tapa on luoda vaihtoehtoinen sivu, jolla he voivat katsella videota sisään. Vaihtoehtoisella sivulla upotat videon HTML 4: n avulla. joko käyttää jonkinlaista selaimen tunnistusta ohjataksesi ne siellä tai vain lisätä siihen linkin tähän sivuun. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-kaeyttaeae-ems-web-sivujen-fonttien-koon-muuttamiseen-html/"> <amp-img src="https://exse.eyewated.com/pict/95875758e662301f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-kaeyttaeae-ems-web-sivujen-fonttien-koon-muuttamiseen-html/">Kuinka käyttää 'EMS' Web-sivujen fonttien koon muuttamiseen (HTML)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/testaa-html-tietaemys-naeiden-tietokilpailujen-avulla/"> <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://fi.eyewated.com/testaa-html-tietaemys-naeiden-tietokilpailujen-avulla/">Testaa HTML-tietämys näiden tietokilpailujen avulla</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/sgml-n-html-n-ja-xml-n-vaelinen-suhde/"> <amp-img src="https://exse.eyewated.com/pict/7a7d935e524b3387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/sgml-n-html-n-ja-xml-n-vaelinen-suhde/">SGML: n, HTML: n ja XML: n välinen suhde</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-muokkaus-tekstieditorilla/"> <amp-img src="https://exse.eyewated.com/pict/62a09da409813588-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/html-muokkaus-tekstieditorilla/">HTML-muokkaus tekstieditorilla</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-kirjoitus-muistiossa/"> <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://fi.eyewated.com/html-kirjoitus-muistiossa/">HTML-kirjoitus muistiossa</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/html-singleton-merkinnaet-ilman-sulkemista/"> <amp-img src="https://exse.eyewated.com/pict/7056e9884b5231e2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/html-singleton-merkinnaet-ilman-sulkemista/">HTML Singleton-merkinnät ilman sulkemista</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-katsella-html-laehdettae-google-chromessa/"> <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://fi.eyewated.com/kuinka-katsella-html-laehdettae-google-chromessa/">Kuinka katsella HTML-lähdettä Google Chromessa</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/miten-luodaan-epub-tiedosto-html-ltae-ja-xml-ltae/"> <amp-img src="https://exse.eyewated.com/pict/a609fedb352d3260-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/miten-luodaan-epub-tiedosto-html-ltae-ja-xml-ltae/">Miten luodaan EPUB-tiedosto HTML: ltä ja XML: ltä</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://fi.eyewated.com/milloin-html5-elementtiae-kaeytetaeaen/">Milloin HTML5-elementtiä käytetään</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://fi.eyewated.com/ota-levytyoekalun-debug-valikko-kaeyttoeoen/"> <amp-img src="https://exse.eyewated.com/pict/0ee6b7583df52ef7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/ota-levytyoekalun-debug-valikko-kaeyttoeoen/">Ota Levytyökalun Debug-valikko käyttöön</a></h3> <div class="amp-related-meta"> Macit </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuva-pos-pro-review/"> <amp-img src="https://exse.eyewated.com/pict/1e879e8ab3323458-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuva-pos-pro-review/">Kuva Pos Pro Review</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-lisaetae-yhteystieto-gmailin-osoitekirjaan/"> <amp-img src="https://exse.eyewated.com/pict/3a853c5876be2eaf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-lisaetae-yhteystieto-gmailin-osoitekirjaan/">Kuinka lisätä yhteystieto Gmailin osoitekirjaan</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/politemail-outlookin-saehkoepostimarkkinoinnin-lisaeosa/"> <amp-img src="https://exse.eyewated.com/pict/3d7bd5dbeb2d38d1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/politemail-outlookin-saehkoepostimarkkinoinnin-lisaeosa/">PoliteMail - Outlookin sähköpostimarkkinoinnin lisäosa</a></h3> <div class="amp-related-meta"> Sähköposti & viestintä </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/iphone-mail-ja-ipad-mail-ios-mail-10-0/"> <amp-img src="https://exse.eyewated.com/pict/49881c3bb6a6329b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/iphone-mail-ja-ipad-mail-ios-mail-10-0/">IPhone Mail ja iPad Mail (iOS Mail) 10.0</a></h3> <div class="amp-related-meta"> IPhone ja iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/pandora-kuusi-tapaa-tehdae-se-entistae-paremmaksi/"> <amp-img src="https://exse.eyewated.com/pict/d3b136fcd9dc34a6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/pandora-kuusi-tapaa-tehdae-se-entistae-paremmaksi/">Pandora: Kuusi tapaa tehdä se entistä paremmaksi</a></h3> <div class="amp-related-meta"> Nettihaku </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://fi.eyewated.com/opi-ottamaan-kaeyttoeoen-selaimesi-inkognitointitila/"> <amp-img src="https://exse.eyewated.com/pict/bda8a47e56a0347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/opi-ottamaan-kaeyttoeoen-selaimesi-inkognitointitila/">Opi ottamaan käyttöön selaimesi inkognitointitila</a></h3> <div class="amp-related-meta"> Selaimet </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/huijaukset-ja-salaisuudet-crash-bandicoota-ps1-lle/"> <amp-img src="https://exse.eyewated.com/pict/b0c7a9258a8e339b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/huijaukset-ja-salaisuudet-crash-bandicoota-ps1-lle/">Huijaukset ja salaisuudet Crash Bandicoota PS1: lle</a></h3> <div class="amp-related-meta"> Pelaamista </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-rekisteroeidae-apple-music/"> <amp-img src="https://exse.eyewated.com/pict/67b7cc645eb034a6-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-rekisteroeidae-apple-music/">Kuinka rekisteröidä Apple Music</a></h3> <div class="amp-related-meta"> IPhone ja iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/miten-lisaetae-powerpoint-2007-n-diaesikokoa/"> <amp-img src="https://exse.eyewated.com/pict/92285b2ba01a3866-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/miten-lisaetae-powerpoint-2007-n-diaesikokoa/">Miten lisätä PowerPoint 2007: n diaesikokoa</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/nelson-saehkoeposti-jaerjestaejae-pro-outlook-lisaeosan-review/">Nelson Sähköposti Järjestäjä Pro- Outlook Lisäosan Review</a></h3> <div class="amp-related-meta"> Ohjelmistot ja sovellukset </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/lg-v20-hands-on/"> <amp-img src="https://exse.eyewated.com/pict/26c1d3a562ae3097-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/lg-v20-hands-on/">LG V20 Hands-On</a></h3> <div class="amp-related-meta"> Oppaiden ostaminen </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/ubuntu-ip-masquerading/"> <amp-img src="https://exse.eyewated.com/pict/b8c04e38eef132df-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/ubuntu-ip-masquerading/">Ubuntu IP Masquerading</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/fix-oci-dll-ei-loeydy-tai-puuttuvat-virheet/"> <amp-img src="https://exse.eyewated.com/pict/f8c06de136a432cd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/fix-oci-dll-ei-loeydy-tai-puuttuvat-virheet/">Fix Oci.dll ei löydy tai puuttuvat virheet</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/diskcryptor-v1-1-846-118/"> <amp-img src="https://exse.eyewated.com/pict/09bebc2e246e312a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/diskcryptor-v1-1-846-118/">DiskCryptor v1.1.846.118</a></h3> <div class="amp-related-meta"> Ohjelmistot ja sovellukset </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/kuinka-aktivoida-koko-naeytoen-tila-ie9-ssae/"> <amp-img src="https://exse.eyewated.com/pict/1af3f7985c9c3bff-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/kuinka-aktivoida-koko-naeytoen-tila-ie9-ssae/">Kuinka aktivoida koko näytön tila IE9: ssä</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/vikasietotila-mitae-se-on-ja-miten-sitae-kaeytetaeaen/"> <amp-img src="https://exse.eyewated.com/pict/815e643154c63553-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/vikasietotila-mitae-se-on-ja-miten-sitae-kaeytetaeaen/">Vikasietotila (mitä se on ja miten sitä käytetään)</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mikae-aiheuttaa-rekisterivirheitae/"> <amp-img src="https://exse.eyewated.com/pict/4680c328da5042f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mikae-aiheuttaa-rekisterivirheitae/">Mikä aiheuttaa rekisterivirheitä?</a></h3> <div class="amp-related-meta"> Ohjelmistot ja sovellukset </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/mikae-on-xspf-tiedosto/"> <amp-img src="https://exse.eyewated.com/pict/88a1221b32a131d7-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/mikae-on-xspf-tiedosto/">Mikä on XSPF-tiedosto?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/panasonic-lumix-fz40-review/">Panasonic Lumix FZ40 Review</a></h3> <div class="amp-related-meta"> Tuotearvostelut </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/animointi-videopeleistae-tai-animaatiosta-elokuville/"> <amp-img src="https://exse.eyewated.com/pict/526d6a142ec933c5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/animointi-videopeleistae-tai-animaatiosta-elokuville/">Animointi videopeleistä tai animaatiosta elokuville</a></h3> <div class="amp-related-meta"> Ohjelmisto </div> </div> </div> <div class="amp-related-content"> <a href="https://fi.eyewated.com/savukkeensytyttimen-kytkeminen-akkuun/"> <amp-img src="https://exse.eyewated.com/pict/542e91639a42352c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://fi.eyewated.com/savukkeensytyttimen-kytkeminen-akkuun/">Savukkeensytyttimen kytkeminen akkuun</a></h3> <div class="amp-related-meta"> Car Tech </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 fi.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.323 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:02:59 --> <!-- 0.001 -->