HTML 5 videosu etiketi, Web sayfalarınıza video eklemeyi kolaylaştırır. Ancak yüzeyde kolay görünürken, videonuzu yukarı ve koşmak için yapmanız gereken çok şey var. Bu eğitici, tüm modern tarayıcılarda video çalıştıracak bir HTML 5 sayfası oluşturma adımlarını size ulaştırır.
- Kendi HTML 5'ini Barındırma Videoyu YouTube'u Kullanmak
- Web'de Video Desteğine Hızlı Genel Bakış
- Videonuzu Oluşturun ve Düzenleyin
- Videoyu Firefox için Ogg'e Dönüştür
- Videoyu Safari için MP4'e Dönüştür
- Internet Explorer için Videoyu FLV'ye Dönüştür
- Video Öğesini Web Sayfanıza Ekleme
- Internet Explorer'ı İş Bölümüne Getirmek için JavaScript ve Flash Player'ı ekleyin
- Yapabildiğiniz Gibi Birçok Tarayıcıyı Test Edin
10'dan 10
Kendi HTML 5'ini Barındırma Videoyu YouTube'u Kullanmak
YouTube harika bir site. Videoların Web sayfalarına hızlı bir şekilde gömülmesini kolaylaştırır ve bazı küçük istisnalar söz konusu videoların uygulanmasında oldukça sorunsuzdur. YouTube'da bir video yayınlarsanız, herkesin izleyebileceklerinden oldukça emin olabilirsiniz.
Ancak Videolarınızı Gömmek için YouTube'u Kullanmak Bazı Zorluklara Uğradı
YouTube ile ilgili sorunların çoğu tüketici tarafında değil, tüketici tarafındadır:
- Yavaş arama ve indeksleme
- Sunucu kesintileri
- İçerik keyfi olarak (görünüşte) kaldırılıyor
- Çok fazla kötü içerik
Ancak, YouTube'un içerik geliştiricileri için de kötü olmasının bazı nedenleri vardır:
- Videolar için 10 dakikalık maksimum uzunluk (ücretsiz hesaplar için)
- Kötü yükleme performansı
- YouTube videonuza sınırsız kullanım hakkı kazandırır
- Herhangi bir YouTube kullanıcısı videonuza sınırsız kullanım hakkı kazandırır
HTML 5 Video, YouTube Üzerinden Bazı Avantajları Verir
Video için HTML 5 kullanmak, videonuzun her yönünü, kimlerin görüntüleyebileceğini, içeriğin ne içerdiğini, barındırıldığını ve sunucunun nasıl performans gösterdiğini kontrol etmenizi sağlar. Ayrıca, HTML 5 videosu, videonuzun maksimum sayıda kullanıcının görüntüleyebileceğinden emin olmanız için ihtiyacınız olduğu kadar çok video biçiminde kodlama fırsatı sunar. Müşterilerinizin bir eklentiye veya YouTube'un daha yeni bir sürümü yayınlamasına kadar beklemesine gerek yoktur.
Elbette, HTML 5 Videosu bazı dezavantajları sunuyor
Bunlar şunları içerir:
- Videonuzu en az üç farklı kodekte kodlamanız gerekiyor
- HTML 5'i desteklemeyen tarayıcıların çalışmasını sağlamak için JavaScript eklemeniz gerekir
- Sunucunuzun barındırma videolarının bant genişliği gereksinimlerini karşılayabilmesi gerekiyor
02/10
Web'de Video Desteğine Hızlı Genel Bakış
Web sayfalarına video eklemek uzun süredir zor bir süreçti. Yanlış gidebilecek pek çok şey vardı:
- Öncelikle, videonuzu sayfanıza yerleştirmek için
- Böylece
- O zaman " Flash !" Ve videonuzu bir FLV dosyası olarak kodlayın. Ancak Flash pek çok mobil cihazda desteklenmez ve pek çok kişi nasıl kullanıldığından bağımsız olarak Flash'tan nefret eder (anketimdeki katılımcıların% 25'i Flash hakkında ne düşündüğünüzü sorarken herhangi bir şekilde Flash'a dayanamayacağını belirtmiştir).
- Dolayısıyla, videonuzu YouTube gibi bir video yerleştirme sitesine yüklemeye karar verdiniz, ancak daha sonra tartıştığımız YouTube ile ilgili sorunlarınız var.
- Son olarak, HTML 5 ile çalışmaya karar verdiniz, ancak Internet Explorer bunu desteklemiyor (Internet Explorer 9'a kadar değil). Bunu yapsanız bile, desteklenen iki video kodek standardı vardır ve her ikisini de kullanabilen yalnızca bir tarayıcı vardır. Video Codecs ve Containers için Tarayıcı Desteği
Peki ne yapman gerekiyor? Videoya giderek daha fazla önem verdiğinden, videoda yer açmak artık pek çok site için bir seçenek değil. Ve birçok site başarıyla videoya geçmiştir.
Bu makalenin sonraki sayfaları Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 ve 4, iPhone ve Android, Flash ve Internet Explorer 7 ve 8'de çalışan Web sayfalarınıza nasıl video ekleyeceğiniz konusunda size adım adım yol gösterecektir. Ayrıca gerekirse diğer eski tarayıcılar için destek eklemeniz gereken anahtarları da vardır.
10/10
Videonuzu Oluşturun ve Düzenleyin
Bir web sayfasına video yerleştireceğinizde ihtiyacınız olan ilk şey gerçek video. Bir özellik oluşturmak için sürekli olarak çekim yapabilir ve daha sonra düzenleyebilir ya da komut dosyasını çalıştırabilir ve önceden planlayabilirsiniz. Her iki şekilde de iyi çalışır, sadece rahat olursanız olun. Ne tür bir video yapmanız gerektiğini bilmiyorsanız, bu fikirleri Masaüstü Video Kılavuzu'ndan inceleyin:
- Aile Video Projeleri
- Pazarlama ve Tanıtım Videoları
- Video Sanal Turlar
- Nasıl Videolar
- Düğün Videoları
Yüksek Kaliteli Video Kaydını Öğrenin
İçeride ve dışarıda nasıl kaydedileceğini ve sesin nasıl kaydedileceğini bildiğinizden emin olun. Aydınlatma da çok önemlidir - çok parlak olan gözler göze zarar verir ve çok karanlık sadece çamurlu ve profesyonelce görünmez. Sitenizde yalnızca 30 saniyelik bir videoya sahip olmayı planlıyor olsanız bile, daha yüksek kaliteniz web sitenizde daha iyi yansıyacaktır.
Ayrıca, telif hakkının videonuzda kullanmak isteyebileceğiniz herhangi bir ses veya müzik (stokun yanı sıra) için de geçerli olduğunu unutmayın. Sizin için bir şarkı yazıp çalabilen bir arkadaşa erişiminiz yoksa, arka planda oynatmak için telifsiz müzik bulmanız gerekir. Videolarınıza eklemek için görüntüleri çekebileceğiniz yerler de vardır.
Videonuzu Düzenleme
Hangi düzenleme yazılımını kullandığınız önemli değil, sadece tanıdığınız sürece ve etkili bir şekilde kullanabilirsiniz. Masaüstü Video Kılavuzu Gretchen, videolarınızı düzenlemenize yardımcı olabilecek profesyonel video düzenleme ipuçlarına sahiptir.
Videonuzu bir MOV veya AVI'ye (veya MPG, CD, DV) kaydetme
Bu dersin geri kalanı için, videonuzun AVI veya MOV gibi bir çeşit yüksek kaliteli (sıkıştırılmamış) biçimde kaydedildiğini varsayıyoruz. Bu dosyaları oldukları gibi kullanabilseniz de, daha önce tartıştığımız video ile ilgili tüm sorunlara da rastlıyorsunuz. Aşağıdaki sayfalarda, dosyanızın en fazla sayıda tarayıcı tarafından görüntülenebilmesi için dosyanızı üç türe nasıl dönüştüreceğiniz açıklanmaktadır.
04/10
Videoyu Firefox için Ogg'e Dönüştür
Dönüştüreceğimiz ilk format Ogg'dir (bazen Ogg-Theora olarak adlandırılır). Bu biçim Firefox 3.5, Opera 10.5 ve Chrome 3'ün hepsinin görüntüleyebileceği bir biçimdir.
Ne yazık ki, Ogg'in tarayıcı desteği vardır, satın alabileceğiniz tanınmış video programlarının çoğu (Adobe Media Encoder, QuickTime, vb.) Bir Ogg dönüştürme seçeneği sunmaz. Videonuzu Ogg’e dönüştürmenin tek yolu, Web’de bir dönüşüm programı bulmaktır.
Dönüşüm Seçenekleri
Çeşitli video formatlarını (ve sesleri) diğer video (ve ses) formatlarına dönüştürmeyi talep eden Media-Convert adlı bir çevrimiçi araç var. 3 saniyelik test videom ile denediğimizde, Mac'imde çalışmaya başlayamadık. Ama daha iyi şansınız olabilir. Bu site ücretsiz olma avantajına sahiptir.
Bulduğumuz diğer araçlar şunlardır:
- Miro Video Converter (Windows Macintosh) - Bu program hem Ogg ve MP4'e (H.264) hem de açık kaynağa dönüştürülme avantajına sahiptir.
- Koyote Video Dönüştürücü (Windows)
- Ücretsiz Video Dönüştürücü Bunun hem bir Windows hem de bir Macintosh sürümüne sahip olduğunu düşünüyoruz, ancak sitelerini anlatmak zordu
- Basit Theora Encoder (Macintosh) - kullanma eğilimimiz budur.
Videonuzu Ogg biçiminde kaydettikten sonra, web sitenizdeki bir yere kaydedin ve diğer tarayıcılar için diğer biçimlere dönüştürmek için sonraki sayfaya gidin.
05/10
Videoyu Safari için MP4'e Dönüştür
Videonuzu dönüştürmeniz gereken bir sonraki biçim, Safari 3 ve 4 ile iPhone ve Android'de oynatılabilmesi için MP4 (H.264 video). Ayrıca, H.264 videoları Flash'ta izlemek için kolayca FLV dosyalarına dönüştürülebilir.
Bu biçim ticari ürünlerde daha kolay kullanılabilir ve muhtemelen bir video düzenleyiciniz varsa MP4'e dönüşecek bir programınız olabilir. Adobe Premiere sahipseniz, Adobe Video Encoder'ı veya QuickTime Pro'yu da kullanabileceksiniz. Önceki sayfada tartıştığımız dönüştürücülerin çoğu, videoları da MP4'e dönüştürecek.
- Medya Dönüştürme - çevrimiçi bir araç
- Miro Video Converter (Windows Macintosh) - Bu program hem Ogg ve MP4'e (H.264) hem de açık kaynağa dönüştürülme avantajına sahiptir.
- SUPER (Windows) - birçok farklı dosya türünü MP4 ve FLV'ye dönüştürür
- Ücretsiz Video Dönüştürücü Bunun hem bir Windows hem de bir Macintosh sürümüne sahip olduğunu düşünüyoruz, ancak sitelerini anlatmak zordu
MP4 dosyanızı web sitenize kaydedin ve daha sonra kullanmak için Internet Explorer için Flash'a dönüştürmeniz gerekir.
06/10
Internet Explorer için Videoyu FLV'ye Dönüştür
Videoları FLV'ye dönüştürmenin en kolay yolu, Flash'ın kendisini kullanmaktır. Videolarımı Flash’a dönüştürüyoruz. Ancak Flash’ınız yoksa, dosyaları FLV’ye dönüştürmek için iki popüler araç:
- SUPER (Windows) - birçok farklı dosya türünü MP4 ve FLV'ye dönüştürür
- ffmpegX (Macintosh) - birçok farklı dosya türünü Mp4 ve FLV'ye dönüştürür.
FLV dosyanızı web sitenize kaydedin ve bir sonraki sayfa HTML’yi nasıl yazacağınızı gösterecek ve böylece videolarınızı oynatabilirsiniz.
07/10
Video Öğesini Web Sayfanıza Ekleme
Web sayfalarına video eklemek için HTML 5'i kullanmak çok kolaydır. Çoğu modern tarayıcı, HTML 5 videosunu destekler, ancak hepsi aynı şekilde desteklemez. Ama bunun anlamı, videonuzu hem Ogg hem de MP4 formatları olarak kaydettiğinizde, çoğu modern tarayıcıda (Internet Explorer 8 hariç) görüntülenmesini sağlamak için sadece dört veya beş satırlık HTML yazabiliyor olmanızdır. İşte nasıl:
- HTML 5 dokümanı işaretçisini, tarayıcıların HTML 5 beklemesini bilmesi için yazın:
- Web sayfanızı normalde oluşturduğunuz şekilde oluşturun:
</ title> <br> </ Head> <br> <Body> <br><br> </ Body> <br> </ Html> </blockquote></li><li> Gövdenin içinde, <video> etiketini yerleştirin: <blockquote> <Video> </ video> </blockquote></li><li> Videonuzun hangi özelliklerinin olmasını istediğinize karar verin: <ul><li> autoplay - indirildiği anda başlar </li><li> kontroller - okuyucularınızın videoyu kontrol etmesine izin verin (duraklat, geri sar, hızlı ileri sar) </li><li> loop - videoyu başından itibaren başlatır </li><li> ön yükleme - videoyu önceden indirdiğinizde, müşteri tıkladığında videoyu daha hızlı hazırlayın. </li><li> poster - video durduğunda kullanmak istediğiniz görüntüyü tanımlayın </li></ul> Kontrolleri ve ön yüklemeyi kullanmanızı öneririz. Videonuzun iyi bir ilk sahnesinin olmaması durumunda poster seçeneğini kullanın. <blockquote> <video kontrolleri ön yüklendi> </ video> </blockquote></li><li> Ardından videonuzun (MP4 ve OGG) iki sürümü için kaynak dosyalarını <video> öğesinin içine ekleyin: <blockquote> <video kontrolleri ön yükü> <br> <kaynak src = "shasta.mp4" tipi = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <kaynak src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ Video> </blockquote></li><li> Sayfayı Chrome 1, Firefox 3.5, Opera 10 ve / veya Safari 4'te açın ve doğru görüntülendiğinden emin olun. Her biri farklı bir kodek kullandığından, en azından Firefox 3.5 ve Safari 4'te test etmelisiniz. </li></ol><p> Bu kadar. Bu kodu yerine getirdikten sonra Firefox 3.5, Safari 4, Opera 10 ve Chrome 1'de çalışan bir videosu olacaktır. Peki ya Internet Explorer? </p> <h3> Internet Explorer HTML 5 veya <video> Etiketini Sevmez </h3><p> Bir sonraki bölümde, HTML 5 video etiketlerinize güzel bir şekilde oynamak ve bir video görüntülemek için IE 8'i almak için neler yapabileceğiniz hakkında konuşacağız. Flash kullanmalısın. İyi haber, IE 9'un HTML 5'i ve video etiketini desteklemesi bekleniyor. </p> <p> <strong>08/10</strong> </p> <h3> Internet Explorer'ı Çalıştırmak için JavaScript ve Flash Player'ı Ekleme </h3><p> Önceki sayfanın HTML'sinde, FLV dosyası için kaynak kodunun bulunmadığını fark etmiş olabilirsiniz. Ve eğer bu sayfayı Internet Explorer'da test ettiyseniz işe yaramazdı. Çünkü Internet Explorer HTML 5'i tanımıyor ve OGG veya MP4 videolarını yerel olarak oynatamıyor. Internet Explorer 7 ve 8'in çalışmasını sağlamak için, videoyu Flash olarak oynatmanız gerekir. Ancak, yalnızca FLV dosyasını eklemekten daha işe yarayan adımlar var. </p> <h3> Adım 1: Web siteniz için bir Flash Video Oynatıcı edinin </h3> <p> FlowPlayer'ı almanızı öneririz çünkü bu, Web sunucunuza yükleyebileceğiniz ve oynatmak için Flash videonuz olduğunda kullanabileceğiniz açık kaynaklı bir Flash video oynatıcıdır. FlowPlayer'ın ücretsiz sürümü videolarınıza reklam yerleştirir, ancak ihtiyaç duyduğunuzda ticari lisanslar da satın alabilirsiniz. </p> <p> FlowPlayer sitesini web sitenize yüklemek için FlowPlayer sitesindeki talimatları izleyin. Özetle, sitenize 2 SWF dosyası ve bir JavaScript dosyası yükleyeceksiniz. HTML’nizin altında (</ body> etiketinden önce) bir satır ekleyeceksiniz: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Ancak Internet Explorer hala videoyu oynatmıyor, HTML 5 etiketlerini nasıl tanıyacağınızı öğretmeniz gerekiyor. </p> <h3> 2. Adım: Internet Explorer'ı HTML 5 Etiketlerini Okumaya İkna Edin </h3><p> Google Code'da, HTML 5 öğelerini tanımasına yardımcı olacak "HTML Shiv" adlı kullanışlı bir betik var. Yani, HTML belgenizin <head> dosyasında referans olarak görmek istersiniz. En iyi IE koşullu yorumlarda bulunmak en iyisidir, böylece diğer tarayıcılar karışık değildir: </p> <blockquote> <! - [eğer IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [Endif] -> </blockquote><p> Tamam, şimdi IE, <video> etiketini tanıyacak, ancak şimdiye kadar içerdiğiniz kaynak dosyalarıyla ne yapacağınızı bilmeyecek. </p> <h3> 3. Adım: FLV Dosyası için Kaynak Hattı Ekleme </h3><p> Önceki sayfada yaptığınız gibi, sunucunuzda FLV dosyasını nerede sakladığınızı gösteren <video> öğesinin içinde HTML 5'inize bir satır eklersiniz. </p> <blockquote> <video kontrolleri ön yükü> <br> <kaynak src = "shasta.mp4" tipi = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <kaynak src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><kaynak src = "shasta.flv" tipi = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Ekran videosu, Ekran videosu 2, H.264" '></strong> <br> </ Video> </blockquote><p> <strong>09/10</strong> </p> <h3> Internet Explorer'ın Çalışmasını Almak İçin JavaScript ve Flash Player'ı Ekleme - Bölüm 2 </h3><p> Maalesef hala yapılmıyoruz. Şimdi, IE'ye yukarıda bahsettiğimiz FlowPlayer Flash video oynatıcısını kullanması gerektiğini söylemeliyiz. </p> <h3> 4. Adım: <video> Öğeyi Flash'a Dönüştürün </h3><p> Bunun için başka bir senaryoya ihtiyacımız var. <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5'ten</a> komut dosyasını aldık. Ama test ettiğimizde, birkaç ayarlama yapana kadar işe yaramadı: </p> <ul><li> Hat 31 civarında: FlowPlayer kurulumunuzun yerini ekleyin. </li><li> 42. satırın etrafında: dosya türünü değiştir <blockquote> video / mp4 </blockquote> için <blockquote> video / x-flv </blockquote></li><li> 94. satırın etrafında: başlayarak <blockquote> if (!! $ && !! $ (document) .ready) { </blockquote> Belgenin sonuna kadar okuyacağınız bölümü değiştirin: <blockquote> // if (!! $ && !! $ (document) .ready) { <br> / * jQuery kullanıcıları DOM hazır olduğunda hemen başlatılabilir * / <br> // $ (document) .ready (html5_video_init); <br> //} Başka { <br> / * Diğer herkes, onload'a kadar bekleyebilir * / <br> / * addEvent işlevi http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = işlev (obj, type, fn) { <br> eğer (obj.addEventListener) <br> obj.addEventListener (tür, fn, false); <br> başka eğer (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () {return fn.apply (obj, new Array (window.event)););); <br> } <br> addEvent (pencere, "load", html5_video_init); <br> //} </blockquote></li></ul><p> JavaScript dosyasını düzenledikten sonra, sunucunuza yükleyin ve HTML sayfanızın alt kısmına (</ body> önce) bağlantı verin: </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Whew! Şimdi tüm bunları yaptın, test etmeye başlayabilmen için HTML'ini yüklemelisin. </p> <p> <strong>10/10</strong> </p> <h3> Yapabildiğiniz Gibi Birçok Tarayıcıyı Test Edin </h3><p> Başarılı bir lansmana sahip olmak istiyorsanız video sayfalarını test etmek çok önemlidir. Sayfanızı web siteniz için en popüler tarayıcılarda ve sürümlerde test ettiğinizden emin olmalısınız. </p> <p> Videoyu test etmek için BrowserLab ve AnyBrowser gibi araçların kullanılması mümkün olsa da, sayfayı bir tarayıcıda kendinizinki kadar yükseltmek kadar güvenilir değil. Bunu yaptığınızda, çalışıp çalışmadığını gerçekten görebilirsiniz. </p> <p> Videonuzu üç formatta kodlamak için tüm sıkıntıya gittiğinize göre, her üçünde de görüntülendiğinden emin olmak için test etmeniz gerekir. Bu, en azından şu şekilde test etmeniz gerektiği anlamına gelir: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 veya 4 </li><li> Internet Explorer 7 veya 8 </li></ul><p> Chrome'da test edebilirsiniz, ancak Chrome üç yöntemi de (eklentiye sahipseniz Flash'ı bile) görüntüleyeceğinden, diğer ikisinden biri veya Chrome'un hangi kodek kullandığıyla ilgili bir sorun olup olmadığını söylemek zordur. </p> <p> Huzurunuz için, özellikle de okuyucunuzun birçoğu eski tarayıcıları kullanıyorsa, eski tarayıcılarda ne yaptıklarını görmek için test etmelisiniz. </p> <h3> Videoyu Eski Tarayıcılarda Çalıştırma </h3><p> Herhangi bir Web sayfasında olduğu gibi, önce bu tarayıcıların çalışmasının ne kadar önemli olduğunu düşünmelisiniz. Müşterilerinizin% 90'ı Netscape kullanıyorsa, onlar için bir geri ödeme planınız olmalıdır. Fakat eğer% 1'den daha az olursa, o kadar önemli olmayabilir. </p> <p> Hangi tarayıcıların desteklemeye çalışacağına karar verdikten sonra, en kolay yol, videoyu görüntüleyebilmeleri için alternatif bir sayfa oluşturmaktır. Bu alternatif sayfada, HTML 4 kullanarak bir video gömebilirsiniz. ya onları yönlendirmek için bir tür tarayıcı algılaması kullanın ya da sadece bu sayfaya bir link ekleyin. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/javascript-kullanarak-bircok-belgedeki-html-nasil-eklenir/">JavaScript Kullanarak Birçok Belgedeki HTML Nasıl Eklenir?</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/cek-slovakca-ve-slovence-dil-karakterleri-icin-html-kodlari/"> <amp-img src="https://exse.eyewated.com/pict/09029647fe06337c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/cek-slovakca-ve-slovence-dil-karakterleri-icin-html-kodlari/">Çek, Slovakça ve Slovence Dil Karakterleri için HTML Kodları</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/ipad-icin-neden-bu-5-html-editoeruene-i%CC%87htiyaciniz-var/"> <amp-img src="https://exse.eyewated.com/pict/efd6465b731a309b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/ipad-icin-neden-bu-5-html-editoeruene-i%CC%87htiyaciniz-var/">IPad için Neden Bu 5 HTML Editörüne İhtiyacınız Var?</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/coffeecup-uecretsiz-html-editoer-profili/"> <amp-img src="https://exse.eyewated.com/pict/ef0cec6da7ed345b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/coffeecup-uecretsiz-html-editoer-profili/">CoffeeCup Ücretsiz HTML Editör Profili</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/bir-html-oegesiyle-bir-html-oegesi-nedir/"> <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://tr.eyewated.com/bir-html-oegesiyle-bir-html-oegesi-nedir/">Bir HTML Öğesiyle Bir HTML Öğesi Nedir?</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/html-kaydirma-kutusu/"> <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://tr.eyewated.com/html-kaydirma-kutusu/">HTML Kaydırma Kutusu</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/html-alt-oeznitelik-goeruentue-etiketlerini-oegrenin/"> <amp-img src="https://exse.eyewated.com/pict/af8334fc5d12335c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/html-alt-oeznitelik-goeruentue-etiketlerini-oegrenin/">HTML Alt Öznitelik Görüntü Etiketlerini Öğrenin</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/facebook-notlari-artik-daha-uzun-html-destegi-yok-yine-de-secenekleri-var/"> <amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/facebook-notlari-artik-daha-uzun-html-destegi-yok-yine-de-secenekleri-var/">Facebook Notları Artık Daha Uzun HTML Desteği Yok, Yine de Seçenekleri Var</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/html-5-referansi-alfabetik-olarak-html-5-etiketi/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/html-5-referansi-alfabetik-olarak-html-5-etiketi/">HTML 5 Referansı - Alfabetik Olarak HTML 5 Etiketi</a></h3> <div class="amp-related-meta"> Web Tasarımı ve Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://tr.eyewated.com/mozilla-thunderbirddeki-yeni-e-postalar-icin-bildirimleri-ayarlamayi-oegrenin/"> <amp-img src="https://exse.eyewated.com/pict/cb8bb2e8601833fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/mozilla-thunderbirddeki-yeni-e-postalar-icin-bildirimleri-ayarlamayi-oegrenin/">Mozilla Thunderbird'deki Yeni E-postalar için Bildirimleri Ayarlamayı Öğrenin</a></h3> <div class="amp-related-meta"> E-posta ve Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/mac-os-x-mailde-hizli-bir-gruba-i%CC%87leti-goenderme/"> <amp-img src="https://exse.eyewated.com/pict/6a7910643916300b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/mac-os-x-mailde-hizli-bir-gruba-i%CC%87leti-goenderme/">Mac OS X Mail'de Hızlı Bir Gruba İleti Gönderme</a></h3> <div class="amp-related-meta"> Mac'ler </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/daha-i%CC%87yi-arama-nasil-yapilir-kacmak-icin-uec-hata/"> <amp-img src="https://exse.eyewated.com/pict/b41ddbd648c531e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/daha-i%CC%87yi-arama-nasil-yapilir-kacmak-icin-uec-hata/">Daha İyi Arama Nasıl Yapılır: Kaçmak için Üç Hata</a></h3> <div class="amp-related-meta"> İnternette arama </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/kendi-podcast-nasil-yapilir-adim-adim-egitimi/"> <amp-img src="https://exse.eyewated.com/pict/58d6ad570eea34e1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/kendi-podcast-nasil-yapilir-adim-adim-egitimi/">Kendi Podcast Nasıl Yapılır - Adım Adım Eğitimi</a></h3> <div class="amp-related-meta"> İnternette arama </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/kablosuz-ev-otomasyonuna-giris/"> <amp-img src="https://exse.eyewated.com/pict/43fbcc6d67f6342b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/kablosuz-ev-otomasyonuna-giris/">Kablosuz Ev Otomasyonuna Giriş</a></h3> <div class="amp-related-meta"> Yeni ve Sonraki </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/2015in-en-i%CC%87yi-on-xbox-one-oyunlari/"> <amp-img src="https://exse.eyewated.com/pict/86af3535f4bb31a1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/2015in-en-i%CC%87yi-on-xbox-one-oyunlari/">2015'in En İyi On Xbox One Oyunları</a></h3> <div class="amp-related-meta"> Kumar </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://tr.eyewated.com/sony-psp-icin-hiz-gizli-i%CC%87htiyaci-hileleri/"> <amp-img src="https://exse.eyewated.com/pict/0574975ce8e533a4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/sony-psp-icin-hiz-gizli-i%CC%87htiyaci-hileleri/">Sony PSP için "Hız Gizli İhtiyacı" Hileleri</a></h3> <div class="amp-related-meta"> Kumar </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/fcp-7-egitimi-temel-ses-duezenleme-birinci-boeluem/"> <amp-img src="https://exse.eyewated.com/pict/e880857d6ef53776-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/fcp-7-egitimi-temel-ses-duezenleme-birinci-boeluem/">FCP 7 Eğitimi - Temel Ses Düzenleme Birinci Bölüm</a></h3> <div class="amp-related-meta"> Yazılım ve Uygulamalar </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/siriye-sorulacak-komik-seyler/"> <amp-img src="https://exse.eyewated.com/pict/d28257c70c0933ad-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/siriye-sorulacak-komik-seyler/">Siri'ye Sorulacak Komik Şeyler</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/top-10-xbox-360-yerel-cok-oyunculu-oyunlar/"> <amp-img src="https://exse.eyewated.com/pict/586e7a41a66232ef-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/top-10-xbox-360-yerel-cok-oyunculu-oyunlar/">Top 10 Xbox 360 Yerel Çok Oyunculu Oyunlar</a></h3> <div class="amp-related-meta"> Kumar </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/bilgisayar-aglari-nasil-calisir-protokoller/"> <amp-img src="https://exse.eyewated.com/pict/5a0a896d52e7341e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/bilgisayar-aglari-nasil-calisir-protokoller/">Bilgisayar Ağları Nasıl Çalışır - Protokoller</a></h3> <div class="amp-related-meta"> İnternet ağı </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/192-168-1-1-parola-nasil-bulunur/">192.168.1.1 Parola Nasıl Bulunur</a></h3> <div class="amp-related-meta"> İnternet ağı </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/widgetlara-nasil-baslanir/"> <amp-img src="https://exse.eyewated.com/pict/b4e307f4f9b731c7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/widgetlara-nasil-baslanir/">Widget'lara Nasıl Başlanır?</a></h3> <div class="amp-related-meta"> İnternette arama </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/gmailde-yazim-denetimi-nasil-yapilir/"> <amp-img src="https://exse.eyewated.com/pict/5d11c8f1482c33d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/gmailde-yazim-denetimi-nasil-yapilir/">Gmail'de Yazım Denetimi Nasıl Yapılır?</a></h3> <div class="amp-related-meta"> E-posta ve Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/apple-tvde-podcastlerin-keyfini-oegrenmeniz-gereken-her-sey/"> <amp-img src="https://exse.eyewated.com/pict/525336bc78233ff3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/apple-tvde-podcastlerin-keyfini-oegrenmeniz-gereken-her-sey/">Apple TV'de Podcast'lerin Keyfini Öğrenmeniz Gereken Her Şey</a></h3> <div class="amp-related-meta"> Ev tiyatrosu </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/sims-bebekler/">"Sims" Bebekler</a></h3> <div class="amp-related-meta"> Kumar </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/android-icin-5-uecretsiz-kamera-uygulamalari/"> <amp-img src="https://exse.eyewated.com/pict/ff329eb0e08030c4-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/android-icin-5-uecretsiz-kamera-uygulamalari/">Android için 5 Ücretsiz Kamera Uygulamaları</a></h3> <div class="amp-related-meta"> Yazılım ve Uygulamalar </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/bir-gmail-hatasi-nasil-raporlanir/">Bir Gmail Hatası Nasıl Raporlanır?</a></h3> <div class="amp-related-meta"> E-posta ve Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/wii-uda-olmasi-gereken-12-oyun/"> <amp-img src="https://exse.eyewated.com/pict/15407c9c338433f9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/wii-uda-olmasi-gereken-12-oyun/">Wii U'da Olması Gereken 12 Oyun</a></h3> <div class="amp-related-meta"> Kumar </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/outlook-otomatik-tamamlama-listesinden-bir-adres-nasil-silinir/"> <amp-img src="https://exse.eyewated.com/pict/52d39269dfa32faa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/outlook-otomatik-tamamlama-listesinden-bir-adres-nasil-silinir/">Outlook Otomatik Tamamlama Listesinden Bir Adres Nasıl Silinir</a></h3> <div class="amp-related-meta"> E-posta ve Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/google-takvim-kilidi-simgesi-ne-anlama-geliyor/"> <amp-img src="https://exse.eyewated.com/pict/87d6b97e72c4329b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/google-takvim-kilidi-simgesi-ne-anlama-geliyor/">Google Takvim Kilidi Simgesi ne anlama geliyor?</a></h3> <div class="amp-related-meta"> E-posta ve Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://tr.eyewated.com/iphone-icin-google-haritalarin-goezden-gecirilmesi/"> <amp-img src="https://exse.eyewated.com/pict/67c5aaa48168345d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tr.eyewated.com/iphone-icin-google-haritalarin-goezden-gecirilmesi/">IPhone için Google Haritalar'ın Gözden Geçirilmesi</a></h3> <div class="amp-related-meta"> Yeni ve Sonraki </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 tr.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.158 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-04 00:28:04 --> <!-- 0.002 -->