HTML 5 myndskeiðið gerir það auðvelt að bæta við myndskeiðum á vefsíðum þínum . En á meðan það virðist auðvelt á yfirborðinu, þá eru margar hlutir sem þú þarft að gera til að fá myndskeiðið þitt í gang. Þessi kennsla mun taka þig í gegnum skrefin til að búa til síðu í HTML 5 sem mun keyra myndskeið í öllum nútíma vafra.
- Hýsing eigin HTML 5 Vídeó vs Notkun YouTube
- Stutt yfirlit yfir myndbandstæki á vefnum
- Búðu til og breyttu myndskeiðinu þínu
- Umbreyta vídeó til Ogg fyrir Firefox
- Umbreyta vídeó til MP4 fyrir Safari
- Breyta vídeóinu til FLV fyrir Internet Explorer
- Bættu við myndskeiðinu við vefsíðuna þína
- Bættu JavaScript og Flash Player til að fá Internet Explorer til að vinna hluti 1
- Prófaðu eins marga vafra og þú getur
01 af 10
Hýsing eigin HTML 5 Vídeó vs Notkun YouTube
YouTube er frábær staður. Það gerir það auðvelt að fella vídeó inn á vefsíður fljótt og með nokkrum minniháttar undantekningum er frekar óaðfinnanlegur í framkvæmd þessara myndskeiða. Ef þú sendir vídeó á YouTube getur þú verið nokkuð viss um að einhver geti horft á það.
En með því að nota YouTube til að fella inn vídeóin þín eru nokkrar gallar
Flest vandamálin með YouTube eru á neytendahliðinni, frekar en á hönnunarhliðinni, eins og:
- Slow leit og flokkun
- Miðlungs outages
- Efni er fjarlægt (virðist) geðþótta
- Of mikið slæmt efni
En það eru nokkrar ástæður fyrir því að YouTube er slæmt fyrir forritara, einnig:
- 10 mínútna hámarkslengd fyrir vídeó (fyrir frjáls reikninga)
- Slæmur hlaða árangur
- YouTube öðlast ótakmarkaðan notkunarréttindi á myndskeiðinu þínu
- Allir notendur YouTube fá ótakmarkaða notkunarréttindi á myndskeiðinu þínu
HTML 5 Video gefur nokkra kosti yfir YouTube
Notkun HTML 5 fyrir myndskeið leyfir þér að stjórna öllum hliðum myndbandsins, frá hverjir geta skoðað það, hversu lengi það er, hvað innihaldið inniheldur, hvar það er hýst og hvernig miðlarinn sinnir. Og HTML 5 vídeó gefur þér kost á að umrita myndskeiðið þitt í eins mörgum sniði og þú þarft að ganga úr skugga um að hámarksfjöldi fólks geti skoðað það. Viðskiptavinir þínir þurfa ekki viðbót eða að bíða þar til YouTube sleppir nýrri útgáfu.
Auðvitað, HTML 5 Video býður upp á nokkra galli
Þessir fela í sér:
- Þú verður að umrita myndskeiðið þitt í að minnsta kosti þrjá mismunandi merkjamál
- Þú verður að innihalda nokkrar JavaScript til að tryggja að vafrar sem styðja ekki HTML 5 munu virka
- Þjónninn þinn verður að vera fær um að takast á við bandbreidd kröfur hýsingu vídeó
02 af 10
Stutt yfirlit yfir myndbandstæki á vefnum
Bæti vídeó við vefsíður hefur lengi verið erfitt ferli. Það voru svo margir hlutir sem gætu farið úrskeiðis:
- Í fyrsta lagi notarðu merkið
- Þannig að skipta yfir í
- Þá heldurðu " Flash !" Og umritaðu myndskeiðið sem FLV skrá. En Flash er ekki studd á mörgum farsímum og margir hata Flash, sama hvernig það er notað (25% svarenda í könnuninni minni, sem biðja um hvernig þér líður um Flash, sagði að þeir geti ekki staðið Flash á nokkurn hátt).
- Þannig að þú ákveður að hlaða upp myndskeiðinu þínu á myndskeiðssvæðinu eins og YouTube, en þá hefurðu málið við YouTube sem við ræddum.
- Að lokum ákveður þú að fara með HTML 5, en Internet Explorer styður það ekki (ekki fyrr en Internet Explorer 9). Og jafnvel ef þú gerir það, þá eru tveir vídeó merkjamál staðla sem eru studdar og aðeins ein vafra sem getur notað bæði. Vefur stuðningur fyrir vídeó kóðara og ílát
Svo hvað áttu að gera? Að gefa upp myndskeið er ekki lengur valkostur fyrir flest vefsvæði, þar sem myndskeiðið er að verða mikilvægari. Og margar síður hafa tekist að skipta yfir í myndskeið.
Eftirfarandi síður í þessari grein munu stíga þig í gegnum hvernig á að bæta við myndskeiðum á vefsíður þínar sem vinna í Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 og 4, iPhone og Android, Flash og Internet Explorer 7 og 8. Þú verður Einnig hafa lyklana sem þú þarft til að bæta við stuðningi við aðra eldri vafra ef þörf krefur.
03 af 10
Búðu til og breyttu myndskeiðinu þínu
Það fyrsta sem þú þarft þegar þú ert að fara að setja myndskeið á vefsíðu er raunverulegt vídeó. Þú getur annaðhvort skjóta stöðugt og breytt síðan til að búa til eiginleika, eða þú getur skrifað það og skipuleggðu það út fyrirfram. Hins vegar virkar það vel, það er bara það sem þú ert ánægð með. Ef þú veist ekki hvers konar vídeó þú ættir að gera skaltu skoða þessar hugmyndir úr skjáborðsleiðarvísinum:
- Fjölskylda Vídeó Verkefni
- Markaðs- og kynningarfundir
- Video Virtual Tours
- Hvernig á að myndbönd
- Brúðkaup myndbönd
Lærðu hvernig á að taka upp hágæða vídeó
Gakktu úr skugga um að þú veist hvernig á að taka upp innandyra og utandyra sem og hvernig á að taka upp hljóð. Ljósahönnuður er einnig mjög mikilvægt - skot sem er of björt skaðað augun og of dökk lítur bara leðjulegur og óprófandi. Jafnvel ef þú ætlar aðeins að hafa 30 sekúndna myndskeið á vefsvæðinu þínu, því meiri gæði er það betra sem það mun endurspegla á vefsíðunni þinni.
Mundu líka að höfundarrétti gildir um hljóð eða tónlist (sem og lager myndefni) sem þú gætir viljað nota í myndskeiðinu þínu. Ef þú hefur ekki aðgang að vini sem getur skrifað og spilað lag fyrir þig þarftu að finna tónlistarfrí tónlist til að spila í bakgrunni. Það eru líka staðir sem þú getur birgðir myndefni til að bæta við vídeóunum þínum.
Breyttu myndskeiðinu þínu
Það skiptir ekki máli hvaða útgáfa hugbúnaður þú notar, bara svo lengi sem þú þekkir það og getur notað það á áhrifaríkan hátt. Gretchen, the Video Video Guide, hefur nokkrar faglega vídeóbreytingar ráð sem geta hjálpað þér að breyta vídeóunum þínum svo að þær líta vel út.
Vista myndbandið þitt í MOV eða AVI (eða MPG, CD, DV)
Fyrir the hvíla af this einkatími, við erum að fara að gera ráð fyrir að þú hefur vídeóið þitt vistað í sumum tegund af hár gæði (non-þjappað) snið eins og AVI eða MOV. Þó að þú getur notað þessar skrár eins og þau eru, þá kemst þú í vandræðum með myndskeið sem við höfum þegar rætt um. Eftirfarandi síður munu útskýra hvernig hægt er að umbreyta skránni í þrjár gerðir svo að hún sé sýnilegur með flestum vöfrum.
04 af 10
Umbreyta vídeó til Ogg fyrir Firefox
Fyrsta sniðið sem við munum umbreyta til er Ogg (stundum kallað Ogg-Theora). Þetta snið er eitt sem Firefox 3.5, Opera 10.5 og Chrome 3 geta allir skoðað.
Því miður, meðan Ogg hefur vafra stuðning, bjóða margir af þekktustu myndskeiðunum sem þú getur keypt (Adobe Media Encoder, QuickTime, osfrv.) Ekki Ogg viðskipti valkost. Þannig að eina leiðin til að umbreyta myndskeiðinu þínu til Ogg er að finna viðskiptaáætlun á vefnum.
Viðskiptavalkostir
Það er á netinu tól sem kallast Media-Convert sem segist umbreyta ýmiss konar vídeó (og hljóð) inn í önnur vídeó (og hljóð) snið. Þegar við reyndum það með 3 sekúndna prófunarmyndinni mínum gat ég ekki fengið það að vinna á Mac minn. En þú gætir haft betri heppni. Þessi síða hefur þann kost að vera frjáls.
Sum önnur verkfæri sem við fundum eru:
- Miro Vídeó Breytir (Windows Macintosh) - Þetta forrit hefur þann kost að umbreyta til bæði Ogg og MP4 (H.264) og það er opinn uppspretta.
- Koyote Vídeó Breytir (Windows)
- Free Video Converter Við teljum að þetta hafi bæði Windows og Macintosh útgáfu, en það var erfitt að segja frá vefsvæðinu
- Einföld Theora kóðara (Macintosh) - þetta er það sem við höfum tilhneigingu til að nota.
Þegar þú hefur vistað myndskeiðið þitt á Ogg-sniði skaltu vista það á stað á vefsvæðinu og fara á næstu síðu til að umbreyta því í önnur snið fyrir aðra vafra.
05 af 10
Umbreyta vídeó til MP4 fyrir Safari
Næsta sniði sem þú ættir að breyta myndskeiðinu inn í er MP4 (H.264 myndband) þannig að það sé hægt að spila á Safari 3 og 4 og iPhone og Android. Auk þess geta H.264 myndbönd auðveldlega verið breytt í FLV skrár til að horfa á Flash.
Þetta sniði er auðveldara að fá í viðskiptalegum vörum og þú hefur líklega nú þegar forrit sem mun umbreyta til MP4 ef þú ert með myndvinnsluforrit. Ef þú ert með Adobe Premiere getur þú notað Adobe Video Encoder, eða ef þú hefur QuickTime Pro sem mun virka eins og heilbrigður. Margir breytinganna sem við ræddum á fyrri síðunni mun einnig umbreyta vídeóum til MP4.
- Media-Convert - tól á netinu
- Miro Vídeó Breytir (Windows Macintosh) - Þetta forrit hefur þann kost að umbreyta til bæði Ogg og MP4 (H.264) og það er opinn uppspretta.
- SUPER (Windows) - mun umbreyta mörgum mismunandi skráagerðum til MP4 og FLV
- Free Video Converter Við teljum að þetta hafi bæði Windows og Macintosh útgáfu, en það var erfitt að segja frá vefsvæðinu
Vista MP4 skrá þína á vefsvæðið þitt og þá þarftu að breyta því í Flash til að nota Internet Explorer.
06 af 10
Breyta vídeóinu til FLV fyrir Internet Explorer
Auðveldasta leiðin til að umbreyta vídeóum til FLV er að nota Flash sjálf. Það er hvernig við umbreyta vídeóunum mínum í Flash. En ef þú ert ekki með Flash þá eru tvö vinsæl tæki til að umbreyta skrám til FLV:
- SUPER (Windows) - mun umbreyta mörgum mismunandi skráagerðum til MP4 og FLV
- ffmpegX (Macintosh) - mun umbreyta mörgum mismunandi skráargerðum til MP4 og FLV.
Vista FLV skrárnar þínar á vefsvæðið þitt og á næstu síðu munðu sýna þér hvernig á að skrifa HTML þannig að þú getur spilað myndskeiðin þín.
07 af 10
Bættu við myndskeiðinu við vefsíðuna þína
Það er mjög auðvelt að nota HTML 5 til að bæta við myndskeiðum á vefsíðum. Flestir nútíma vafrar styðja HTML 5 vídeó, þótt þeir styðja ekki allt það á sama hátt. En hvað þetta þýðir er að ef þú vistar myndskeiðið þitt bæði sem Ogg og MP4 snið, þá munt þú vera fær um að skrifa aðeins fjóra eða fimm línur af HTML til að fá það að birta í flestum nútíma vafra (nema Internet Explorer 8). Hér er hvernig:
- Skrifaðu HTML 5 doctype merkið þannig að vafrar vita að búast við HTML 5:
- Búðu til vefsíðu þína eins og þú myndir venjulega búa til það:
</ title> <br> </ head> <br> <líkami> <br><br> </ body> <br> </ html> </blockquote></li><li> Inni í líkamanum skaltu setja <video> merki: <blockquote> <video> </ video> </blockquote></li><li> Ákveða hvaða eiginleika þú vilt hafa myndbandið þitt: <ul><li> sjálfkrafa - til að hefja strax og það er hlaðið niður </li><li> stjórna - leyfa lesendum að stjórna myndskeiðinu (hlé, spóla til baka, hratt áfram) </li><li> lykkja - byrjaðu myndbandið frá upphafi þegar það endar </li><li> preload - hlaða niður vídeóinu áður en það er tilbúið hraðar þegar viðskiptavinurinn smellir á það </li><li> plakat - tilgreindu myndina sem þú vilt nota þegar myndskeiðið er hætt </li></ul> Við mælum með því að nota stýringar og preload. Notaðu valkostinn fyrir plakatið ef vídeóið þitt er ekki með góða fyrstu vettvang. <blockquote> <myndavélarstillingar> </ video> </blockquote></li><li> Settu síðan upp skrárnar fyrir báðar útgáfur myndbandsins (MP4 og OGG) inni í <video> frumefni: <blockquote> <fyrirframstillingar fyrir vídeóstýringar> <br> <source src = "shasta.mp4" type = 'vídeó / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'vídeó / ogg; codecs = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Opnaðu síðuna í Chrome 1, Firefox 3.5, Opera 10 og / eða Safari 4 og vertu viss um að hún birtist rétt. Þú ættir að prófa það í að minnsta kosti Firefox 3.5 og Safari 4 - þar sem þeir nota hverja aðra merkjamál. </li></ol><p> Það er það. Þegar þú hefur þennan kóða til staðar þá færðu vídeó sem virkar í Firefox 3.5, Safari 4, Opera 10 og Chrome 1. En hvað um Internet Explorer? </p> <h3> Internet Explorer líkar ekki HTML 5 eða <video> Tag </h3><p> Í næsta kafla munum við tala um hvað þú getur gert til að fá IE 8 til að spila fallega með HTML 5 myndskeiðunum þínum og birta myndskeið. Þú verður að nota Flash. Góðu fréttirnar eru þær að IE 9 er gert ráð fyrir að styðja HTML 5 og myndskeiðið. </p> <p> <strong>08 af 10</strong> </p> <h3> Bættu JavaScript og Flash Player til að fá Internet Explorer til að vinna </h3><p> Þú gætir hafa tekið eftir því að á HTML síðunnar var engin upphafslína fyrir FLV skrána. Og ef þú prófaðir þá síðu í Internet Explorer myndi það ekki virka. Það er vegna þess að Internet Explorer þekkir ekki HTML 5 og það getur ekki spilað annað hvort OGG eða MP4 vídeó innfædd. Til þess að fá Internet Explorer 7 og 8 að vinna þarftu að spila vídeóið sem Flash. En það eru fleiri skref til að fá það að verkum en bara að bæta við FLV skrá. </p> <h3> Skref 1: Fáðu Flash Video Player fyrir vefsíðuna þína </h3> <p> Við mælum með því að þú færð FlowPlayer því það er opinn uppspretta Flash-myndspilari sem þú getur sett upp á vefþjóninum þínum og notað þegar þú ert með Flash-myndskeið til að spila. Frjáls útgáfa af FlowPlayer setur auglýsingu á myndskeiðin þín, en þú getur líka keypt auglýsingaleyfi ef þú þarfnast þeirra. </p> <p> Fylgdu leiðbeiningunum á FlowPlayer síðuna til að setja FlowPlayer á vefsvæðið þitt. Í hnotskurn verður þú að setja upp 2 SWF skrár og JavaScript skrá á vefsvæðinu þínu. Neðst á HTML þínum, (fyrir merkið </ body>) bætirðu við línu: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> En Internet Explorer mun samt ekki spila myndskeiðið, þú verður að kenna því hvernig á að viðurkenna HTML 5 tags. </p> <h3> Skref 2: Staðfesta Internet Explorer til að lesa HTML 5 Tags </h3><p> Það er handvirkt handrit á Google kóða sem kallast "HTML Shiv" sem mun hjálpa IE að viðurkenna HTML 5 þætti. Svo í <höfuð> HTML skjalsins sem þú vilt vísa til. Það er best að láta það fylgja í IE skilyrtum athugasemdum svo að aðrar vafrar séu ekki ruglaðir saman: </p> <blockquote> <! - [ef IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Allt í lagi, IE mun nú viðurkenna <video> merkið, en veit ekki hvað ég á að gera við upprunalistann sem þú hefur með í hingað til. </p> <h3> Skref 3: Bættu við heimildarlínu fyrir FLV skrá </h3><p> Rétt eins og þú gerðir á fyrri síðunni, bætir þú línu við HTML 5 þinn inni í <video> frumefni sem gefur til kynna hvar þú hefur geymt FLV skrá á þjóninum þínum. </p> <blockquote> <fyrirframstillingar fyrir vídeóstýringar> <br> <source src = "shasta.mp4" type = 'vídeó / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'vídeó / ogg; codecs = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'vídeó / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Skjár myndband, Skjár myndband 2, H.264" '></strong> <br> </ video> </blockquote><p> <strong>09 af 10</strong> </p> <h3> Bæta við JavaScript og Flash Player til að fá Internet Explorer til að vinna - Part 2 </h3><p> Því miður erum við samt ekki búin. Við verðum nú að segja IE að nota FlowPlayer Flash myndbandsspilarann sem við höfðum vísað til hér að ofan. </p> <h3> Skref 4: Snúðu <video> Element Into Flash </h3><p> Til þess þurfum við annað handrit. Við fengum handritið frá <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . En þegar við prófuðum það virkaði það ekki fyrr en við gerðum nokkrar breytingar: </p> <ul><li> Um línu 31: Bættu við staðsetningu FlowPlayer uppsetningu þinni. </li><li> Um línuna 42: Breyttu skráartegundinni úr <blockquote> vídeó / mp4 </blockquote> til <blockquote> vídeó / x-flv </blockquote></li><li> Um línu 94: byrjar með <blockquote> ef (!! $ && !! $ (skjal) .ready) { </blockquote> í lok skjalsins, breyttu þessum hluta til að lesa: <blockquote> // ef (!! $ && !! $ (skjal) .ready) { <br> / * jQuery notendur geta frumstillt um leið og DOM er tilbúið * / <br> // $ (skjal) .ready (html5_video_init); <br> //} Annar { <br> / * Allir aðrir geta beðið þangað til onload * / <br> / * addEvent virka í gegnum http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = virka (obj, tegund, fn) { <br> ef (obj.addEventListener) <br> obj.addEventListener (gerð, fn, ósatt); <br> annars ef (obj.attachEvent) <br> obj.attachEvent ('on' + tegund, virka () {return fn.apply (obj, nýr array (window.event));}); <br> } <br> addEvent (gluggi, "hlaða", html5_video_init); <br> //} </blockquote></li></ul><p> Þegar þú hefur breytt JavaScript-skránni skaltu hlaða henni upp á netþjóninn og tengjast því neðst á HTML síðunni þinni (fyrir </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Whew! Nú þegar þú hefur gert allt þetta ættirðu að hlaða upp HTML þínum svo þú getir byrjað að prófa. </p> <p> <strong>10 af 10</strong> </p> <h3> Prófaðu eins marga vafra og þú getur </h3><p> Að prófa myndasíður eru mikilvægar ef þú vilt ná árangri. Þú ættir að vera viss um að prófa síðuna þína í vinsælustu vöfrum og útgáfum fyrir vefsvæðið þitt. </p> <p> Við höfum komist að því að það er hægt að nota verkfæri eins og BrowserLab og AnyBrowser til að prófa myndskeið, það er ekki eins áreiðanlegt og uppeldi blaðsins sjálfkrafa. Þegar þú gerir það getur þú virkilega séð hvort það virkar eða ekki. </p> <p> Þar sem þú fórst að öllum vandræðum til að umrita myndskeiðið þitt í þremur sniðum ættir þú að prófa það til að tryggja að það birtist í öllum þremur. Þetta þýðir að þú ættir að prófa það í lágmarki: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 eða 4 </li><li> Internet Explorer 7 eða 8 </li></ul><p> Þú getur prófað í Chrome, en þar sem Chrome mun skoða allar þrjár aðferðirnar (jafnvel Flash, ef þú ert með viðbótina), er erfitt að segja hvort það sé vandamál við einn af hinum tveimur eða hvaða merkjamál Chrome notar. </p> <p> Fyrir hugarró ættir þú einnig að prófa í eldri vöfrum til að sjá hvað þeir gera, sérstaklega ef margir lesendur þínir nota eldri vafra. </p> <h3> Að fá myndskeiðið sem vinnur í eldri vafra </h3><p> Eins og á hvaða vefsíðu sem er, ættir þú fyrst að íhuga hversu mikilvægt það er að fá þá vina sem virka. Ef 90% viðskiptavina þinna nota Netscape þá ættirðu að hafa fallback áætlun fyrir þá. En ef minna en 1% gera það gæti það ekki skipt máli svo mikið. </p> <p> Þegar þú hefur ákveðið hvaða vafra þú ætlar að reyna að styðja er auðveldasta leiðin til einfaldlega að búa til aðra síðu fyrir þá til að skoða myndskeiðið. Á þessum varasíðu myndi þú embeda myndskeið með HTML 4. Og þá annaðhvort að nota einhvers konar uppgötvun vafra til að beina þeim þar eða bara bæta við tengil á þessa síðu á þessari síðu. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://is.eyewated.com/meta-charset-merkid-i-html5/"> <amp-img src="https://exse.eyewated.com/pict/25d45722387b300c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/meta-charset-merkid-i-html5/">Meta Charset Merkið í HTML5</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/html-kodar-fyrir-tekknesku-slovakiu-og-slovenska-tungumalatakn/"> <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://is.eyewated.com/html-kodar-fyrir-tekknesku-slovakiu-og-slovenska-tungumalatakn/">HTML kóðar fyrir tékknesku, slóvakíu og slóvenska tungumálatákn</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/ritun-html-i-notepad/"> <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://is.eyewated.com/ritun-html-i-notepad/">Ritun HTML í Notepad</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/abendingar-um-notkun-html-athugasemdarmida/"> <amp-img src="https://exse.eyewated.com/pict/4bcc8f96607434bc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/abendingar-um-notkun-html-athugasemdarmida/">Ábendingar um notkun HTML athugasemdarmiða</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/af-hverju-thu-tharft-thessar-5-html-ritstjorar-fyrir-ipad/"> <amp-img src="https://exse.eyewated.com/pict/efd6465b731a309b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/af-hverju-thu-tharft-thessar-5-html-ritstjorar-fyrir-ipad/">Af hverju þú þarft þessar 5 HTML ritstjórar fyrir iPad</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvernig-til-baeta-vid-athugasemdum-i-html-thinum/">Hvernig Til Bæta við athugasemdum í HTML þínum</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/er-thad-html-geimmerki/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/er-thad-html-geimmerki/">Er það HTML geimmerki?</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/ritun-html-med-macintosh-textedit/"> <amp-img src="https://exse.eyewated.com/pict/fbd3e2632d2f3693-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/ritun-html-med-macintosh-textedit/">Ritun HTML með Macintosh TextEdit</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/skilningur-a-index-html-sidunni-a-vefsidu/"> <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://is.eyewated.com/skilningur-a-index-html-sidunni-a-vefsidu/">Skilningur á Index.html síðunni á vefsíðu</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://is.eyewated.com/hvernig-a-ad-kanna-hvad-google-veit-um-thig/"> <amp-img src="https://exse.eyewated.com/pict/8e09374bbd103578-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvernig-a-ad-kanna-hvad-google-veit-um-thig/">Hvernig á að kanna hvað Google veit um þig</a></h3> <div class="amp-related-meta"> Nýtt og næst </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/hvad-er-freemium-og-er-frjalst-ad-spila-raunverulega-godur-fyrir-leiki/"> <amp-img src="https://exse.eyewated.com/pict/fca71966ea4c2eff-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvad-er-freemium-og-er-frjalst-ad-spila-raunverulega-godur-fyrir-leiki/">Hvað er Freemium? Og er frjálst að spila raunverulega góður fyrir leiki?</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/uppfaerdu-ps3-diskinn-til-ad-bua-til-fleiri-plass-fyrir-leiki-og-fleira/"> <amp-img src="https://exse.eyewated.com/pict/eb568a8559ff34e7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/uppfaerdu-ps3-diskinn-til-ad-bua-til-fleiri-plass-fyrir-leiki-og-fleira/">Uppfærðu PS3-diskinn til að búa til fleiri pláss fyrir leiki og fleira</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/email-header-skilgreining-og-upplysingar/">Email Header Skilgreining og upplýsingar</a></h3> <div class="amp-related-meta"> Tölvupóstur og skilaboð </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/dance-recital-videos/"> <amp-img src="https://exse.eyewated.com/pict/3058ffbe524d3648-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/dance-recital-videos/">Dance Recital Videos</a></h3> <div class="amp-related-meta"> Vefur og leit </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/svart-og-hvitt-2-engin-cd-plata/"> <amp-img src="https://exse.eyewated.com/pict/833c47ebf98d3541-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/svart-og-hvitt-2-engin-cd-plata/">"Svart og hvítt 2" Engin CD-plata</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://is.eyewated.com/baettu-vid-rafraenum-undirskriftum-i-microsoft-office/"> <amp-img src="https://exse.eyewated.com/pict/a26a29c60c8739f2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/baettu-vid-rafraenum-undirskriftum-i-microsoft-office/">Bættu við rafrænum undirskriftum í Microsoft Office</a></h3> <div class="amp-related-meta"> Hugbúnaður </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/hvernig-a-ad-gera-mii/"> <amp-img src="https://exse.eyewated.com/pict/55bb5cebf07934a4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvernig-a-ad-gera-mii/">Hvernig á að gera Mii</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/a-review-af-iphone-3g-apple/"> <amp-img src="https://exse.eyewated.com/pict/d47d95e02821315b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/a-review-af-iphone-3g-apple/">A Review af iPhone 3G Apple</a></h3> <div class="amp-related-meta"> Vara Rifja upp </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/hvernig-a-ad-laga-initpki-dll-fannst-ekki-eda-vantar-villur/"> <amp-img src="https://exse.eyewated.com/pict/32dfef9c73413400-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvernig-a-ad-laga-initpki-dll-fannst-ekki-eda-vantar-villur/">Hvernig á að laga Initpki.dll fannst ekki eða vantar villur</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/felagsleg-netkerfi-fyrir-farsima-ljosmyndara-ad-ihuga/"> <amp-img src="https://exse.eyewated.com/pict/093126380af9339a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/felagsleg-netkerfi-fyrir-farsima-ljosmyndara-ad-ihuga/">Félagsleg netkerfi fyrir farsíma ljósmyndara að íhuga</a></h3> <div class="amp-related-meta"> Kaupleiðbeiningar </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/laerdu-linux-command-iwpriv/"> <amp-img src="https://exse.eyewated.com/pict/6f20d4503d3d33d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/laerdu-linux-command-iwpriv/">Lærðu Linux Command - iwpriv</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/seagate-seatools/"> <amp-img src="https://exse.eyewated.com/pict/622482e27a053576-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/seagate-seatools/">Seagate SeaTools</a></h3> <div class="amp-related-meta"> Hugbúnaður og forrit </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/hvernig-a-ad-nota-osynilega-vefinn-til-ad-finna-folk/"> <amp-img src="https://exse.eyewated.com/pict/1e28c0ad5c563828-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvernig-a-ad-nota-osynilega-vefinn-til-ad-finna-folk/">Hvernig á að nota ósýnilega vefinn til að finna fólk</a></h3> <div class="amp-related-meta"> Vefur og leit </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/prentun-margfeldi-i-coreldraw/"> <amp-img src="https://exse.eyewated.com/pict/2e27246b547e32f9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/prentun-margfeldi-i-coreldraw/">Prentun margfeldi í CorelDRAW</a></h3> <div class="amp-related-meta"> Hugbúnaður </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/pimp-skjar-thinn-iphone-veggfodur-app-review/"> <amp-img src="https://exse.eyewated.com/pict/4e441aaaaeae3405-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/pimp-skjar-thinn-iphone-veggfodur-app-review/">Pimp Skjár þinn iPhone Veggfóður App Review</a></h3> <div class="amp-related-meta"> Hugbúnaður og forrit </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/er-thad-html-geimmerki/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/er-thad-html-geimmerki/">Er það HTML geimmerki?</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/hvernig-fjarlaegi-eg-windows-lykilordid-mitt/"> <amp-img src="https://exse.eyewated.com/pict/b67a92adad99376e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/hvernig-fjarlaegi-eg-windows-lykilordid-mitt/">Hvernig fjarlægi ég Windows lykilorðið mitt?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/nesting-html-tags/"> <amp-img src="https://exse.eyewated.com/pict/367b942e8c6c34aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/nesting-html-tags/">Nesting HTML Tags</a></h3> <div class="amp-related-meta"> Vefhönnun og dev </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/tegundir-vinnsluminni-sem-keyra-toelvur-i-dag/"> <amp-img src="https://exse.eyewated.com/pict/88077e99e1833298-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/tegundir-vinnsluminni-sem-keyra-toelvur-i-dag/">Tegundir vinnsluminni sem keyra tölvur í dag</a></h3> <div class="amp-related-meta"> Nýtt og næst </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/afrit-skra-i-mac-finder-med-thessum-brellur/"> <amp-img src="https://exse.eyewated.com/pict/0e83ae83c77e3509-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/afrit-skra-i-mac-finder-med-thessum-brellur/">Afrit Skrá í Mac Finder með þessum brellur</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://is.eyewated.com/8-rad-til-ad-auka-mynd-raunsaei-i-frammistoedu-thinni/"> <amp-img src="https://exse.eyewated.com/pict/5249c75083254b64-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://is.eyewated.com/8-rad-til-ad-auka-mynd-raunsaei-i-frammistoedu-thinni/">8 ráð til að auka mynd-raunsæi í frammistöðu þinni</a></h3> <div class="amp-related-meta"> Nýtt og næst </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 is.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.251 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:39:35 --> <!-- 0.002 -->