HTML 5 video yorlig'i veb-sahifalaringizga videolarni qo'shishni osonlashtiradi. Ammo sirtda oson ko'rinadigan bo'lsa-da, videongizni ko'tarish va ishga tushirish uchun juda ko'p narsalar kerak. Ushbu qo'llanma sizga barcha zamonaviy brauzerlarda videoni boshqaradigan HTML 5-da sahifa yaratishda yordam beradi.
- YouTube-dan foydalanishda o'zingiz HTML-5-ni hosting
- Internetda video-quvvatlashni tezkorlik bilan ko'rib chiqish
- Videoingizni yarating va tahrirlang
- Videoni Firefox uchun Ogg ga aylantirish
- Safari uchun MP4ga videoni aylantirish
- Internet Explorer uchun videoni FLVga aylantirish
- Video elementingizni veb-sahifangizga qo'shing
- Internet Explorerni 1-qismga ishlash uchun JavaScript-ni va Flash Player-ni qo'shing
- Ko'plab brauzerlar yordamida tekshirib ko'ring
01dan 10gacha
YouTube-dan foydalanishda o'zingiz HTML-5-ni hosting
YouTube - ajoyib sayt. Veb-sahifalarga videoni tezda joylashtirishni osonlashtiradi va ba'zi bir kichik istisnolar bilan ushbu videolarni bajarishda ancha uzilishlar mavjud. Agar siz YouTube-da videoni yuborsangiz, uni har kim tomosha qilishi mumkinligiga ishonchingiz komil bo'lishi mumkin.
Ammo videolarni joylashtirish uchun YouTube-dan foydalanish ba'zi kamchiliklarga ega
YouTube bilan bog'liq muammolarning ko'pchiligi dizaynerlar tomonida emas, balki iste'molchi tomonda bo'ladi:
- Sekin qidirish va kataloglash
- Server tugashi
- O'z-o'zidan olib qo'yilgan kontent (ko'rinishda)
- Juda yomon kontent
Ammo kontent ishlab chiquvchilar uchun YouTube-ning yomonligining ba'zi sabablari mavjud, jumladan:
- Videolar uchun 10 daqiqalik maksimal uzunlik (bepul hisobvaraq uchun)
- Yuklash ko'rsatkichi yomon
- YouTube videongizga cheklovsiz foydalanish huquqini beradi
- Har qanday YouTube foydalanuvchisi videongizga cheklovsiz foydalanish huquqini beradi
HTML 5 video YouTube orqali ba'zi afzalliklar beradi
Video uchun HTML 5ni ishlatish sizning videongizning har jihatini, kimni ko'rishi mumkinligini, qancha vaqtni tashkil etishi, tarkibdagi tarkibi, qayerda joylashtirilgani va server qanday bajarilishini nazorat qilish imkonini beradi. Va HTML 5 videoga sizning videongizni ko'p sonli formatda kodlash imkoniyati beriladi, chunki siz ularni maksimal sonda ko'rishingiz mumkin. Sizning mijozlaringiz plaginga ehtiyoj sezmaydilar yoki YouTube yangi versiyasi chiqquncha kutishadi.
Albatta HTML 5 video ba'zi kamchiliklarni taklif qiladi
Bunga quyidagilar kiradi:
- Videoingizni kamida uchta kodekda kodlashingiz kerak
- HTML 5ni qo'llab-quvvatlamaydigan brauzerlarning ishlashi uchun ba'zi JavaScript-ni kiritishingiz kerak
- Serveringiz videolarni yuklashda tarmoqli kengligi talablarini bajarishi kerak
02 ning 10
Internetda video-quvvatlashni tezkorlik bilan ko'rib chiqish
Veb-sahifalarga videoni qo'shish juda murakkab jarayon edi. Juda noto'g'ri narsa bo'lishi mumkin edi:
- Birinchidan, videongizni sahifangizga joylashtirish uchun
- Shunday qilib siz
- Keyin siz " Flash " deb o'ylaysiz. Va videoni FLV fayli sifatida kodlash. Lekin Flash ko'pchilik mobil qurilmalarda qo'llab-quvvatlanmaydi va ko'pchilik odamlar qanday qilib ishlatilishini qat'iy nazar Flashdan nafratlanadilar (Flashda qanday fikrda ekanligingizni so'rashganda , so'rovda ishtirok etganlarning 25 foizi Flashni hech qanday tarzda to'xtata olmasliklarini bildirishgan).
- Shunday qilib, siz videoni YouTube kabi video joylashtirish saytiga yuklamoqchisiz, lekin keyin siz YouTube bilan muhokama qildik.
- Nihoyat, siz HTML 5 bilan borish qaror qilasiz, lekin Internet Explorer uni qo'llab-quvvatlamaydi (Internet Explorer 9gacha emas). Va hatto amalga oshirsangiz ham, qo'llab-quvvatlanadigan ikkita video kodek standarti bor, va ikkalasini ham ishlatishi mumkin bo'lgan bitta brauzer. Video Kodeklari va Konteynerlar uchun brauzerni qo'llab-quvvatlash
Xo'sh, nima qilish kerak? Video ko'plab saytlar uchun imkoniyat bermaydi, chunki video yanada muhimlashib bormoqda. Va ko'plab saytlar muvaffaqiyatli videoga ulandi.
Ushbu maqolaning keyingi sahifalarida siz Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 va 4, iPhone va Android, Flash va Internet Explorer 7 va 8 da ishlaydigan veb-sahifalaringizga qanday video qo'shishingiz mumkinligini bilib olasiz. Shuningdek, zarur bo'lsa, boshqa eski brauzerlar uchun yordamni qo'shishingiz kerak bo'lgan kalitlarga ega bo'lishingiz kerak.
03 dan 10gacha
Videoingizni yarating va tahrirlang
Veb-sahifaga video qo'yish uchun kerak bo'lgan birinchi narsa - bu haqiqiy video. Siz bir vaqtning o'zida doimiy ravishda tortishingiz va keyinchalik tahrir qilishingiz mumkin yoki uni skript yozishingiz va oldindan rejalashtirishingiz mumkin. Har ikkala usul ham yaxshi ishlaydi, faqatgina siz qulay bo'lgan narsadir. Agar siz qanday video turi kerakligini bilmasangiz, bu fikrlarni Masofaviy video ko'rsatma orqali tekshiring:
- Oilaviy video loyihalar
- Marketing va reklama videosi
- Video Virtual Ekskursiyalar
- Qanday qilib videolar
- To'y videosi
Sifatli videolarni qanday yozishni bilib oling
Ochiq-oydin va ochiq havoda qayd etishni va audio yozishni qanday qilishni bilib oling. Yoritish ham juda muhim - ko'zlar juda ravshan bo'lgan zarbalar, va juda qorong'u, faqat çamurlu va professional emas. Agar saytingizda faqat 30 soniyali videotasvirga ega bo'lishni rejalashtirsangiz ham, yuqori sifatli veb-saytingizda aks etadi.
Sizning videongizda foydalanishni istagan har qanday tovush yoki musiqaga (shuningdek, rasmlarning rasmlariga) nisbatan mualliflik huquqi ham esda tuting. Siz uchun qo'shiq yozish va ijro etish imkoniyatiga ega bo'lgan do'stingizdan foydalana olmasangiz, fonda o'ynash uchun royalti yo'q musiqani topishingiz kerak bo'ladi. Sizning videolaringizni qo'shish uchun rasmlarni joylashtirishingiz mumkin joylar ham mavjud.
Videoingizni tahrirlash
Qaysi dasturiy ta'minotni ishlatishingiz muhim emas, chunki u siz bilan tanishib, uni samarali ishlatishi mumkin. Gretchen, Stol Video-yo'riqnomasi videolarni tahrirlashda sizga yordam beradigan ba'zi professional video tahrirlash maslahatlariga ega.
Videoingizni MOV yoki AVI (yoki MPG, CD, DV) sifatida saqlang
Ushbu qo'llanmaning qolgan qismi uchun videoingizni AVI yoki MOV kabi ba'zi bir yuqori sifatli (siqilmagan) formatda saqlagan deb hisoblaymiz. Ushbu fayllarni ular kabi ishlatishingiz mumkin bo'lsa-da, biz muhokama qilgan video bilan bog'liq barcha muammolarni hal qilasiz. Quyidagi sahifalarda siz faylni eng ko'p sonli brauzerlar tomonidan ko`rsatilishi uchun uch turga qanday aylantirilishini tushuntirasiz.
04/10
Videoni Firefox uchun Ogg ga aylantirish
Biz o'zgartiradigan birinchi format Ogg (ba'zida Ogg-Teoriya deb ataladi). Ushbu format Firefox 3.5, Opera 10.5 va Chrome 3-larning hammasi bo'lib ko'rinishi mumkin.
Afsuski, Ogg brauzerining ko'magiga ega bo'lsa-da, sotib olishingiz mumkin bo'lgan ko'plab taniqli video dasturlari (Adobe Media Encoder, QuickTime, va boshqalar) OGG konvertatsiyasini taklif qilmaydi. Shunday qilib, videongizni OGG ga aylantirishning yagona usuli Internetda ishlash dasturini topishdir.
Ishlab chiqarish imkoniyatiga ega
Media-Convert deb nomlanuvchi onlayn vosita turli video (va audio) formatlarini boshqa video (va audio) formatlariga aylantirish uchun da'vo qiladi. Biz 3-soniyali test videomizni sinab ko'rganimizda, uni Mac-da ishlashimga erisholmadik. Lekin sizda yaxshiroq yutuqlar bo'lishi mumkin. Ushbu sayt bepul bo'lishning foydasi bor.
Biz topdik boshqa ba'zi uskunalar:
- Miro Video Converter (Windows Macintosh) - Ushbu dastur Ogg va MP4 (H.264) ga aylantirilishning foydasi va u ochiq manba.
- Koyote Video Converter (Windows)
- Bepul Video Converter Biz bu Windows va Macintosh versiyasiga ega deb o'ylaymiz, lekin ularning saytidan aytish qiyin edi
- Oddiy Theora horuldamchi (Makintosh) - bu biz foydalanishga moyildir.
Videoni Ogg formatida saqlaganingizdan so'ng, veb-saytingizdagi joyga yozib oling va boshqa brauzerlar uchun boshqa formatlarga aylantirish uchun keyingi sahifaga o'ting.
10dan 10gacha
Safari uchun MP4ga videoni aylantirish
Sizning videongizni o'zgartirishi kerak bo'lgan keyingi format MP4 (H.264 video) bo'lib, u Safari 3 va 4da va iPhone va Androidda ijro etilishi mumkin. Bundan tashqari, H.264 videolari Flashni tomosha qilish uchun FLV fayllariga osongina aylantirilishi mumkin.
Ushbu format tijorat maqsadlarida mahsulotlarga osonlik bilan erishish mumkin va agar sizda video muharriri bo'lsa MP4-ga aylanadigan dastur mavjud. Agar sizda Adobe Premiere bor bo'lsa, siz Adobe Video horuldamachidan foydalanishingiz mumkin, yoki agar sizda ham ishlaydigan QuickTime Pro bo'lsa. Avvalgi sahifada muhokama qilingan ko'plab konverterlar videolarni MP4 ga o'zgartiradi.
- Media-Convert - onlayn vosita
- Miro Video Converter (Windows Macintosh) - Ushbu dastur Ogg va MP4 (H.264) ga aylantirilishning foydasi va u ochiq manba.
- SUPER (Windows) - turli xil fayl turlarini MP4 va FLV ga aylantiradi
- Bepul Video Converter Biz bu Windows va Macintosh versiyasiga ega deb o'ylaymiz, lekin ularning saytidan aytish qiyin edi
O'zingizning MP4 faylingizni veb-saytingizga yozib oling va undan keyin Internet Explorer uchun Flash-ga aylantirishingiz kerak bo'ladi.
06 dan 10gacha
Internet Explorer uchun videoni FLVga aylantirish
Videolarni FLVga aylantirishning eng oson yo'li Flashni ishlatishdir. Videolarni Flashga aylantiramiz. Lekin Flash bo'lmasa, fayllarni FLV ga aylantirish uchun ikkita mashhur vosita:
- SUPER (Windows) - turli xil fayl turlarini MP4 va FLV ga aylantiradi
- ffmpegX (Macintosh) - turli xil fayl turlarini Mp4 va FLV ga o'zgartiradi.
FLV faylini veb-saytingizga yozib oling va keyingi sahifada HTMLni qanday qilib yozishingiz mumkinligi ko'rsatiladi.
07 dan 10gacha
Video elementingizni veb-sahifangizga qo'shing
Veb-sahifalarga video qo'shish uchun HTML 5 ni ishlatish juda oson. Ko'pgina zamonaviy brauzerlar HTML 5-videoni qo'llab-quvvatlaydi, garchi ular hammasi bir xil tarzda qo'llab-quvvatlamasa ham. Lekin bu degani, videongizni Ogg va MP4 formatlari sifatida saqlasangiz, eng zamonaviy brauzerlarda (Internet Explorer 8dan tashqari) ko'rish uchun faqat to'rt yoki beshta HTML satr yozishingiz mumkin. Quyida qanday qilib:
- Brauzerlar HTML 5 ni kutishlarini bilish uchun HTML 5 doctype markerini yozing:
- Veb-sahifangizni odatda yaratgandek yarating:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Tananing ichki qismida <video> yorlig'ini joylashtiring: <blockquote> <video> </ video> </blockquote></li><li> Videongiz qanday xususiyatlarga ega bo'lishini belgilang: <ul><li> autoplay - yuklab olinishi bilanoq boshlanadi </li><li> tekshiruvlar - o'quvchilaringiz videoni nazorat qilishiga ruxsat berish (pauza qilish, orqaga qaytarish, tezroq oldinga o'tkazish) </li><li> loop - videoni tugatgandan so'ng boshlang </li><li> oldindan yuklanish - videoni oldindan yuklab oling, shunda xaridor uni bosganda tezroq tayyor bo'ladi </li><li> afishasi - video to'xtatilganda foydalanmoqchi bo'lgan tasvirni belgilang </li></ul> Boshqarish vositalarini va oldindan yuklashni tavsiya etamiz. Agar sizning videongizda yaxshi dastlabki sahnasi bo'lmasa, afishaning tanlovidan foydalaning. <blockquote> <video nazorati preload> </ video> </blockquote></li><li> So'ng videoning ikkita versiyasi uchun (MP4 va OGG) manba fayllarini <video> elementiga qo'shing: <blockquote> <video nazorati preload> <br> <manba src = "shasta.mp4" type = 'video / mp4; kodek = "avc1.42E01E, mp4a.40.2" "> <br> <manba src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" "> <br> </ video> </blockquote></li><li> Chrome 1, Firefox 3.5, Opera 10 va / yoki Safari 4-da sahifani oching va u to'g'ri ko'rinishini tekshiring. Kamida Firefox 3.5 va Safari 4da test qilishingiz kerak, chunki har biri har xil kodeklardan foydalanadi. </li></ol><p> Bo'ldi shu. Ushbu kodni kiritganingizdan so'ng sizda Firefox 3.5, Safari 4, Opera 10 va Chrome 1da ishlaydigan videotasmaga ega bo'lasiz. Internet Explorer haqida nima deyish mumkin? </p> <h3> Internet Explorer HTML 5 yoki <video> Tag kabi emas </h3><p> Keyingi qismda siz IE 8 ni HTML 5-video teglar bilan yaxshi o'ynash va videoni namoyish qilish uchun nima qilishingiz mumkinligi haqida gapiramiz. Flashni ishlatishingiz kerak. Yaxshi xabar, IE 9 ning HTML5 va video yorlig'ini qo'llab-quvvatlashi kutilmoqda. </p> <p> <strong>08 dan 10gacha</strong> </p> <h3> Internet Explorer-ni ishga tushirish uchun JavaScript-ni va Flash Player-ni qo'shing </h3><p> Ehtimol, oldingi sahifadagi HTML-da, FLV fayli uchun manba qatori yo'qligini payqadingiz. Agar siz Internet Explorer-da ushbu sahifani sinab ko'rsangiz, u ishlamaydi. Buning sababi, Internet Explorer HTML 5 ni tanimayapti va OGG yoki MP4 videolarini noyob ravishda ijro eta olmaydi. Internet Explorer 7 va 8 ni ishlashi uchun videoni Flash sifatida ijro etishingiz kerak. Lekin FLV faylini qo'shishdan ko'ra uni ishga tushirish uchun ko'proq qadamlar mavjud. </p> <h3> 1-qadam: Veb-saytingiz uchun Flash Video Playerni oling </h3> <p> FlowPlayer dasturini olishni tavsiya etamiz, chunki u veb-serveringizga o'rnatishi mumkin bo'lgan ochiq kodli Flash video pleer bo'lib, siz Flash-videoni ijro etish uchun foydalanadigan vaqtda foydalanishingiz mumkin. FlowPlayer-ning bepul versiyasi videolaringizga reklama qo'shmoqda, ammo siz ularga kerak bo'lsa, savdo litsenziyalari ham sotib olishingiz mumkin. </p> <p> FlowPlayer veb-saytida o'rnatish uchun FlowPlayer saytidagi ko'rsatmalarga rioya qiling. Qisqacha aytganda, siz saytingizda 2 ta SWF faylini va JavaScript-faylni o'rnatasiz. HTML-ning pastki qismida (</ body> tagidan oldin) siz bir qator qo'shasiz: </p> <blockquote> <script src = "flowplayer.min.js"> </ skript> </blockquote><p> Ammo Internet Explorer hali videoni ijro etmaydi, siz HTML 5 taglarini qanday tan olishi kerakligini o'rgatishingiz kerak. </p> <h3> 2-qadam: Internet Explorer HTML 5 Tegini o'qishga ishonch hosil qiling </h3><p> "HTML Shiv" deb nomlangan Google Code-ga HTML-5 elementlarini tan oladigan IE-ga foydalanishga yaraydigan biror buyruq mavjud. Xullas, siz HTML dokumentingizning <bosh> da siz unga murojaat qilmoqchisiz. Boshqa brauzerlar shubhalanmasligi uchun IE shartli sharhlarda uni eng yaxshi tarzda to'ldirish yaxshidir: </p> <blockquote> <! - [agar IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> OK, endi IE <video> yorlig'ini bilib oladi, lekin shu paytgacha siz kiritgan manba fayllari bilan nima qilish kerakligini bilmaydi. </p> <h3> 3-qadam: FLV fayl uchun manba satrini qo'shing </h3><p> Avvalgi sahifada bo'lgani kabi, siz HTML-5 da <video> elementi ichida sizning serveringizda FLV faylini qaerda saqlaganingizni ko'rsatadigan qatorni qo'shasiz. </p> <blockquote> <video nazorati preload> <br> <manba src = "shasta.mp4" type = 'video / mp4; kodek = "avc1.42E01E, mp4a.40.2" "> <br> <manba src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" "> <br> <strong><manba src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Ekranli video, Ekran 2-video, H.264" "></strong> <br> </ video> </blockquote><p> <strong>09 dan 10 ga</strong> </p> <h3> Internet Explorer-ni ishga tushirish uchun JavaScript-ni va Flash Player-ni qo'shing - 2-qism </h3><p> Afsuski, biz hali ham bajarilmayapmiz. Biz yuqorida aytilgan FlowPlayer Flash video pleeridan foydalanish uchun IEga aytishimiz kerak. </p> <h3> 4-qadam: Flashga <video> elementni aylantiring </h3><p> Buning uchun yana bir buyruq kerak. Biz <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">HTML 5dan Dive'dan</a> skriptni oldik. Ammo biz uni sinab ko'rganimizda, biz bir nechta tuzatishlar kiritmagunimizcha ishlamadi: </p> <ul><li> 31 chiziq bo'ylab: FlowPlayer o'rnatishingizni joylashtiring. </li><li> 42 yo'nalish atrofida: fayl turini o'zgartiring <blockquote> video / mp4 </blockquote> uchun <blockquote> video / x-flv </blockquote></li><li> 94 chiziq atrofida: boshlanadigan <blockquote> agar (!! $ && !! $ (document) .ready) { </blockquote> Hujjatning oxirigacha ushbu qismni o'qing: <blockquote> // if (!! $ && !! $ (Document) .ready) { <br> / * JQuery foydalanuvchilari DOM tayyor bo'lgunga qadar ishga tushirishi mumkin * / <br> // $ (document) .ready (html5_video_init); <br> //} else { <br> / * Yuklab olish * / <br> / * addEvent funksiyasi orqali http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> mavjud addEvent = funktsiya (obj, type, fn) { <br> agar (obj.addEventListener) <br> obj.addEventListener (turi, fn, noto'g'ri); <br> else agar (obj.attachEvent) <br> obj.attachEvent ('on' +, funktsiya () {fn.apply (obj, yangi Array (window.event);}); <br> } <br> addEvent (oyna, "yuk", html5_video_init); <br> //} </blockquote></li></ul><p> JavaScript faylini tahrir qilgandan so'ng, uni serveringizga yuklang va HTML sahifangizning pastki qismida unga bog'lang (</ body> dan oldin): </p> <blockquote> <skript src = "html5-video.js"> </ skript> </blockquote><p> Shoshmang! Endi hamma narsani bajarganingizdan so'ng, testni boshlashingiz uchun HTML-ni yuklashingiz kerak. </p> <p> <strong>10 dan 10 gacha</strong> </p> <h3> Ko'plab brauzerlar yordamida tekshirib ko'ring </h3><p> Muvaffaqiyatli ishga tushirishni xohlasangiz, video sahifalarini test qilish juda muhimdir. O'zingizning veb-saytingiz uchun eng mashhur brauzerlar va versiyalarda sahifangizni sinab ko'rishingiz kerak. </p> <p> Biz BrowserLab va AnyBrowser kabi vositalarni videoni sinab ko'rish uchun foydalanishingiz mumkinligini aniqladik, shuning uchun u brauzerda sahifani o'zingizga yetkazishda ishonchli emas. Siz buni qilsangiz, u ishlayaptimi yoki yo'qmi, albatta ko'rishingiz mumkin. </p> <p> Videoingizni uch formatda kodlash uchun barcha muammolarga yo'l qo'yganingizdan buyon uni uchta ko'rinishda tekshirish uchun sinab ko'rishingiz kerak. Bu shuni anglatadiki, hech bo'lmaganda, uni sinovdan o'tkazing: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 yoki 4 </li><li> Internet Explorer 7 yoki 8 </li></ul><p> Siz Chrome-da test qilishingiz mumkin, lekin Chrome barcha uch usulni (hatto plagin bo'lsa, Flashni) ko'rib chiqqandan so'ng, boshqa ikkitadan biri bilan bog'liq muammo mavjudmi yoki Chrome qaysi kodekni ishlatayotganini aniqlash qiyin. </p> <p> Sizning xotirjamligingiz uchun, eski brauzerlarda ham nima qilishlarini ko'rish uchun sinov qilishingiz kerak. Ayniqsa, ko'pchilik o'quvchilaringiz eski brauzerlardan foydalansa. </p> <h3> Eski brauzerlarda videoni ishga tushirish </h3><p> Har qanday veb-sahifada bo'lgani kabi, avval ushbu brauzerlarning ishlashi qanchalik muhimligi haqida o'ylashingiz kerak. Mijozlaringizning 90% Netscape dan foydalansa, ular uchun o'zingizning reja rejangiz bo'lishi kerak. Ammo 1% dan kamroq bo'lsa, unchalik ahamiyatga ega bo'lmaydi. </p> <p> Qanday brauzerlarni qo'llab-quvvatlashga qaror qilgandan so'ng, videoni ko'rish uchun ularga muqobil sahifani yaratish osonroq bo'ladi. Shu muqobil sahifada siz HTML 4ni foydalanib videoni joylashtirasiz. yoki brauzerni aniqlashning ba'zi shakllaridan foydalaning yoki ularni o'sha sahifaga yo'naltirishingiz mumkin. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://uz.eyewated.com/jadvalli-malumotlar-va-jadvallarni-xhtmlda-ishlatish/"> <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://uz.eyewated.com/jadvalli-malumotlar-va-jadvallarni-xhtmlda-ishlatish/">Jadvalli ma'lumotlar va jadvallarni XHTMLda ishlatish</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/html-download-tag-bormi/"> <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://uz.eyewated.com/html-download-tag-bormi/">HTML Download Tag bormi?</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/html-tagiga-xususiyat-qoshish/"> <amp-img src="https://exse.eyewated.com/pict/d4682442f4973814-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/html-tagiga-xususiyat-qoshish/">HTML tagiga xususiyat qo'shish</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/html5-kanvasni-ishlatadi/">HTML5 kanvasni ishlatadi</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/iframe-elementining-yangi-html5-xususiyatlari/"> <amp-img src="https://exse.eyewated.com/pict/aec03ac5bab7342b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/iframe-elementining-yangi-html5-xususiyatlari/">IFRAME elementining yangi HTML5 xususiyatlari</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/htmlni-pdf-ga-aylantirish-uchun-5-ta-ajoyib-vosita/"> <amp-img src="https://exse.eyewated.com/pict/1f5b70039043347e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/htmlni-pdf-ga-aylantirish-uchun-5-ta-ajoyib-vosita/">HTMLni PDF ga aylantirish uchun 5 ta ajoyib vosita</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/html-sanasi-taglarini-ishlatish-boyicha-maslahatlar/"> <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://uz.eyewated.com/html-sanasi-taglarini-ishlatish-boyicha-maslahatlar/">HTML sanasi taglarini ishlatish bo'yicha maslahatlar</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/turk-tilidagi-belgilar-uchun-html-kodlarning-keng-qamrovli-royxati/"> <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://uz.eyewated.com/turk-tilidagi-belgilar-uchun-html-kodlarning-keng-qamrovli-royxati/">Turk tilidagi belgilar uchun HTML kodlarning keng qamrovli ro'yxati</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/html-elementlari-blokirovka-va-satr-elementlari/">HTML elementlari: blokirovka va satr elementlari</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://uz.eyewated.com/photoshop-da-qatlam-effektlarini-rasterlashtirish-haqida-bilib-oling/"> <amp-img src="https://exse.eyewated.com/pict/360f10e644c7353d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/photoshop-da-qatlam-effektlarini-rasterlashtirish-haqida-bilib-oling/">Photoshop-da qatlam effektlarini rasterlashtirish haqida bilib oling</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/yangi-noutbuklarni-sotib-oling-yoki-ijaraga-oling/"> <amp-img src="https://exse.eyewated.com/pict/abc057127aee3460-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/yangi-noutbuklarni-sotib-oling-yoki-ijaraga-oling/">Yangi noutbuklarni sotib oling yoki ijaraga oling</a></h3> <div class="amp-related-meta"> Qo'llanmalar xarid qilish </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/lan-nima/"> <amp-img src="https://exse.eyewated.com/pict/bf52bc8bd487471d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/lan-nima/">LAN nima?</a></h3> <div class="amp-related-meta"> Internet va tarmoq </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/html-kaydiradigan-quti/"> <amp-img src="https://exse.eyewated.com/pict/f47bdac8d880303c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/html-kaydiradigan-quti/">HTML kaydiradigan quti</a></h3> <div class="amp-related-meta"> Veb-dizayn va Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/gimp-tadqiqoti/"> <amp-img src="https://exse.eyewated.com/pict/92495331512c324f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/gimp-tadqiqoti/">GIMP Tadqiqoti</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/facebook-ning-odatlariga-putur-etkazishning-5-ta-yoli/"> <amp-img src="https://exse.eyewated.com/pict/fe14d6e4d8863707-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/facebook-ning-odatlariga-putur-etkazishning-5-ta-yoli/">Facebook-ning odatlariga putur etkazishning 5 ta yo'li</a></h3> <div class="amp-related-meta"> Ijtimoiy medialar </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://uz.eyewated.com/subwooferlar-nimani-bilishingiz-kerak/"> <amp-img src="https://exse.eyewated.com/pict/11b4e626071d3394-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/subwooferlar-nimani-bilishingiz-kerak/">Subwooferlar - nimani bilishingiz kerak</a></h3> <div class="amp-related-meta"> Qo'llanmalar xarid qilish </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/kompyuter-oyinini-ornatishdan-oldin/">Kompyuter o'yinini o'rnatishdan oldin</a></h3> <div class="amp-related-meta"> O'yin </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/kontentga-foydalanuvchilarni-tolaydigan-ijtimoiy-tarmoqlar/"> <amp-img src="https://exse.eyewated.com/pict/92b1673e2658390f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/kontentga-foydalanuvchilarni-tolaydigan-ijtimoiy-tarmoqlar/">Kontentga foydalanuvchilarni to'laydigan ijtimoiy tarmoqlar</a></h3> <div class="amp-related-meta"> Ijtimoiy medialar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/roflmao-nimani-anglatadi/"> <amp-img src="https://exse.eyewated.com/pict/adad05d3ce4f34ca-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/roflmao-nimani-anglatadi/">"ROFLMAO" nimani anglatadi?</a></h3> <div class="amp-related-meta"> Ijtimoiy medialar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/virtual-haqiqat-kasalligidan-qochish/"> <amp-img src="https://exse.eyewated.com/pict/570091aec45739e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/virtual-haqiqat-kasalligidan-qochish/">Virtual haqiqat kasalligidan qochish</a></h3> <div class="amp-related-meta"> Yangi va keyingi </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/apple-tv-ga-bluetooth-klaviaturani-qanday-ulash-kerak/"> <amp-img src="https://exse.eyewated.com/pict/be1ff5cf99a3384a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/apple-tv-ga-bluetooth-klaviaturani-qanday-ulash-kerak/">Apple TV-ga Bluetooth klaviaturani qanday ulash kerak</a></h3> <div class="amp-related-meta"> Dasturiy ta'minot va ilovalar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/maslahatlar-macbook-batareyasini-boshqarish-uchun/"> <amp-img src="https://exse.eyewated.com/pict/550e65b2f8ab3321-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/maslahatlar-macbook-batareyasini-boshqarish-uchun/">Maslahatlar MacBook Batareyasini boshqarish uchun</a></h3> <div class="amp-related-meta"> Maclar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/linux-uchun-eng-yaxshi-linux-audio-dasturlari/"> <amp-img src="https://exse.eyewated.com/pict/2c75ca5c72a03238-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/linux-uchun-eng-yaxshi-linux-audio-dasturlari/">Linux uchun eng yaxshi Linux Audio dasturlari</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ios-mail-orqali-boglanishni-qanday-nusxalash-iphone-ipad/"> <amp-img src="https://exse.eyewated.com/pict/122c3ae396fa3c0a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ios-mail-orqali-boglanishni-qanday-nusxalash-iphone-ipad/">IOS-Mail orqali bog'lanishni qanday nusxalash (iPhone, iPad)</a></h3> <div class="amp-related-meta"> IPhone va iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/ipadni-iphone-ga-qanday-ulash-mumkin/"> <amp-img src="https://exse.eyewated.com/pict/bc2e5372961e36c7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/ipadni-iphone-ga-qanday-ulash-mumkin/">IPadni iPhone ga qanday ulash mumkin?</a></h3> <div class="amp-related-meta"> IPhone va iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/windows-oqituvchisida-qattiq-diskni-formatlash/"> <amp-img src="https://exse.eyewated.com/pict/88a27cfecf9037da-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/windows-oqituvchisida-qattiq-diskni-formatlash/">Windows o'qituvchisida qattiq diskni formatlash</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://uz.eyewated.com/tarmoq-asoslari/">Tarmoq asoslari</a></h3> <div class="amp-related-meta"> Internet va tarmoq </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/goml-nimani-anglatadi/"> <amp-img src="https://exse.eyewated.com/pict/51c8e1de3b152faa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/goml-nimani-anglatadi/">GOML nimani anglatadi?</a></h3> <div class="amp-related-meta"> Ijtimoiy medialar </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/disney-infinity-101-qaerdan-boshlanadi-va-nima-sotib-olinadi/"> <amp-img src="https://exse.eyewated.com/pict/8e7625d72a3533c7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/disney-infinity-101-qaerdan-boshlanadi-va-nima-sotib-olinadi/">Disney Infinity 101: Qaerdan boshlanadi va nima sotib olinadi</a></h3> <div class="amp-related-meta"> Mahsulot izohlari </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/solid-state-drive-buying-guide/"> <amp-img src="https://exse.eyewated.com/pict/84caa7f7ba983aaf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/solid-state-drive-buying-guide/">Solid State Drive Buying Guide</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://uz.eyewated.com/muqobil-e-oquvchilar/"> <amp-img src="https://exse.eyewated.com/pict/4af2d69826e23179-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://uz.eyewated.com/muqobil-e-oquvchilar/">Muqobil E-O'quvchilar</a></h3> <div class="amp-related-meta"> Qo'llanmalar xarid qilish </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 uz.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.227 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-04 00:32:08 --> <!-- 0.002 -->