HTML 5 video taga ļauj ērti pievienot videoklipus savām tīmekļa lapām . Bet, lai gan šķiet viegli uz virsmas, jums ir daudz lietas, kas jums jādara, lai videoklipu izveidotu un darbotos. Šajā apmācībā tiks veikti soļi, lai izveidotu HTML 5 lapu, kurā tiks rādīts video visās mūsdienu pārlūkprogrammās.
- Hostings Jūsu HTML 5 video salīdzinājumā ar YouTube izmantošanu
- Īss video atbalsta pārskats tīmeklī
- Izveidojiet un rediģējiet savu videoklipu
- Konvertējiet video uz Ogg Firefox
- Konvertēt video uz MP4 Safari
- Pārvērst video par FLV pārlūkprogrammai Internet Explorer
- Pievienojiet videoklipa elementu savai tīmekļa lapai
- Pievienojiet JavaScript un Flash Player, lai Internet Explorer darbotos 1. daļā
- Pārbaudiet pēc iespējas vairāk pārlūkprogrammu
01 no 10
Hostings Jūsu HTML 5 video salīdzinājumā ar YouTube izmantošanu
YouTube ir lieliska vietne. Tas atvieglo videoklipu ievietošanu tīmekļa lapās ātri un ar dažiem nelieliem izņēmumiem ir diezgan vienveidīgs šo videoklipu izpildē. Ja ievietojat videoklipu vietnē YouTube, varat būt diezgan pārliecināts, ka kāds to varēs skatīties.
Bet, izmantojot YouTube, lai ievietotu jūsu video, ir daži trūkumi
Lielākā daļa problēmu ar YouTube rodas patērētāja pusē, nevis dizaineru pusē, piemēram:
- Lēna meklēšana un indeksēšana
- Servera darbības pārtraukumi
- Saturs tiek izņemts (šķietami) patvaļīgi
- Pārāk daudz slikta satura
Tomēr ir daži iemesli, kāpēc YouTube ir slikti arī satura izstrādātājiem, tostarp:
- Videoklipu maksimālais garums 10 minūšu laikā (bezmaksas kontiem)
- Slikta augšupielādes veiktspēja
- YouTube iegūst neierobežotas lietošanas tiesības uz jūsu videoklipu
- Jebkurš YouTube lietotājs iegūst neierobežotas lietošanas tiesības jūsu videoklipam
HTML 5 video dod dažas priekšrocības pār YouTube
Videoklipa HTML 5 izmantošana ļaus jums kontrolēt visus jūsu videoklipa aspektus, no tā, kuri lietotāji var to apskatīt, cik ilgi tas ir, kāds ir saturs, kur tas ir mitināts un kā serveris to izpilda. Un HTML 5 video ļauj jums kodēt savu videoklipu tik daudz formātu, cik nepieciešams, lai pārliecinātos, ka maksimālais to lietotāju skaits to var apskatīt. Jūsu klientiem nav nepieciešams spraudnis vai jāgaida, līdz YouTube izlaidīs jaunāku versiju.
Protams, HTML 5 video piedāvā nelielus trūkumus
Tie ietver:
- Jums ir jākodē videoklips vismaz trīs dažādos kodekos
- Jums ir jāiekļauj kāds JavaScript, lai nodrošinātu, ka pārlūkprogrammas, kas neatbalsta HTML 5 , darbosies
- Jūsu serverim ir jāspēj vadīt video joslas platuma prasības
02 no 10
Īss video atbalsta pārskats tīmeklī
Pievienošana videoklipam tīmekļa lapās jau sen ir sarežģīts process. Bija tik daudz lietu, kas varētu notikt nepareizi:
- Pirmkārt, jūs izmantojat tagu
- Tātad jūs pārslēdzat uz tagu
- Tad jūs domājat " Flash !" Un kodējiet savu video kā FLV failu. Bet Flash netiek atbalstīts daudzās mobilajās ierīcēs, un daudzi cilvēki ienīst Flash neatkarīgi no tā, kā tā tiek izmantota (25% respondentu manā aptaujā, uzdodot jautājumu par to, kā jūs jūtaties par Flash, paziņoja, ka viņi nekādā veidā nevar izturēt Flash).
- Tātad jūs nolemjat augšupielādēt savu videoklipu videoklipa iegultā vietnei, piemēram, YouTube, bet tad jums ir problēmas ar YouTube, par kuru mēs diskutējām.
- Visbeidzot, jūs nolemjat iet ar HTML 5, bet pārlūkprogramma Internet Explorer to neatbalsta (tikai Internet Explorer 9). Un pat ja jūs to darāt, ir pieejami divi atbalstāmi video kodeku standarti un tikai viens pārlūks, kas tos var izmantot abus. Pārlūkprogrammas atbalsts video kodekiem un konteineriem
Tātad, ko tev vajadzētu darīt? Lielākajai daļai vietņu videoklipu vairs nav iespējams, jo videoklips kļūst arvien svarīgāks. Un daudzas vietnes veiksmīgi pārslēdzas uz videoklipu.
Turpmākajās šī raksta lapās būs redzams, kā pievienot videoklipus Web lapām, kas darbojas Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 un 4, iPhone un Android, Flash un Internet Explorer 7 un 8. Jūs Jums ir arī atslēgas, kas jums nepieciešamas, lai vajadzības gadījumā pievienotu atbalstu citām vecākām pārlūkprogrammām.
03 no 10
Izveidojiet un rediģējiet savu videoklipu
Pirmā lieta, kas jums nepieciešama, kad vēlaties ievietot videoklipu tīmekļa lapā, ir faktiskais videoklips. Jūs varat vai nu pastāvīgi fotografēt, gan pēc tam rediģēt, lai izveidotu kādu funkciju, vai arī varat to skriptēt un plānot pirms laika. Katrā ziņā darbojas labi, tas ir tikai tas, ar ko jūs esat apmierināts. Ja nezināt, kāda veida videoklipu jums vajadzētu izveidot, skatiet šīs idejas no Desktop Video Guide:
- Ģimenes videoprojekti
- Mārketings un reklāmas video
- Video virtuālās ekskursijas
- Kā video
- Kāzu video
Uzziniet, kā ierakstīt augstas kvalitātes video
Pārliecinieties, vai zina, kā ierakstīt telpās un ārā, kā arī kā ierakstīt audio. Apgaismojums ir arī ļoti svarīgs - kadri, kas ir pārāk spilgti sāp acis, un pārāk tumšs tikai izskatās dubļains un neprofesionāls. Pat ja jūs plānojat savā vietnē tikai 30 sekundes ierakstīt videoklipu, jo augstāka kvalitāte, jo labāk tas tiks atspoguļots jūsu vietnē.
Atcerieties arī, ka autortiesības attiecas uz jebkādām skaņām vai mūziku (kā arī uz filmu materiāliem), kurus jūs, iespējams, vēlēsities izmantot savam videoklipam. Ja jums nav piekļuves draugam, kurš var ierakstīt un atskaņot dziesmu jums, jums būs jāatrod bez maksas mūzika, lai atskaņotu fonā. Ir arī vietas, kurās varat pievienot videomateriālus filmām.
Video rediģēšana
Nav svarīgi, kāda rediģēšanas programmatūra jūs izmantojat, tik ilgi, kamēr jūs to esat iepazinies un var efektīvi to izmantot. Gretchen, Desktop Video Guide, ir daži profesionāli video rediģēšanas padomi, kas var palīdzēt jums rediģēt savus videoklipus, lai tie izskatās lieliski.
Saglabājiet savu video MOV vai AVI (vai MPG, CD, DV)
Pārējā šajā apmācībā mēs pieņemam, ka jūsu video ir saglabāts kāda veida augstas kvalitātes (nesaistītā) formātā, piemēram, AVI vai MOV. Kamēr jūs varat izmantot šos failus tāpat kā jūs, rodas visas ar videoklipu saistītas problēmas, par kurām esam jau apsprieduši. Turpmākajās lappusēs tiks paskaidrots, kā failu pārvērst trijos veidos, lai to varētu skatīt visvairāk pārlūkprogrammu.
04 no 10
Konvertējiet video uz Ogg Firefox
Pirmais formāts, kuru mēs pārveidosim, ir Ogg (dažreiz saukts par Ogg-Theora). Šis formāts ir tas, ka visi lietotāji var apskatīt Firefox 3.5, Opera 10.5 un Chrome 3.
Diemžēl, kamēr Ogg ir pārlūka atbalsts, daudzas labi zināmas video programmas, kuras varat iegādāties (Adobe Media Encoder, QuickTime utt.) Nepiedāvā Ogg konversijas opciju. Tātad vienīgais veids, kā pārvērst savu videoklipu uz Ogg, ir atrast reklāmguvumu programmu tīmeklī.
Reklāmguvumu iespējas
Pastāv tiešsaistes rīks, ko sauc par Media-Convert, kas apgalvo, ka dažādi video (un audio) formāti tiek pārvērsti citos video (un audio) formātos. Kad mēs to izmēģinājām ar manu 3 sekunžu testa videoklipu, mēs nevarējām to paveikt darbā ar manu Mac. Bet jums var būt labāka veiksme. Šī vietne ir par labu, ka tā ir brīva.
Daži citi mūsu atrodamie rīki ietver:
- Miro Video Converter (Windows Macintosh) - šai programmai ir priekšrocība pārveidot gan Ogg, gan MP4 (H.264), un tā ir atvērtā koda versija.
- Koyote Video Converter (Windows)
- Bezmaksas video pārveidotājs Mēs domājam, ka tam ir gan Windows, gan Macintosh versija, taču to vietā bija grūti pateikt
- Vienkāršs Theora Encoder (Macintosh) - tas ir tas, kuru mēs mēdzam izmantot.
Kad esat saglabājis savu videoklipu Ogg formātā, saglabājiet to savā tīmekļa vietnes atrašanās vietā un pārejiet uz nākamo lapu, lai pārvērstu to citos formātos citās pārlūkprogrammās.
05 no 10
Konvertēt video uz MP4 Safari
Nākamais formāts, no kā jāpārveido jūsu videoklips, ir MP4 (H.264 video), lai to varētu atskaņot Safari 3 un 4 un iPhone un Android. Turklāt H.264 video var viegli pārvērst FLV failos, lai skatītos Flash.
Šis formāts ir ērtāk pieejams komerciālos produktos, un jums, iespējams, jau ir programma, kas konvertē uz MP4, ja jums ir video redaktors. Ja jums ir Adobe Premiere, jūs varat izmantot Adobe Video Encoder vai, ja jums ir QuickTime Pro, kas arī darbosies. Daudzi no reklāmdevējiem, kurus mēs diskutējām iepriekšējā lapā, arī konvertēs video uz MP4.
- Media-Convert - tiešsaistes rīks
- Miro Video Converter (Windows Macintosh) - šai programmai ir priekšrocība pārveidot gan Ogg, gan MP4 (H.264), un tā ir atvērtā koda versija.
- SUPER (Windows) - pārveidos daudzus dažādus failu tipus uz MP4 un FLV
- Bezmaksas video pārveidotājs Mēs domājam, ka tam ir gan Windows, gan Macintosh versija, taču to vietā bija grūti pateikt
Saglabājiet savu MP4 failu savā vietnē un pēc tam jums to vajadzēs pārvērst Flash programmā, lai izmantotu pārlūkprogrammu Internet Explorer.
06 no 10
Pārvērst video par FLV pārlūkprogrammai Internet Explorer
Vieglākais veids, kā konvertēt video uz FLV, ir izmantot pašu Flash. Tā mēs pārveidojam savus videoklipus uz Flash. Bet, ja jums nav Flash, šeit ir divi populāri rīki failu pārvēršanai FLV:
- SUPER (Windows) - pārveidos daudzus dažādus failu tipus uz MP4 un FLV
- ffmpegX (Macintosh) - pārveidos daudzus dažādus failu tipus Mp4 un FLV.
Saglabājiet savu FLV failu savā tīmekļa vietnē, un nākamajā lapā būs redzams, kā rakstīt HTML, lai jūs varētu atskaņot savus videoklipus.
07 no 10
Pievienojiet videoklipa elementu savai tīmekļa lapai
Ir ļoti viegli izmantot HTML 5, lai pievienotu video tīmekļa lapās. Lielākā daļa mūsdienu pārlūkprogrammu atbalsta HTML 5 video, lai gan tie ne visi atbalsta to vienādi. Bet tas nozīmē, ka, ja jūs saglabājat savu videoklipu gan Ogg, gan MP4 formātā, jūs varēsit rakstīt tikai četras vai piecas HTML rindiņas, lai to varētu parādīt vairumā mūsdienu pārlūkprogrammās (izņemot pārlūkprogrammu Internet Explorer 8). Lūk, kā:
- Uzrakstiet HTML 5 doctype marķieri, lai pārlūkprogrammas zinātu, ka gaidīsit HTML 5:
- Izveidojiet Web lapu, kā jūs to parasti izveidotu:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Iekšpusē ievietojiet tagu <video>: <blockquote> <video> </ video> </blockquote></li><li> Izlemiet, kādi atribūti vēlaties, lai jūsu videoklips būtu: <ul><li> autoplay - lai sāktu, tiklīdz tas ir lejupielādēts </li><li> kontrole - ļauj lasītājiem kontrolēt videoklipu (pauzēt, attīt atpakaļ, ātri pārvietoties) </li><li> cilpa - sāciet video no sākuma, kad tas beidzas </li><li> Iepriekš ielādēt - iepriekš lejupielādējiet videoklipu, lai tas būtu gatavs ātrāk, kad klients noklikšķina uz tā </li><li> plakāts - definējiet attēlu, kuru vēlaties izmantot, kad video tiek apturēts </li></ul> Mēs iesakām izmantot vadības ierīces un iepriekšēju ielādi. Izmantojiet plakāta opciju, ja videoklipam nav labas pirmās ainas. <blockquote> <video kontrolierīces iepriekš ielādē> </ video> </blockquote></li><li> Tad pievienojiet avota failus divām jūsu videoklipu versijām (MP4 un OGG) elementā <video>: <blockquote> <video kontrole preload> <br> <source src = "shasta.mp4" type = "video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" "> <br> <source src = "shasta.ogg" type = "video / ogg; kodeki = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Atveriet lapu Chrome 1, Firefox 3.5, Opera 10 un / vai Safari 4 un pārliecinieties, vai tā ir pareizi parādīta. Jums vajadzētu pārbaudīt to vismaz Firefox 3.5 un Safari 4 versijā, jo katram no tiem tiek izmantots cits kods. </li></ol><p> Tieši tā. Kad jums būs šis kods, jums būs videoklips, kas darbojas Firefox 3.5, Safari 4, Opera 10 un Chrome 1. Bet ko par Internet Explorer? </p> <h3> Internet Explorer nepatīk HTML 5 vai tags <video> </h3><p> Nākamajā sadaļā mēs runāsim par to, ko jūs varat darīt, lai IE 8 labi spēlētu ar saviem HTML 5 video tagiem un parādītu videoklipu. Jums ir jāizmanto Flash. Labā ziņa ir tā, ka IE 9 atbalstīs HTML 5 un video tagu. </p> <p> <strong>08 no 10</strong> </p> <h3> Pievienojiet JavaScript un Flash Player, lai Internet Explorer darbotos </h3><p> Iespējams, pamanījāt, ka iepriekšējā lapas HTML failā nebija avota līnijas. Un, ja jūs pārbaudījāt šo lapu pārlūkprogrammā Internet Explorer, tā nedarbosies. Tas ir tāpēc, ka pārlūkprogramma Internet Explorer neatpazīst HTML 5 un tā nevar atskaņot oriģinālos OGG vai MP4 videoklipus. Lai Internet Explorer 7 un 8 darbotos, jums ir nepieciešams, lai tas atskaņotu videoklipu kā Flash. Bet ir vairāk pasākumu, lai to iegūtu darbā, nevis vienkārši pievienojot FLV failu. </p> <h3> 1. darbība: iegūstiet Flash video atskaņotāju jūsu vietnei </h3> <p> Mēs iesakām iegūt FlowPlayer, jo tas ir atvērts avots Flash video atskaņotājs, kuru varat instalēt savā tīmekļa serverī un izmantot, kad atskaņojat Flash video. FlowPlayer bezmaksas versija ievieto reklāmu jūsu videoklipos, bet, ja jums tas nepieciešams, varat arī iegādāties komerciālās licences. </p> <p> Lai instalētu FlowPlayer savā vietnē, izpildiet FlowPlayer vietnes norādījumus. Īsāk sakot, savā vietnē ievietosiet 2 SWF failus un JavaScript failu. Jūsu HTML apakšdaļā (pirms </ body> taga) jūs pievienosiet rindu: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Bet Internet Explorer joprojām neizdosies atskaņot videoklipu, jums tas jāapmāca, kā atpazīt HTML 5 tagus. </p> <h3> 2. solis: pārliecinieties, ka pārlūkprogramma Internet Explorer ir lasījusi HTML 5 tagus </h3><p> Google Code ir parocīgs skripts ar nosaukumu "HTML Shiv", kas palīdzēs IE atpazīt HTML 5 elementus. Tātad jūsu HTML dokumentā <head> vēlaties atsaukties uz to. Vislabāk to pievienot IE nosacījumos, lai citas pārlūkprogrammas netiktu sajauktas: </p> <blockquote> <! - [ja IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Labi, tagad IE atzīs tagu <video>, taču nezina, ko darīt līdz šim iekļautajiem avota failiem. </p> <h3> 3. solis: pievienojiet avota līniju FLV failam </h3><p> Tāpat kā iepriekšējā lapā, jūs pievienojat rindiņu savā HTML 5 elementā <video>, kas norāda uz to, kur esat saglabājis FLV failu savā serverī. </p> <blockquote> <video kontrole preload> <br> <source src = "shasta.mp4" type = "video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" "> <br> <source src = "shasta.ogg" type = "video / ogg; kodeki = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>kodeki = "On2 VP6, Sorenson Spark, ekrāna video, ekrāna video 2, H.264" "></strong> <br> </ video> </blockquote><p> <strong>09 no 10</strong> </p> <h3> Pievienojiet JavaScript un Flash Player, lai Internet Explorer darbotos - 2. daļa </h3><p> Diemžēl mēs vēl joprojām nedarbojamies. Tagad mums ir jādara zināms, ka IE izmanto FlowPlayer Flash video atskaņotāju, uz kuru iepriekš minēts. </p> <h3> 4. solis: pagrieziet <video> elementu Flash </h3><p> Šim nolūkam mums vajadzīgs vēl viens skripts. Mēs saņēmām skriptu no <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive into HTML 5</a> . Bet, kad mēs to izmēģinājām, tas nedarbojās, kamēr neveiksim pāris pielāgojumus. </p> <ul><li> Ap 31. Līniju: pievienojiet jūsu FlowPlayer instalācijas atrašanās vietu. </li><li> Ap 42. līnija: mainiet faila tipu no <blockquote> video / mp4 </blockquote> uz <blockquote> video / x-flv </blockquote></li><li> Ap 94. Līniju: sākot ar <blockquote> ja (!! $ && !! $ (dokuments) .ready) { </blockquote> līdz dokumenta beigām mainiet šo sadaļu, lai lasītu: <blockquote> // if (!! $ && !! $ (dokuments) .ready) { <br> / * jQuery lietotāji var inicializēt, tiklīdz DOM ir gatavs * / <br> // $ (document) .ready (html5_video_init); <br> // cits { <br> / * Ikviens cits var gaidīt, kamēr nav ielādēts * / <br> / * addEvent funkcija, izmantojot http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funkcija (obj, tips, fn) { <br> ja (obj.addEventListener) <br> obj.addEventListener (tips, fn, false); <br> cits, ja (obj.attachEvent) <br> obj.attachEvent ('on' + tipa, function () {atgriešanās fn.apply (obj, jauns array (window.event));}); <br> } <br> addEvent (logs, "ielādēt", html5_video_init); <br> //) </blockquote></li></ul><p> Kad esat rediģējis JavaScript failu, augšupielādējiet to savā serverī un piesaistiet to HTML lapas apakšdaļā (pirms </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Kāds! Tagad, kad esat pabeidzis visu, jums vajadzētu augšupielādēt savu HTML, lai jūs varētu sākt testēšanu. </p> <p> <strong>10 no 10</strong> </p> <h3> Pārbaudiet pēc iespējas vairāk pārlūkprogrammu </h3><p> Video lapu testēšana ir būtiska, ja vēlaties veiksmīgi sākt darbu. Pārliecinieties, ka savu lapu pārbaudāt vispopulārākajās tīmekļa vietnes pārlūkprogrammās un versijās. </p> <p> Mēs esam noskaidrojuši, ka, lai testētu videoklipu, lai gan ir iespējams izmantot tādus rīkus kā BrowserLab un AnyBrowser, tas nav tik ticami, kā pārlūka lapu pārlūkošana pats. Kad jūs to darāt, jūs patiešām varat redzēt, vai tā darbojas vai ne. </p> <p> Ņemot vērā visas problēmas, kas saistītas ar jūsu video kodēšanu trijos formātos, jums tas jāpārbauda, lai pārliecinātos, ka tas ir redzams visos trijos formātos. Tas nozīmē, ka jums vajadzētu vismaz izmēģināt to: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 vai 4 </li><li> Internet Explorer 7 vai 8 </li></ul><p> Jūs varat pārbaudīt pārlūkā Chrome, taču, tā kā Chrome pārlūko visas trīs metodes (pat Flash, ja jums ir spraudnis), ir grūti noteikt, vai ir kāda no pārējām divām problēmām vai kāds Chrome kodeklis to izmanto. </p> <p> Jūsu miera prātam arī vecākās pārlūkprogrammās ir jāizmēģina, lai redzētu, ko viņi dara, it īpaši, ja daudzi jūsu lasītāji izmanto vecākas pārlūkprogrammas. </p> <h3> Videoklipa darbināšana vecākos pārlūkos </h3><p> Tāpat kā jebkurā tīmekļa lapā, vispirms vajadzētu apsvērt, cik svarīgi ir iegūt šīs pārlūkprogrammas. Ja 90% no jūsu klientiem izmanto Netscape, tad tiem ir jābūt rezerves plānam. Bet, ja tas ir mazāks par 1%, tas var nebūt tik svarīgs. </p> <p> Kad esat nolēmis, kādas pārlūkprogrammas jūs mēģināt atbalstīt, visvienkāršākais veids ir vienkārši izveidot alternatīvu lapu, lai tās varētu skatīt iekšā. Šajā alternatīvajā lapā jūs varētu iegultu videoklipu, izmantojot HTML 4. Un pēc tam vai nu izmantojiet kādu pārlūkprogrammas atrašanas veidu, lai tos novirzītu vai vienkārši pievienotu saiti uz šo lapu. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://lv.eyewated.com/meta-charset-tag-html5-formata/"> <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://lv.eyewated.com/meta-charset-tag-html5-formata/">Meta Charset Tag HTML5 formātā</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/html-un-xml-redaktori-linux-un-unix/"> <amp-img src="https://exse.eyewated.com/pict/50580a284b573169-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/html-un-xml-redaktori-linux-un-unix/">HTML un XML redaktori Linux un Unix</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-nosaukt-html-failus/"> <amp-img src="https://exse.eyewated.com/pict/70e20e2509a62ffb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-nosaukt-html-failus/">Kā nosaukt HTML failus</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/html5-vietrazu-saisu-rokasgramata-iesacejiem/"> <amp-img src="https://exse.eyewated.com/pict/b713940639aa456e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/html5-vietrazu-saisu-rokasgramata-iesacejiem/">HTML5 vietrāžu saišu rokasgrāmata iesācējiem</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/visaptveross-saraksts-ar-html-kodiem-turku-valodas-apzimejumiem/"> <amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/visaptveross-saraksts-ar-html-kodiem-turku-valodas-apzimejumiem/">Visaptverošs saraksts ar HTML kodiem turku valodas apzīmējumiem</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/html-tabula-elementu-atributu-izmantosana/"> <amp-img src="https://exse.eyewated.com/pict/bc751870b8843c81-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/html-tabula-elementu-atributu-izmantosana/">HTML TABULA elementu atribūtu izmantošana</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/html-kodi-spanu-valodas-apzimejumiem/"> <amp-img src="https://exse.eyewated.com/pict/0a2704c9278133fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/html-kodi-spanu-valodas-apzimejumiem/">HTML kodi spāņu valodas apzīmējumiem</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/izpratne-par-vietnes-index-html-lappusi/"> <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://lv.eyewated.com/izpratne-par-vietnes-index-html-lappusi/">Izpratne par vietnes Index.html lappusi</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/tabulas-dati-un-tabulu-izmantosana-xhtml/"> <amp-img src="https://exse.eyewated.com/pict/0c22b38418ef3120-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/tabulas-dati-un-tabulu-izmantosana-xhtml/">Tabulas dati un tabulu izmantošana XHTML</a></h3> <div class="amp-related-meta"> Web dizains un izstrāde </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://lv.eyewated.com/auto-kasesu-adapteri/"> <amp-img src="https://exse.eyewated.com/pict/3db2545d20f43888-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/auto-kasesu-adapteri/">Auto kasešu adapteri</a></h3> <div class="amp-related-meta"> Auto tehniķis </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-atvert-ipad-iestatijumus/"> <amp-img src="https://exse.eyewated.com/pict/90051b6eafa2327c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-atvert-ipad-iestatijumus/">Kā atvērt iPad iestatījumus</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/5-labakie-amazon-iekurt-nopirkt-2018/">5 labākie Amazon iekurt nopirkt 2018</a></h3> <div class="amp-related-meta"> Pirkšanas ceļveži </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/digitalie-pieradijumi-novers-drukasanu-snafus/"> <amp-img src="https://exse.eyewated.com/pict/37314c48b6ae409e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/digitalie-pieradijumi-novers-drukasanu-snafus/">Digitālie pierādījumi novērš drukāšanu Snafus</a></h3> <div class="amp-related-meta"> Programmatūra </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/vienkarsi-datora-uzturesanas-veidi/"> <amp-img src="https://exse.eyewated.com/pict/37b150008c693688-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/vienkarsi-datora-uzturesanas-veidi/">Vienkārši datora uzturēšanas veidi</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/laujot-darbvirsmas-e-pasta-programmam-pieklut-pakalpojumam-gmail/"> <amp-img src="https://exse.eyewated.com/pict/51df500164fb3c47-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/laujot-darbvirsmas-e-pasta-programmam-pieklut-pakalpojumam-gmail/">Ļaujot darbvirsmas e-pasta programmām piekļūt pakalpojumam Gmail</a></h3> <div class="amp-related-meta"> E-pasts un ziņojumi </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://lv.eyewated.com/laujiet-sutitajiem-zina-vinu-e-pastu/"> <amp-img src="https://exse.eyewated.com/pict/744f553f0e1733d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/laujiet-sutitajiem-zina-vinu-e-pastu/">Ļaujiet sūtītājiem zina viņu e-pastu</a></h3> <div class="amp-related-meta"> E-pasts un ziņojumi </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-izveidot-izsekosanu-ar-profiler-programma-sql-server-2008/"> <amp-img src="https://exse.eyewated.com/pict/63522b4314f42f5d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-izveidot-izsekosanu-ar-profiler-programma-sql-server-2008/">Kā izveidot izsekošanu ar Profiler programmā SQL Server 2008</a></h3> <div class="amp-related-meta"> Programmatūra </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/wi-fi-triangulacijas-skaidrojums/"> <amp-img src="https://exse.eyewated.com/pict/ffd3de467dce345c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/wi-fi-triangulacijas-skaidrojums/">Wi-Fi triangulācijas skaidrojums</a></h3> <div class="amp-related-meta"> Jauns un nākamais </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/kas-ir-microsoft-powerpoint/"> <amp-img src="https://exse.eyewated.com/pict/9373e9e6407731a3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/kas-ir-microsoft-powerpoint/">Kas ir Microsoft PowerPoint?</a></h3> <div class="amp-related-meta"> Programmatūra un programmas </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-fix-ws2_32-dll-nav-atrasts-vai-trukst-kludas/"> <amp-img src="https://exse.eyewated.com/pict/1d291a0e6196361a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-fix-ws2_32-dll-nav-atrasts-vai-trukst-kludas/">Kā Fix Ws2_32.dll nav atrasts vai trūkst kļūdas</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-rakstit-pareizrakstibu-rakstot-mozilla-thunderbird/"> <amp-img src="https://exse.eyewated.com/pict/39225e9d6843420a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-rakstit-pareizrakstibu-rakstot-mozilla-thunderbird/">Kā rakstīt pareizrakstību, rakstot Mozilla Thunderbird</a></h3> <div class="amp-related-meta"> E-pasts un ziņojumi </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/pievienojiet-standarta-lietotaja-kontus-savam-mac-datoram/"> <amp-img src="https://exse.eyewated.com/pict/579f9d100acd336b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/pievienojiet-standarta-lietotaja-kontus-savam-mac-datoram/">Pievienojiet standarta lietotāja kontus savam Mac datoram</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/top-10-lietotnes-moms/"> <amp-img src="https://exse.eyewated.com/pict/eb9adec425f7303d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/top-10-lietotnes-moms/">Top 10 lietotnes Moms</a></h3> <div class="amp-related-meta"> Programmatūra un programmas </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/red-dead-redemption-miklas-par-xbox-360/"> <amp-img src="https://exse.eyewated.com/pict/9a7fdffdfee53555-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/red-dead-redemption-miklas-par-xbox-360/">Red Dead Redemption Mīklas par Xbox 360</a></h3> <div class="amp-related-meta"> Spēle </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/aizstat-visus-fontus-mana-prezentacija-vienlaikus/"> <amp-img src="https://exse.eyewated.com/pict/5284ca0f98c93262-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/aizstat-visus-fontus-mana-prezentacija-vienlaikus/">Aizstāt visus fontus manā prezentācijā vienlaikus</a></h3> <div class="amp-related-meta"> Programmatūra </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-ieslegt-atrasanas-vietas-pakalpojumus-sava-iphone-vai-android-ierice/"> <amp-img src="https://exse.eyewated.com/pict/8cbacd63b88a323d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-ieslegt-atrasanas-vietas-pakalpojumus-sava-iphone-vai-android-ierice/">Kā ieslēgt atrašanās vietas pakalpojumus savā iPhone vai Android ierīcē</a></h3> <div class="amp-related-meta"> Jauns un nākamais </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/pinball-arcade-xbox-one-parskats/"> <amp-img src="https://exse.eyewated.com/pict/f1a298171424339b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/pinball-arcade-xbox-one-parskats/">Pinball Arcade Xbox One pārskats</a></h3> <div class="amp-related-meta"> Spēle </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/ka-atrast-slepto-gps-izsekotaju-sava-automasina/"> <amp-img src="https://exse.eyewated.com/pict/6ef0a9ef4943334f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/ka-atrast-slepto-gps-izsekotaju-sava-automasina/">Kā atrast slēpto GPS izsekotāju savā automašīnā</a></h3> <div class="amp-related-meta"> Auto tehniķis </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/perciet-pareizo-galddatoru-tavam-vajadzibam/"> <amp-img src="https://exse.eyewated.com/pict/3ae2b28d5bdc31e8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/perciet-pareizo-galddatoru-tavam-vajadzibam/">Pērciet pareizo galddatoru tavām vajadzībām</a></h3> <div class="amp-related-meta"> Pirkšanas ceļveži </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/7-labakas-uzlades-stacijas-kuras-nopirkt-2018-gada/"> <amp-img src="https://exse.eyewated.com/pict/5ac82f979ac73e78-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/7-labakas-uzlades-stacijas-kuras-nopirkt-2018-gada/">7 labākās uzlādes stacijas, kuras nopirkt 2018. gadā</a></h3> <div class="amp-related-meta"> Pirkšanas ceļveži </div> </div> </div> <div class="amp-related-content"> <a href="https://lv.eyewated.com/samsung-galaxy-s4-parskats/"> <amp-img src="https://exse.eyewated.com/pict/de4d9d5b94743d21-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://lv.eyewated.com/samsung-galaxy-s4-parskats/">Samsung Galaxy S4 pārskats</a></h3> <div class="amp-related-meta"> Produktu apskats </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 lv.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.275 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:13:45 --> <!-- 0.001 -->