• Buradasın

    HTML5

    Özetteki ilgi çekici içerikler

    • HTML Versiyonları Hakkında Bilgilendirme

      Bu video, bir eğitim içeriği olup konuşmacı HTML versiyonları hakkında bilgi vermektedir. Video, HTML'in 1991'de ilk versiyonunun çıkmasıyla başlayan tarihçesini anlatmaktadır. Konuşmacı, şu anda kullanılan HTML 5.20 veya 5.30 versiyonunu belirterek, her yeni sürümün önceki sürümün eksikliklerini gidererek ve yeni özellikler ekleyerek geliştirildiğini açıklamaktadır. HTML 5 ile birlikte kan master, SVG imaj eklemeleri, ses ve video dosyaları ile ilgili yeni etiketler gibi önemli eklentilerin hayatımıza girdiğini vurgulamaktadır.

      • youtube.com

    • HTML5 Video Etiketi Eğitimi

      Bu video, bir eğitim içeriği olup, bir eğitmen tarafından HTML5 video etiketinin nasıl kullanılacağını göstermektedir. Videoda HTML5 video etiketinin kullanımı adım adım anlatılmaktadır. Eğitmen, video dosyasının nasıl ekleneceğini, src attribute'ının nasıl kullanılacağını, video özelliklerinin nasıl görüntüleneceğini ve video boyutunun nasıl ayarlanacağını göstermektedir. Ayrıca, eski tarayıcılarda video etiketinin çalışmayabileceği ve bunun yerine bilgilendirme mesajı gösterilebileceği de belirtilmektedir. Video, bir sonraki derste audio etiketinin anlatılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • HTML Elementleri Eğitim Videosu

      Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından HTML elementleri konusu anlatılmaktadır. Video, HTML elementlerinin temel yapısını açıklayarak başlıyor ve başlangıç-kapanış etiketlerinin nasıl kullanıldığını görsel örneklerle gösteriyor. Ardından BR etiketi gibi istisnaları, iç içe HTML etiketlerinin hiyerarşik yapısını ve etiketlerin kapatılmasının önemini anlatıyor. Eğitmen, Chrome tarayıcısında örnekler göstererek konuyu somutlaştırmakta ve HTML5 standartlarının eski tarayıcılarla uyumluluğunu da açıklıyor.

      • youtube.com

    • HTML5 Sidebar Etiketi Eğitimi

      Bu video, Siber Akademi'de sunulan bir eğitim dersidir. Eğitmen, HTML5'in yeni bir etiketi olan sidebar etiketinin ne işe yaradığını ve nasıl kullanılacağını anlatmaktadır. Videoda öncelikle sidebar etiketinin tanımı yapılmakta, ardından bir örnek üzerinden CSS ile nasıl biçimlendirileceği gösterilmektedir. Eğitmen, sidebar etiketine float, width, margin, padding ve background-color gibi CSS özellikleri ekleyerek bir sidebar oluşturmayı adım adım anlatmaktadır. Ayrıca, sidebar'a metin ekleme işlemi de gösterilmektedir.

      • youtube.com

    • HTML5 Yeni Etiketleri ve Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML5 ve CSS kullanarak web sayfası tasarımı eğitimidir. Eğitmen, HTML5'in getirdiği yeni etiketleri ve bunların web tasarımında nasıl kullanılacağını adım adım göstermektedir. Video, HTML5'in 2009 yılında tanıtıldığından sonra gelen yeni etiketleri (header, nav, aside, main, article, section, footer, figure, details, summary) tanıtarak başlar ve bu etiketlerin semantik bir web tasarım sunması gerektiğini vurgular. Eğitmen, bir web sayfasının tüm bölümlerini (header, nav, main, footer) HTML5 etiketleri ve CSS özellikleri kullanarak adım adım tasarlamaktadır. Eğitim içeriğinde, CSS ile genişlik, yükseklik, padding, font-size, text-align, line-height gibi özelliklerin nasıl uygulanacağı, etiketlerin doğru şekilde biçimlendirilmesi ve arama motorlarına daha anlamlı bilgi veren semantik bir tasarım sunulması gösterilmektedir. Video, bir web sayfasının tüm yapısının HTML5 etiketleri ve CSS ile nasıl oluşturulacağını kapsamlı bir şekilde ele almaktadır.

      • youtube.com

    • HTML ile Video Oynatıcısı Oluşturma Eğitimi

      Bu video, Siber Akademi'de sunulan bir HTML eğitim dersidir. Eğitmen, izleyicilere HTML ile basit bir video oynatıcısı oluşturma sürecini adım adım göstermektedir. Videoda, HTML5 dosyası kullanılarak video oynatıcısı oluşturma süreci anlatılmaktadır. Eğitmen önce body arka plan rengini değiştirme, div oluşturma, video etiketi yazma, video boyutunu belirleme ve oynatma butonunu ekleme adımlarını göstermektedir. Ayrıca loop, auto play ve poster gibi video oynatıcısının özelliklerini de açıklamaktadır. Video, basit bir video ekleme ve oynatma kodunun nasıl yazılacağını göstermekte ve bir sonraki derste daha güzel görünümlü bir video oynatıcısı oluşturulacağını belirtmektedir.

      • youtube.com

    • HTML5 Canvas'ta Çember Çizme ve Metin Oluşturma Eğitimi

      Bu video, HTML5 ve CSS3 eğitim setinin 20. dersi olup, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Videoda HTML5 canvas elementi kullanılarak çember çizme ve metin oluşturma işlemleri adım adım gösterilmektedir. Eğitmen önce canvas üzerinde çember çizmek için arc() fonksiyonunu kullanarak x ve y koordinatları, yarıçap, açı değerleri ve çizim yönü (saat yönü/saat yönünün tersi) gibi parametreleri açıklar. Ardından metin oluşturma için font ayarları, fillText() ve strokeText() fonksiyonları ile metinlerin iç ve dış çizgilerini nasıl ayarlayabileceğiniz gösterilir.

      • youtube.com

    • HTML Metin Formatlama Tag'ları Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML metin formatlama tag'larını anlatan bir eğitim içeriğidir. Eğitmen, "formatting.html" adlı bir dosya oluşturarak örnekler göstermektedir. Video, HTML'de metin formatlama için kullanılan çeşitli tag'ları adım adım göstermektedir. B (bold), M (em), S (small), S (sub), S (sup), I (italik), I (bold italik), I (small italik), I (sub italik), I (sup italik), I (ins), I (del), I (mark) gibi tag'ların nasıl kullanılacağı ve sonuçları gösterilmektedir. Ayrıca, HTML5 ile beraber daha sık kullanılan strong tag'ı ve alternatif tag'lar arasındaki farklar da açıklanmaktadır.

      • youtube.com

    • HTML5 ve JavaScript ile Form Elemanları Yönetimi Eğitimi

      Bu video, bir eğitmen tarafından sunulan web programlama eğitim serisinin bir parçasıdır. Eğitmen, izleyicilere adım adım HTML5 ve JavaScript kullanarak form elemanlarının nasıl yönetileceğini göstermektedir. Video, form elemanlarının görünür/gizli durumlarını yönetme, form temizleme, CSS ile form elemanlarına stil uygulama ve HTML5 form doğrulama özelliklerini içermektedir. Eğitmen, radyo butonlarının değerlerine göre form elemanlarının görünür/gizli hale getirilmesi, "Sıfırla" butonu ile form temizleme, butonlara CSS stil uygulama ve HTML5'in "required", "pattern" gibi doğrulama özelliklerini adım adım göstermektedir. Videoda ayrıca tablo etiketlerine CSS uygulama, hover efektleri, HTML5'in place holder özelliği ve farklı tarayıcıların form doğrulama davranışları da ele alınmaktadır. Video sonunda, bir sonraki derste jQuery kullanımı ile ilgili örnekler olacağını belirtilmektedir.

      • youtube.com

    • Kategori Yönetimi Eğitim Videosu

      Bu video, bir web sitesi yönetim panelinde kategori oluşturma, düzenleme ve silme işlemlerini adım adım gösteren bir eğitim içeriğidir. Video, kategori oluşturma sürecini detaylı olarak anlatmaktadır. Önce "Web Teknolojileri" kategorisi ve alt kategorileri (PHP, MySQL, HTML5, CSS3, JavaScript) oluşturuluyor, ardından RC Eğitim sitesinden alınan bir PHP ile ilgili yazı ekleniyor. Ayrıca etiket ekleme, kategori düzenleme ve silme işlemleri de gösteriliyor. Video, kategorilerin nasıl oluşturulacağını, düzenleneceğini ve silineceğini öğrenmek isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com

    • HTML5 Testleri: Video ve Track Etiketleri

      Bu video, Emre Sabuncu tarafından sunulan HTML5 testleri serisinin bir parçasıdır. Emre, HTML5'te video ve track etiketlerinin kullanımını anlatmaktadır. Videoda öncelikle video etiketinin nasıl kullanılacağı gösterilmektedir. Video etiketinin genişlik ve yükseklik özellikleri, source özniteliği ve birden fazla video kaynağı için alternatif formatlar ekleme yöntemi anlatılmaktadır. Ardından track etiketinin altyazı ekleme işlevi, altyazı türleri (sup, sub, caption, transcript) ve dil özellikleri açıklanmaktadır. Video, video etiketinin desteklediği MP4 ve OGG formatları hakkında bilgi vererek sonlanmaktadır.

      • youtube.com

    • CSS Border Radius Eğitimi

      Bu video, bir eğitmen tarafından sunulan CSS dersinin bir bölümüdür. Eğitmen, border radius özelliğini detaylı bir şekilde anlatmaktadır. Videoda border radius özelliğinin nasıl kullanılacağı adım adım gösterilmektedir. Eğitmen önce temel bir div oluşturarak başlayıp, border radius özelliğini kullanarak kutunun kenarlarını yuvarlama işlemini uygulamalı olarak anlatmaktadır. Ayrıca, border radius değerlerinin nasıl ayarlanacağı, köşelerin yarıçaplarının nasıl belirleneceği ve farklı köşelere farklı yarıçap değerleri verilerek kutunun şeklinin nasıl değiştirilebileceği örneklerle açıklanmaktadır.

      • youtube.com

    • Bootstrap'te Figür Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı Bootstrap'te figür kullanımını anlatmaktadır. Video, Bootstrap'te figür konusunun nasıl kullanılacağını adım adım göstermektedir. Konuşmacı, figür ve fig caption HTML5 elementlerinin Bootstrap ile nasıl oluşturulacağını, responsive tasarım için img fluid ve thumbnail sınıflarının kullanılmasını, fig caption'ın sağ tarafta görünmesini sağlayan text-end class'ını ve resmin köşelerini yuvarlayan rounded class'ını örneklerle açıklamaktadır. Video, content konusunun son bölümü olup, bir sonraki videoda formlar ve komponentler konusuna geçileceği belirtilmektedir.

      • youtube.com

    • CSS Kursu: Padding Kullanımı

      Bu video, CSS kursunun altıncı dersi olup, bir eğitmen tarafından padding (dolgu) konusunu anlatan bir eğitim içeriğidir. Videoda padding kavramı, margin ile arasındaki farklar ve kullanım alanları açıklanmaktadır. Padding'in kenar boşluklarını ayarlamak için kullanıldığı, ancak negatif değerler almadığı belirtilmektedir. Eğitmen, padding'in menü çubuğu oluşturma gibi projelerde kullanılabileceğini vurgulamakta ve ilerleyen derslerde sıkça kullanılacağını söylemektedir.

      • youtube.com

    • HTML5 Geolocation Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML5 geolocation özelliğinin nasıl kullanılacağını anlatan bir eğitim içeriğidir. Eğitmen, bir döküman üzerinden adım adım kodlama sürecini göstermektedir. Video, HTML5'in geolocation özelliğini kullanarak kullanıcı konumunu nasıl alabileceğimizi anlatmaktadır. Eğitmen önce getCurrentPosition fonksiyonunun üç parametresini (success, error ve options) açıklar, ardından bu parametrelerin nasıl kullanılacağını kod örnekleriyle gösterir. Ayrıca, tarayıcı desteği kontrolü, hata kodları ve konum bilgilerinin nasıl ekrana yazdırılacağı da anlatılmaktadır. Video, konum bilgilerinin sadece bir kez alınabildiğini ve hareket halindeki konumları almak için ilerleyen derslerde değinileceğini belirterek sonlanmaktadır.

      • youtube.com

    • HTML5 ve CSS3 Eğitim Serisi

      Bu video, Erol Mesut Gün tarafından sunulan HTML5 ve CSS3 eğitim serisinin giriş dersidir. Erol Mesut Gün, yakın kampüs.com'dan bir eğitmen olup, daha önce X, HTML ve JavaScript derslerini de vermiştir. Video, HTML5 ve CSS3'ün önemi, internet sayfalarının kullanıcı dikkatini çekme yöntemleri ve HTML ile CSS arasındaki ilişkiyi açıklamaktadır. İlk bölümde HTML5'in yeni etiket sistemi (header, navigation, section, article, footer) ve CSS'in bu iskeleti şekillendirme işlevi anlatılırken, ikinci bölümde HTML5'in browser uyumluluğu, mobil uyumluluğu, interaktiflik ve audio/video gömme gibi yeni özellikleri ele alınmaktadır. Eğitmen, HTML5 ile oluşturulan 2012'nin en beğenilen ve ödül alan sayfalarını göstererek izleyicilerin de benzer siteler yaratabileceklerini belirtmektedir. Video, bir sonraki derste editör kurulumu ve ilk basit komutların anlatılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • HTML5 Parcel View Kullanımı Eğitimi

      Bu video, bir web geliştirme eğitim içeriğidir. Eğitmen, önceki derste layout kavramını öğrendiklerini hatırlatarak, bu derste HTML5 parsel view kavramını anlatmaktadır. Video, büyüyen projelerde müdahale edilebilirliği artırmak ve gereksiz kod yazmanın önüne geçmek için parsel view'in nasıl kullanılacağını göstermektedir. Eğitmen, ana sayfadaki slider ve proje listelerini örnek olarak kullanarak, bu bölümleri ayrı parsel view dosyalarına nasıl taşıyabileceğimizi adım adım göstermektedir. Ayrıca, parsel view'lerin nasıl ekleneceği ve değiştirileceği pratik uygulamalarla anlatılmaktadır.

      • youtube.com

    • HTML5 Kapsamlı Eğitim Videosu

      Bu video, Infinity Technology tarafından hazırlanan HTML5 eğitim serisinin bir bölümüdür. Eğitmen, HTML5'in temel özelliklerini ve yeni etiketlerini detaylı şekilde anlatmaktadır. Video, HTML5'in tarihçesi ve avantajları ile başlayıp, HTML4 ile karşılaştırmasını yapmaktadır. Ardından yeni etiketler (section, article, header, footer, video, audio, embed, canvas, mit, progress, time, details, input), içerik modelleri, form oluşturma, numerik değerler, tarih seçici, API desteği, sürükleyip bırakma özelliği, çevrimdışı uygulamalar ve video desteği gibi konular ele alınmaktadır. Eğitim içeriğinde ayrıca div etiketinin kullanımı, id ve class özellikleri, karakter kodlaması, temel sayfa yapısı, form geliştirme, yeni veri giriş türleri, otomatik odaklanma, yer tutucu ve doğrulama özellikleri gibi pratik bilgiler de sunulmaktadır. Her bir özellik için kod örnekleri ve kullanım alanları gösterilmektedir.

      • youtube.com

    • HTML5 Datalist Etiketi Kullanımı Eğitimi

      Bu video, Emre Sabuncu tarafından sunulan Site HTML5 serisinin bir parçasıdır. Eğitmen, forum kısmındaki datalist etiketinin kullanımını anlatmaktadır. Videoda datalist etiketinin temel kullanımı adım adım gösterilmektedir. Eğitmen önce bir form oluşturarak "film türleri" sorusu sormakta, ardından datalist etiketi kullanarak korku, komedi, savaş ve animasyon gibi film türlerini eklemektedir. Ayrıca, kullanıcıdan alınan verilerin nasıl işleneceği ve Safari tarayıcısının datalist etiketini desteklemediği bilgisi de paylaşılmaktadır.

      • youtube.com

    • HTML Eğitim Videosu: Tanıtım ve Temel Kavramlar

      Bu video, Doğan Cantat tarafından sunulan HTML eğitim serisinin ilk bölümüdür. Doğan, web tasarım yapmak isteyenler için HTML'in temel kavramlarını anlatmaktadır. Videoda HTML'in ne olduğu, sürümleri ve yapısı hakkında bilgiler verilmektedir. HTML'in zengin metin işaret dili olduğu, günümüzde internet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dil olduğu belirtilmektedir. Ayrıca HTML'in bir programlama dili değil, tasarım dili olduğu, W3C tarafından standartlaştırıldığı ve HTML5'in son sürüm olduğu açıklanmaktadır. Video, HTML'in temel yapısını gösteren bir örnek ile sonlanmakta ve ileriki derslerde HTML, CSS, PHP ve JavaScript konularının işleneceği belirtilmektedir.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor