HTML 5 video etiketi, veb səhifələrinizə video əlavə etmək üçün asanlaşdırır. Ancaq səthdə asan görünsə də, videonuzu və işləməyiniz üçün lazım olan çox şey var. Bu təlimat HTML 5-də bütün müasir brauzerlərdə video çəkəcək bir səhifə yaratmaq üçün sizə lazımi addımlar atacaq.
- YouTube istifadə edərək, öz HTML 5 Video Hosting
- Vebdə Video Dəstəkinin Tez Bir Baxış
- Videonuzu yaradın və redaktə edin
- Videonu Firefox üçün Ogg-ə çevirin
- Safari üçün MP4-yə Video Convert
- Internet Explorer üçün Video FLV-yə çevirin
- Video Elementini Veb səhifəyə əlavə edin
- 1-ci pillədə işləmək üçün Internet Explorer-ı almaq üçün JavaScript və Flash Player əlavə edin
- Çox sayda brauzer kimi test edə bilərsiniz
01 ilə 10
YouTube istifadə edərək, öz HTML 5 Video Hosting
YouTube böyük bir saytdır. Web səhifələrinə videoları tez yerləşdirmək asanlaşdırır və bəzi kiçik istisnalarla həmin videoların icrasında olduqca qüsursuzdur. YouTube-da bir video göndərirsinizsə, hər kəsin izləyə biləcəyinə əmin ola bilərsiniz.
Lakin videolarınızı yerləşdirmək üçün YouTube istifadə edərək bəzi çatışmazlıqlar var
YouTube ilə bağlı olan problemlərin çoxu dizayner tərəfində deyil, istehlakçı tərəfindədir:
- Slow search and indexing
- Server kəsilməsi
- Məzmun özbaşına çıxarılır (zahirən)
- Çox pis məzmun
Bununla yanaşı, YouTube məzmunu inkişaf etdirənlər üçün də pis olduğu üçün bəzi səbəblər var:
- Videolar üçün 10 dəqiqəlik maksimum uzunluq (pulsuz hesablar üçün)
- Performansı pis yüklə
- YouTube videonuza limitsiz istifadə haqqı qazanır
- Hər hansı bir YouTube istifadəçisi videonuza limitsiz istifadə hüququ qazanır
HTML 5 Video YouTube üzərindən bəzi üstünlüklər verir
Video üçün HTML 5- i istifadə edərək, videonuzun hər bir aspektini, kimin görüntüleyebileceğini, nə qədər olacağını, məzmunun nə olduğunu, yerləşdiyi yerin və serverın yerinə yetirilməsini nəzarət edə bilərsiniz. Və HTML 5 video, maksimum insanların sayını görə biləcəyinizə əmin olmaq üçün videonuzu çox formatda kodlaşdırma imkanı verir. Müştərilərinizə bir eklenti ehtiyac yoxdur və ya YouTube daha yeni bir versiyası yayımlayana qədər gözləmək.
Əlbəttə ki, HTML 5 video bəzi çatışmazlıqlar təklif edir
Bunlar:
- Videonuzu ən azı üç müxtəlif codecə kodlaşdırmalısınız
- HTML 5- i dəstəkləməyəcək brauzerlərin işləməyini təmin etmək üçün bəzi JavaScript-ni daxil etməlisiniz
- Sunucunuz videoların qəbul edilməsi üçün bant genişliyi tələblərini idarə edə bilər
02/10
Vebdə Video Dəstəkinin Tez Bir Baxış
Veb səhifəyə video əlavə etmək çoxdan çətin bir proses olmuşdur. Yanlış gələ biləcək çox şey var idi:
- Birincisi, videonuzu səhifəyə yerləşdirmək üçün
- Beləliklə,
- Sonra düşünürsən " Flash !" Videoyu bir FLV faylı olaraq kodlayın. Amma Flash bir çox mobil qurğuda dəstəklənmir və bir çox insanlar Flash-nun necə istifadə olunmasından asılı olmayırlar ( Flash haqqında düşündüklərinizi soruşan mənim sorğuda iştirak edənlərin 25% -i heç bir şəkildə Flash-u dayanmırlar).
- Beləliklə videonuzu YouTube kimi bir video yerləşdirmə saytına yükləməyə qərar verin, lakin sonra YouTube ilə müzakirə etdiyimiz məsələlər var.
- Nəhayət, HTML 5 ilə getməyə qərar verirsiniz, lakin Internet Explorer bunu bilmir (Internet Explorer 9 qədər deyil). Və hətta əgər, iki video kodek standartları dəstəklənir və həm də istifadə edə bilən yalnız bir brauzer var. Video Codecləri və Konteynerlər üçün Brauzerin Dəstəyi
Nə etməliyəm? Videonun verilməsi, videoların daha çox əhəmiyyətə çevrildiyi üçün, artıq saytların əksəriyyəti üçün bir seçimdir. Və bir çox sayt uğurla videoya qoşulmuşdur.
Bu məqalənin aşağıdakı səhifələrində Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 və 4, iPhone və Android, Flash və Internet Explorer 7 və 8-də işləyən web səhifələrinizə video əlavə etməklə sizə kömək edəcək. lazım olsa digər köhnə brauzerlər üçün dəstək əlavə etmək üçün lazım olan düymələri var.
03/10
Videonuzu yaradın və redaktə edin
Web səhifəsində video çəkmək üçün lazım olan ilk şey faktiki video. Bir xüsusiyyət yaratmaq üçün ya da davamlı vurmaq və sonra düzəliş edə bilərsiniz, və ya onu skript yaza və qabaqda planlaya bilərsiniz. Hər iki yol da yaxşı işləyir, yalnız rahat olursunuz. Nə videonun hansı növünü etməyinizi bilmirsinizsə, bu fikirləri Masaüstü Video Kılavuzundan yoxlayın:
- Ailə Video Layihələri
- Marketinq və Təqdimat Videoları
- Video Virtual Turlar
- Videolar üçün necə
- Toy Videoları
Yüksək keyfiyyətli videoların necə yazılacağını öyrənin
Daxili və açıq havada qeydlərin necə yazıldığını və audio yazmağın necə olduğunu əmin olun. İşıqlandırma da çox vacibdir - çox parlaq gözlər zərər verən və çox qaranlıq yalnız çamurlu və qeyri-peşəkar baxmaq. Yalnız sitenizde 30 saniyelik bir videoya sahib olmağı planladığınız halda, daha yüksək keyfiyyət daha yaxşıdır ki, bu veb saytınıza əks olunacaq.
Müəllif hüquqları videonuzda istifadə etmək istəyə biləcək hər hansı bir səs və ya musiqiyə (həmçinin səhmdar cədvəllərə) də aiddir. Sizin üçün bir mahnı yaza və oynaya biləcək bir dostunuza çıxışınız yoxdursa, arxa planda oynamaq üçün müəlliflik hüququ olmayan musiqi tapmaq lazımdır. Videolarınıza əlavə etmək üçün hazırlanmış görüntülər də var.
Videoınızı redaktə edin
Yalnız istifadə etdiyiniz və effektiv istifadə edə biləcəyiniz müddətdə, istifadə etdiyiniz düzəliş proqramının əhəmiyyəti yoxdur. Gretchen, Masaüstü Video Kılavuzu, videolarınızın yaxşı görünməsi üçün sizə kömək edə biləcək bəzi peşəkar video redaktə məsləhətləri var.
Videoınızı MOV və ya AVI (və ya MPG, CD, DV)
Bu təlimatın qalan hissəsi üçün videonuzun AVI və ya MOV kimi yüksək keyfiyyətli (qeyri-sıxılmış) bir formatda saxladığınızı düşünürük. Bu faylları olduğu kimi istifadə edə bilərsiniz, baxmayaraq ki, biz artıq müzakirə etdiyiniz video ilə bütün problemləri həll edirsiniz. Aşağıdakı səhifələrdə, faylınızı ən çox sayda brauzer tərəfindən görüntülenebilecek şekilde üç biçimde nasıl dönüştürüleceğiniz açıklanacaktır.
04/10
Videonu Firefox üçün Ogg-ə çevirin
Bizə çevirəcəyimiz ilk format Ogg (bəzən Ogg-Theora deyilir). Bu format Firefox 3.5, Opera 10.5 və Chrome 3-ün bütün görünüşlərindən biridir.
Təəssüf ki, Ogg brauzer dəstəyi olsa da, ala bilən bir çox məşhur video proqramı (Adobe Media Encoder, QuickTime və s.) Bir Ogg dönüşüm variantını təklif etmir. Belə ki, videonuzu OGG-yə çevirmək üçün yeganə yoldur, Web-də bir dönüşüm proqramı tapmaqdır.
Dönüşüm Seçimləri
Video (və audio) müxtəlif formatlarını digər video (və audio) formatlarına çevirmək üçün iddia edən Media-Convert adlı onlayn vasitə var. Mənim 3-cü sınaq testim ilə sınadığımız zaman, Mac-da işləməyimiz mümkün olmayıb. Ancaq daha yaxşı şansınız ola bilər. Bu sayt pulsuz olmağın faydasıdır.
Biz tapdığımız digər vasitələr:
- Miro Video Converter (Windows Macintosh) - Bu proqram hər iki Ogg və MP4 (H.264) formatına çevrilmənin faydasına malikdir və bu açıq mənbədir.
- Koyote Video Converter (Windows)
- Pulsuz Video Converter Biz bunun Windows və Macintosh versiyasına malik olduğunu düşünürük, lakin saytından danışmaq çətin idi
- Sadə Theora Encoder (Macintosh) - bu istifadə etmək məcburiyyətindəyik.
Videonuzu Ogg formatında saxladıqdan sonra veb-saytınızdakı bir yerə saxlayın və digər brauzerlər üçün digər formatlara çevirmək üçün növbəti səhifəyə keçin.
05/10
Safari üçün MP4-yə Video Convert
Videoyu çevirmək üçün növbəti format MP4 (H.264 video) və Safari 3 və 4-də, iPhone və Android-də oynanılacaq. Plus, H.264 videoları asanlıqla Flash-da izləmək üçün FLV fayllarına çevrilə bilər.
Bu format ticarət məhsullarında daha asanlıqla mövcuddur və ehtimal ki, video redaktorunuz varsa, MP4-ə çevriləcək bir proqram var. Adobe Premiere varsa Adobe Video Kodlayıcısından istifadə edə bilərsiniz və ya QuickTime Pro da işləyəcək. Əvvəlki səhifədə müzakirə etdiyimiz çeviricilərin bir çoxu da MP4-yə videoları çevirəcəkdir.
- Media-Convert - bir onlayn vasitədir
- Miro Video Converter (Windows Macintosh) - Bu proqram hər iki Ogg və MP4 (H.264) formatına çevrilmənin faydasına malikdir və bu açıq mənbədir.
- SUPER (Windows) - MP4 və FLV-ə çox müxtəlif fayl növlərini çevirəcəkdir
- Pulsuz Video Converter Biz bunun Windows və Macintosh versiyasına malik olduğunu düşünürük, lakin saytından danışmaq çətin idi
MP4 dosyanızı veb-saytınıza qoşun və sonra istifadə etmək üçün İnternetə Flash-ə çevirmək lazımdır.
06-dan 10-a
Internet Explorer üçün Video FLV-yə çevirin
Videoları FLV-ə çevirmək üçün ən asan yol Flash-un özünü istifadə etməkdir. Videolarımızı Flash'a necə çevirəcəyik. Lakin Flash yoxdur, FLV faylları çevirmək üçün iki məşhur vasitədir:
- SUPER (Windows) - MP4 və FLV-ə çox müxtəlif fayl növlərini çevirəcəkdir
- ffmpegX (Macintosh) - bir çox müxtəlif fayl növlərini Mp4 və FLV-ə çevirəcəkdir.
FLV dosyanızı veb saytınıza qoşun və sonrakı səhifə HTML-lərinizi necə yaza biləcəyinizi göstərəcək.
07/10
Video Elementini Veb səhifəyə əlavə edin
Web səhifələrinə video əlavə etmək üçün HTML 5-dən istifadə etmək çox asandır. Çox müasir brauzerlər HTML 5 videoyu dəstəkləyir, baxmayaraq ki, hamısı eyni şəkildə dəstəklənmir. Bunun anlamı, videonuzu Ogg və MP4 formatları olaraq saxlasanız, ən müasir brauzerlərdə (Internet Explorer 8 istisna olmaqla) göstərmək üçün yalnız dörd və ya beş xətt HTML yaza bilərsiniz. İşdə necə:
- Brauzerlərin HTML 5-i gözlədiyini bilməsi üçün HTML 5 doctype markerini yazın:
- Normal olaraq yaratdığınız kimi Veb səhifə yaradın:
</ title> <br> </ head> <br> <bədən> <br><br> </ body> <br> </ html> </blockquote></li><li> Bədənin içərisində <video> etiketi qoyun: <blockquote> <video> </ video> </blockquote></li><li> Videonuzda hansı xüsusiyyətləri olmasını qərarlaşdırın: <ul><li> autoplay - endirildikdən sonra başlayacaq </li><li> nəzarət - oxucularınızı videonu idarə etməsinə imkan verir (duraklat, geri sarma, sürətli irəli) </li><li> loop - videonun başa çatdığı vaxtdan başlayır </li><li> ön yükləmə - müştərinin üzərinə tıkladığı zaman videoyu daha sürətli hazırlamaq üçün əvvəlcədən endir </li><li> poster - video dayandırıldıqda istifadə etmək istədiyiniz təsvirləri müəyyənləşdirin </li></ul> Nəzarət və ön yükləmə istifadə etməyi məsləhət görürük. Videonuzda yaxşı bir ilk səhnə olmadıqda poster seçimini istifadə edin. <blockquote> <video kontrolləri preload> </ video> </blockquote></li><li> Daha sonra videonun iki versiyası (MP4 və OGG) üçün <video> elementi daxilində mənbə faylları əlavə edin: <blockquote> <video nəzarət preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" "> <br> </ video> </blockquote></li><li> Chrome 1, Firefox 3.5, Opera 10 və / və ya Safari 4-də səhifəni açın və düzgün görüntülendiğinden əmin olun. Ən az Firefox 3.5 və Safari 4-də fərqli bir codec istifadə etdiyiniz üçün test etməlisiniz. </li></ol><p> Bu belədir. Bu kodu yerinə yetirdikdə, Firefox 3.5, Safari 4, Opera 10 və Chrome 1-də işləyən bir videoya sahib olacaqsınız. İnternet Explorer haqqında nə olacaq? </p> <h3> Internet Explorer HTML 5 və ya <video> Etiketi sevmir </h3><p> Növbəti bölmədə, IE 8-i HTML 5 video etiketlərinizlə gözəl oynayacaq və videonu göstərmək üçün nə edə biləcəyiniz barədə danışacağıq. Flashdan istifadə etməliyik. Yaxşı xəbər, IE 9-un HTML 5 və video etiketini dəstəkləməsi gözlənilir. </p> <p> <strong>08/10</strong> </p> <h3> Internet Explorer-ın işə salınması üçün JavaScript və Flash Player əlavə edin </h3><p> Əvvəlki səhifənin HTML-də FLV faylı üçün heç bir qaynaq xətti olmadığını fərq etmiş ola bilərsiniz. Və əgər bu səhifəni Internet Explorer'da test etsəniz, bu işləməyəcək. İnternet Explorer HTML 5-i tanımadığından, OGG və ya MP4 videolarını yerli olaraq oynaya bilməz. Internet Explorer 7 və 8-i işə salmaq üçün videonu Flash olaraq oynayacaqsınız. Lakin FLV faylını əlavə etməkdən daha çox işləməyə daha çox addım var. </p> <h3> Addım 1: Veb səhifə üçün Flash Video Player alın </h3> <p> FlowPlayer-ı əldə etməyi tövsiyə edirik, çünki bu veb-serverinizə yükləyə və Flash videolarınızı oynamaq üçün istifadə etdiyiniz açıq mənbəli Flash video oynatıcısıdır. FlowPlayer-in pulsuz versiyası videolarınıza reklam yerləşdirir, ancaq onlara ehtiyacınız varsa ticarət lisenziyaları da əldə edə bilərsiniz. </p> <p> FlowPlayer saytını veb saytınıza yükləmək üçün FlowPlayer saytında göstərilən təlimatları izləyin. Özetle, saytınıza 2 SWF faylını və JavaScript faylını yükləyəcəyik. HTML'inizin altındakı (</ body> etiketindən əvvəl) bir xətt əlavə edəcəyik: </p> <blockquote> <script src = "flowplayer.min.js"> </ skript> </blockquote><p> Lakin Internet Explorer hələ videoyu oynatmaz, HTML 5 etiketini necə tanımaq lazım olduğunu öyrətməlisiniz. </p> <h3> Addım 2: Internet Explorer HTML 5 Tags oxumağa razıyam </h3><p> IE HTML 5 elementlərini tanımağa kömək edəcək "HTML Shiv" adlı Google Kodunda lazımlı bir skript var. HTML sənədinizin <baş> nda belə istinad etmək istəyirsiz. Digər brauzerlərin qarışıq olmadığı üçün İE şərti şərhlərdə onu əlavə etmək yaxşıdır: </p> <blockquote> <! - [if IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Tamam, indi IE <video> etiketi tanıyacaq, lakin indiyə qədər daxil etdiyiniz mənbə faylları ilə nə əlaqəsi olacaq. </p> <h3> Addım 3: FLV faylı üçün bir qaynaq xətti əlavə edin </h3><p> Əvvəlki səhifədə etdiyiniz kimi, HTML-də 5-də <image> elementinin içərisində xətt əlavə edəcəyik. Bu, serverinizdə FLV faylını saxladığınızı göstərir. </p> <blockquote> <video nəzarət preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" "> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Ekran videoları, Ekran videoları 2, H.264" "></strong> <br> </ video> </blockquote><p> <strong>09/10</strong> </p> <h3> Internet Explorer-ın işə salınması üçün JavaScript və Flash Player əlavə edin - 2-ci hissə </h3><p> Təəssüf ki, biz hələ də edilməmişik. İndi yuxarıda istinad etdiyimiz FlowPlayer Flash video oynatıcısını istifadə etmək üçün İE-ə danışmalıyıq. </p> <h3> Addım 4: Flash'a <video> Element'i çevirin </h3><p> Bunun üçün başqa bir skriptə ehtiyacımız var. Biz <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">HTML 5-</a> də <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive</a> dən skript aldım. Ancaq bunu test etdikdə, bir neçə düzəliş etmədikcə işə yaramadı: </p> <ul><li> 31 line ətrafında: FlowPlayer quraşdırmanızın yerini əlavə edin. </li><li> Xəttin ətrafında 42: faylın növündən dəyişin <blockquote> video / mp4 </blockquote> üçün <blockquote> video / x-flv </blockquote></li><li> 94 ətrafında ətrafı: başlayan <blockquote> əgər (!! $ && !! $ (sənəd) .ready) { </blockquote> sənədin sonuna oxumaq üçün bu bölməni dəyişdirin: <blockquote> // if (!! $ && !! $ (sənəd) .ready) { <br> / * jQuery istifadəçiləri DOM hazır olduqda başlana bilər * / <br> // $ (sənəd) .ready (html5_video_init); <br> //} başqa { <br> / * Hər kəs onload * / <br> / * addEvent funksiyası vasitəsilə http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = funksiya (obj, type, fn) { <br> əgər (obj.addEventListener) <br> obj.addEventListener (növü, fn, yanlış); <br> başqa əgər (obj.attachEvent) <br> obj.attachEvent ('on' + növü, funksiyası () {fn.apply (obj, yeni Array (window.event);}); <br> } <br> addEvent (pəncərə, "yük", html5_video_init); <br> //} </blockquote></li></ul><p> JavaScript faylını düzəldikdən sonra, onu serverinizə yükləyin və HTML səhifənin altındakı (</ body>) əvvəlinə keçin: </p> <blockquote> <script src = "html5-video.js"> </ skript> </blockquote><p> Vuruş! Bütün bunları etdikdən sonra HTML-yə yükləməlisiniz. </p> <p> <strong>10-dan 10-a</strong> </p> <h3> Çox sayda brauzer kimi test edə bilərsiniz </h3><p> Əgər müvəffəqiyyətli bir başlanğıc etmək istəyirsinizsə, video səhifələrini test etməliyik. Sayfanızı web sitenizin ən populyar brauzerlər və versiyalarında test etməlisiniz. </p> <p> Baxdığımız kimi, video test etmək üçün BrowserLab və AnyBrowser kimi vasitələrdən istifadə etmək mümkündür, baxmayaraq ki, bu səhifəni brauzerinizdə özünüzə çatdırmaq kimi etibarlı deyil. Bunu etdiyiniz zaman həqiqətən işlədiyini və ya olmadığını görə bilərik. </p> <p> Videonuzu üç formatda kodlaşdırmaq üçün bütün çətinliklərə getdiyinizdən bəri üçü də göründüyünü yoxlamaq üçün onu sınamalısınız. Bu deməkdir ki, minimum səviyyədə test etməlisiniz: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 və ya 4 </li><li> Internet Explorer 7 və ya 8 </li></ul><p> Chrome-da test edə bilərsiniz, amma Chrome bütün üç üsulu (hətta Flash-da plug-in varsa) görüntülədiyindən, digər iki və ya Chromeun hansı codec istifadə etdiyinə dair bir problem varmı demək çətindir. </p> <p> Səadətiniz üçün, köhnə brauzerlərdə də nə etdiklərini görmək üçün test etməlisiniz, xüsusən də bir çox oxucunuzun köhnə brauzerlərdən istifadə etməsi. </p> <h3> Daha Köhnə Brauzerlərdə Videoyu İşə Alma </h3><p> Hər hansı bir Web səhifəsində olduğu kimi, əvvəlcə bu brauzerlərin işləməsinin vacibliyini nəzərə almalıyıq. Müştərilərinizin 90% -i Netscape istifadə edərsə, onda onlar üçün bir geri dönüş planı olmalıdır. Amma 1% -dən az olsa, o qədər də əhəmiyyətli ola bilməz. </p> <p> Hansı tarayıcılara dəstək verməyə çalışacağınıza qərar verdikdən sonra, ən asan yol videoları keçirmək üçün sadəcə alternativ bir səhifə yaratmaqdır. Bu alternativ səhifədə, HTML 4 istifadə edərək videoya yerləşdirəcəkdir. ya da brauzerinizin müəyyən bir formasını istifadə edərək, onları yönləndirmək və ya bu səhifəyə bu linkə əlavə etmək üçün istifadə edin. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://az.eyewated.com/bir-word-dokuemani-htmlye-doenuestuerme/"> <amp-img src="https://exse.eyewated.com/pict/aea5b69ee3ce2fdb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/bir-word-dokuemani-htmlye-doenuestuerme/">Bir Word Dokümanı HTML'ye Dönüştürme</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/html-d%C9%99-s%C9%99rh-yazmaq-uecuen-nec%C9%99/">HTML-də şərh yazmaq üçün necə</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/niy%C9%99-semantik-html-istifad%C9%99-edirsiniz/"> <amp-img src="https://exse.eyewated.com/pict/8d74079c1c6b33e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/niy%C9%99-semantik-html-istifad%C9%99-edirsiniz/">Niyə Semantik HTML istifadə edirsiniz?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/bir-html-oelcuesue-varligi-varmi/"> <amp-img src="https://exse.eyewated.com/pict/1df222961db733e0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/bir-html-oelcuesue-varligi-varmi/">Bir HTML ölçüsü varlığı varmı?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/i%CC%87span-dili-simvollari-uecuen-html-kodlari/"> <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://az.eyewated.com/i%CC%87span-dili-simvollari-uecuen-html-kodlari/">İspan dili simvolları üçün HTML kodları</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/php-istifad%C9%99-ed%C9%99r%C9%99k-bir-cox-s%C9%99n%C9%99dl%C9%99rd%C9%99-html-l%C9%99ri-nec%C9%99-%C9%99hat%C9%99-edirsiniz/"> <amp-img src="https://exse.eyewated.com/pict/a0bdfad37a7c3575-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/php-istifad%C9%99-ed%C9%99r%C9%99k-bir-cox-s%C9%99n%C9%99dl%C9%99rd%C9%99-html-l%C9%99ri-nec%C9%99-%C9%99hat%C9%99-edirsiniz/">PHP istifadə edərək, bir çox sənədlərdə HTML-ləri necə əhatə edirsiniz?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/dreamweaver-da-html-kodunu-yazmaq/"> <amp-img src="https://exse.eyewated.com/pict/c28f4e88a9aa328f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/dreamweaver-da-html-kodunu-yazmaq/">Dreamweaver-da HTML kodunu yazmaq</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/macintosh-textedit-il%C9%99-html-yazma/"> <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://az.eyewated.com/macintosh-textedit-il%C9%99-html-yazma/">Macintosh TextEdit ilə HTML yazma</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/html-table-element-xuesusiyy%C9%99tl%C9%99ri-istifad%C9%99/"> <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://az.eyewated.com/html-table-element-xuesusiyy%C9%99tl%C9%99ri-istifad%C9%99/">HTML TABLE Element xüsusiyyətləri istifadə</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/%C9%99trafli-google-axtaris-i%CC%87puclari/">Ətraflı Google Axtarış İpuçları</a></h3> <div class="amp-related-meta"> Web və axtarış </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/bu-sinaqlar-il%C9%99-html-m%C9%99lumatinizi-test-edin/"> <amp-img src="https://exse.eyewated.com/pict/a99b2cb77c01453f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/bu-sinaqlar-il%C9%99-html-m%C9%99lumatinizi-test-edin/">Bu sınaqlar ilə HTML məlumatınızı test edin</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/kamera-il%C9%99-r%C9%99q%C9%99msal-fotos%C9%99kil-c%C9%99km%C9%99k/"> <amp-img src="https://exse.eyewated.com/pict/8dc60f48035633b8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/kamera-il%C9%99-r%C9%99q%C9%99msal-fotos%C9%99kil-c%C9%99km%C9%99k/">Kamera ilə rəqəmsal fotoşəkil çəkmək</a></h3> <div class="amp-related-meta"> Rəqəmsal kameralar </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/microsoft-office-proqramlarini-t%C9%99rk-etm%C9%99d%C9%99n-s%C9%99kil-r%C9%99ngini-d%C9%99yisdirin/"> <amp-img src="https://exse.eyewated.com/pict/f6973dfff5b03058-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/microsoft-office-proqramlarini-t%C9%99rk-etm%C9%99d%C9%99n-s%C9%99kil-r%C9%99ngini-d%C9%99yisdirin/">Microsoft Office Proqramlarını tərk etmədən şəkil rəngini dəyişdirin</a></h3> <div class="amp-related-meta"> Proqram təminatı </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/google-videolar-baslangic-kilavuzu/">Google Videolar: Başlanğıc Kılavuzu</a></h3> <div class="amp-related-meta"> Web və axtarış </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/yamaha-ysp-2200-dijital-sesli-projeksiyon-sistemi-review/"> <amp-img src="https://exse.eyewated.com/pict/ec244d6218ca321e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/yamaha-ysp-2200-dijital-sesli-projeksiyon-sistemi-review/">Yamaha YSP-2200 Dijital Sesli Projeksiyon Sistemi - Review</a></h3> <div class="amp-related-meta"> Məhsul baxışları </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://az.eyewated.com/apple-tv-d%C9%99-bird%C9%99n-cox-hesabi-nec%C9%99-qurmaq-olar/"> <amp-img src="https://exse.eyewated.com/pict/719ab15916273144-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/apple-tv-d%C9%99-bird%C9%99n-cox-hesabi-nec%C9%99-qurmaq-olar/">Apple TV-də birdən çox hesabı necə qurmaq olar?</a></h3> <div class="amp-related-meta"> Ev kinoteatrı </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/ios-versiyasini-nec%C9%99-yoxlayin/"> <amp-img src="https://exse.eyewated.com/pict/7666394ad8063a16-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/ios-versiyasini-nec%C9%99-yoxlayin/">IOS versiyasını necə yoxlayın</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/amoled-n%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/e3d116c9c6433266-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/amoled-n%C9%99dir/">AMOLED nədir?</a></h3> <div class="amp-related-meta"> Yeni və sonrakı </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/stored-parollari-idar%C9%99-etm%C9%99k-v%C9%99-opera-da-avtomatik-doldurma-m%C9%99lumatini-nec%C9%99-idar%C9%99-etm%C9%99k-olar/"> <amp-img src="https://exse.eyewated.com/pict/8508d4ed4ee6348e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/stored-parollari-idar%C9%99-etm%C9%99k-v%C9%99-opera-da-avtomatik-doldurma-m%C9%99lumatini-nec%C9%99-idar%C9%99-etm%C9%99k-olar/">Stored Parolları idarə etmək və Opera-da Avtomatik Doldurma Məlumatını necə idarə etmək olar?</a></h3> <div class="amp-related-meta"> Brauzerlər </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/instameet-uguruna-10-addim/"> <amp-img src="https://exse.eyewated.com/pict/5643704f70b33190-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/instameet-uguruna-10-addim/">Instameet uğuruna 10 addım</a></h3> <div class="amp-related-meta"> Proqram və Proqramlar </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/mac-uecuen-s%C9%99kill%C9%99rd%C9%99-smart-albomlari-nec%C9%99-istifad%C9%99-etm%C9%99li/"> <amp-img src="https://exse.eyewated.com/pict/2e46cc87ac8e34af-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/mac-uecuen-s%C9%99kill%C9%99rd%C9%99-smart-albomlari-nec%C9%99-istifad%C9%99-etm%C9%99li/">Mac üçün şəkillərdə Smart Albomları necə istifadə etməli</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/does%C9%99m%C9%99-sah%C9%99si-v%C9%99-sah%C9%99-layoutunda-canli-alan/"> <amp-img src="https://exse.eyewated.com/pict/ea4208ae9a84344c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/does%C9%99m%C9%99-sah%C9%99si-v%C9%99-sah%C9%99-layoutunda-canli-alan/">Döşəmə sahəsi və Sahə Layout'unda Canlı Alan</a></h3> <div class="amp-related-meta"> Proqram təminatı </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/multitasking-arxa-plani-v%C9%99-oen-prosesi/"> <amp-img src="https://exse.eyewated.com/pict/e945040e60b03250-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/multitasking-arxa-plani-v%C9%99-oen-prosesi/">Multitasking: Arxa Planı və Ön prosesi</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/bir-pdf-faylindan-s%C9%99kill%C9%99r-v%C9%99-ya-m%C9%99tni-nec%C9%99-cixarmaq-olar/"> <amp-img src="https://exse.eyewated.com/pict/e3ed749e78d9361d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/bir-pdf-faylindan-s%C9%99kill%C9%99r-v%C9%99-ya-m%C9%99tni-nec%C9%99-cixarmaq-olar/">Bir PDF faylından Şəkillər və ya mətni necə çıxarmaq olar?</a></h3> <div class="amp-related-meta"> Proqram təminatı </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/top-bloglardan-bloglama-sirl%C9%99ri/"> <amp-img src="https://exse.eyewated.com/pict/34b28da28ebb2f09-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/top-bloglardan-bloglama-sirl%C9%99ri/">Top Bloglardan Bloglama sirləri</a></h3> <div class="amp-related-meta"> Web və axtarış </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/tagged-n%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/491b216fb9743115-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/tagged-n%C9%99dir/">Tagged nədir?</a></h3> <div class="amp-related-meta"> Sosial Mediya </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/android-telefonunuzu-koekl%C9%99m%C9%99k-bilm%C9%99lisiniz/"> <amp-img src="https://exse.eyewated.com/pict/b771cfe59d3e3034-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/android-telefonunuzu-koekl%C9%99m%C9%99k-bilm%C9%99lisiniz/">Android Telefonunuzu Kökləmək: Bilməlisiniz</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/dragon-age-origins-cheat-kodlari/"> <amp-img src="https://exse.eyewated.com/pict/192bd1ded0503539-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/dragon-age-origins-cheat-kodlari/">Dragon Age: Origins Cheat kodları</a></h3> <div class="amp-related-meta"> Oyun </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/bit-d%C9%99rinlik-n%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/f79b20b83d0734b1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/bit-d%C9%99rinlik-n%C9%99dir/">Bit Dərinlik Nədir?</a></h3> <div class="amp-related-meta"> Web və axtarış </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/8-%C9%99n-yaxsi-windows-linux-v%C9%99-dig%C9%99r-%C9%99m%C9%99liyyat-sistemi-klonlari/"> <amp-img src="https://exse.eyewated.com/pict/839ece67a6b932fd-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/8-%C9%99n-yaxsi-windows-linux-v%C9%99-dig%C9%99r-%C9%99m%C9%99liyyat-sistemi-klonlari/">8 ən yaxşı Windows Linux və digər əməliyyat sistemi klonları</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/exploting-kittens-review-explosive-online-fun/"> <amp-img src="https://exse.eyewated.com/pict/f9194db43d833543-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/exploting-kittens-review-explosive-online-fun/">Exploting Kittens Review - Explosive Online Fun</a></h3> <div class="amp-related-meta"> Oyun </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 az.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.333 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:33:43 --> <!-- 0.001 -->