• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • HTML'de Type Bildirimi Dersi

      Bu video, bir eğitim dersi formatında sunulmuş olup, konuşmacı HTML'de type bildirimi konusunu anlatmaktadır. Videoda HTML'de type bildiriminin önemi ve işlevi açıklanmaktadır. Bu bildirimler, hazırlanan sayfaların hangi tipte belge olduğunu tarayıcıya bildirerek, tarayıcının sayfayı hangi HTML standardına göre yorumlayacağını anlamasını sağlar. World Wide Web Consortium (W3C) tarafından belirlenen standartlar arasında HTML5, HTML4 ve XHTML gibi seçenekler bulunmaktadır. Konuşmacı, bu bildirimlerin sayfanın en başına yazılması gerektiğini ve bildirilmezse tarayıcının sayfayı doğru şekilde gösteremeyeceğini örneklerle açıklamaktadır.

      • youtube.com

    • Windows 10'da HTML ve CSS Kodlama Eğitimi

      Bu video, bir programlama kanalında yayınlanan eğitim içeriğidir. Sunucu, Windows 10 işletim sisteminde HTML ve CSS kodlamayı nasıl yapabileceğinizi adım adım göstermektedir. Video, Visual Studio Code'un Windows 10'a kurulumundan başlayarak, gerekli uzantıların (Live Server ve Prettier) kurulumunu, kod düzenleyicisinin ayarlarını (metin boyutu ve tema) ve temel HTML/CSS kodlamayı kapsamaktadır. Sunucu, Emmet kısaltması kullanarak otomatik kod oluşturma, Live Server ile otomatik yenileme özelliği ve CSS ile HTML öğelerine stil uygulama gibi pratik bilgiler de paylaşmaktadır.

      • youtube.com

    • HTML ile Web Sayfasında Ses Oynatma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML ile web sayfasında ses oynatma konusunu adım adım göstermektedir. Video, ses dosyası indirme süreciyle başlayıp, HTML klasörüne ses dosyasını yerleştirme adımlarını göstermektedir. Ardından audio etiketi kullanılarak ses oynatma, controls parametresi ile oynatıcı kontrolü, auto play, muted ve loop gibi özelliklerin nasıl kullanılacağı detaylı olarak anlatılmaktadır. Video, web sayfalarında ses oynatma işleminin basit olduğunu vurgulayarak sonlanmaktadır.

      • youtube.com

    • HTML, CSS ve PHP ile Dinamik İletişim Formu Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitimidir. Eğitmen, HTML, CSS ve PHP dillerini kullanarak dinamik bir iletişim formu oluşturma sürecini adım adım göstermektedir. Video, sanal sunucu üzerinde index.php dosyası oluşturma ile başlayıp, HTML, CSS ve PHP kodlarının yazılması, formun CSS ile stilize edilmesi, PHP ile form verilerinin alınması ve doğrulanması, mail gönderme işlemleri ve formun başarılı olup olmadığını kontrol etme yöntemlerini kapsamaktadır. Eğitim boyunca formun temel yapısı (head etiketleri, meta etiketleri, div ve form etiketleri) oluşturulduktan sonra, ad-soyad, telefon, konu ve mesaj alanları gibi form elemanları eklenmektedir. Ayrıca, formun başarılı olup olmadığını kontrol etmek için "if" ve "else" komutlarının kullanımı, formun başarısız olması durumunda ekrana yazdırılacak mesaj için "span" etiketi ve renk kodları (kırmızı için #FF0000, yeşil için #00FF00) gösterilmektedir.

      • youtube.com

    • İnternet Sitelerinin Tema Bilgilerini Bulma Rehberi

      Bu video, Yormane kanalından bir eğitim içeriğidir. Sunucu, internet sitelerinin tasarım temalarını nasıl öğrenebileceğimizi anlatmaktadır. Video, farklı web sitelerinin temalarını öğrenmek için kullanılabilecek yöntemleri göstermektedir. Sunucu önce Barış Özcan'ın sitesini örnek alarak, sağ tıklayıp "kaynak kodlarını" inceleyerek tema bilgisini nasıl öğrenebileceğimizi gösterir. Ardından HTML tabanlı bir site ve Blogger tabanlı bir site üzerinden benzer yöntemleri uygular. Ayrıca, sitelerde "Ctrl+U" veya "Temiz" komutlarını kullanarak tema bilgilerini nasıl görebileceğimizi ve arama sistemlerini kullanarak tema bulma yöntemlerini de paylaşır.

      • youtube.com

    • CSS Kursu: Float Kullanımı

      Bu video, CSS kursunun on ikinci dersi olup, bir eğitmen tarafından float özelliğinin nasıl kullanılacağını gösteren bir eğitim içeriğidir. Videoda, float özelliğinin konumlandırma ve hizalama işlemleri için nasıl kullanıldığı adım adım anlatılmaktadır. Eğitmen önce bir div ve üç farklı dil içeren bir sayfa oluşturur, ardından bu dillerin yan yana görüntülenmesi için float left özelliğini kullanır. Ayrıca, float özelliğinin blog sayfalarında resimlerin metin içinde nasıl konumlandırılabileceği de örneklerle açıklanır.

      • youtube.com

    • HTML Arama Kutusu Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML arama kutusu oluşturma sürecini göstermektedir. Video, HTML arama kutusunun ne olduğunu açıklayarak başlıyor ve ardından masaüstünde yeni bir HTML dosyası oluşturma, HTML etiketlerini (h1, head, body, form, input) doğru şekilde yerleştirme ve formun çalıştırılması adımlarını gösteriyor. Eğitmen, formun action ve method değerlerini ayarlama, input etiketlerine placeholder ve value değerlerini girme gibi detayları da açıklıyor. Video, oluşturulan arama kutusunun Google Chrome'da çalıştırılmasıyla sonlanıyor.

      • youtube.com

    • Okul Sitelerinde Site Dışına Link Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı okul sitelerinde site dışına link ekleme işlemini adım adım göstermektedir. Video, okul sitelerinde haber oluştururken siteye yönlendirme yapma işlemini anlatmaktadır. Konuşmacı önce bir örnek üzerinden link oluşturma sürecini göstermekte, ardından We School sitesinden HTML link oluşturma adımlarını detaylı şekilde açıklamaktadır. Link oluşturma için URL ve açıklama kısmının nasıl kullanılacağı, iki tırnak arasına nasıl yazılacağı ve kopyalanıp siteye nasıl yapıştırılacağı gösterilmektedir. Video, oluşturulan linkin çalıştığını test ederek sonlanmaktadır.

      • youtube.com

    • Web Sayfasında Video Oynatma Eğitimi

      Bu video, web sayfasında video oynatma konusunda adım adım bir eğitim içeriğidir. Video, web sayfasına video ekleme sürecini detaylı olarak anlatmaktadır. Önce video dosyasının indirilmesi, ardından HTML dosyasına eklenmesi gösterilmektedir. Daha sonra video etiketinin kullanımı, video boyutunun ayarlanması, kontrollerin eklenmesi, otomatik oynatma, ses kapatma ve video döngüsünün nasıl yapılacağı gibi temel parametreler açıklanmaktadır. Video, web sayfalarında video oynatma konusunda temel bilgi edinmek isteyenler için faydalı bir kaynaktır.

      • youtube.com

    • HTML Kodlama Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML kodlama dersidir. Eğitmen, izleyicilere adım adım HTML kodlamayı öğretmektedir. Videoda Microsoft Store'dan indirilen bir uygulama kullanılarak HTML kodlaması gösterilmektedir. Eğitmen, HTML dosyasının nasıl açılacağını, temel HTML etiketlerini (body, button, paragraf) ve font rengi değiştirme gibi temel kodlama konularını anlatmaktadır. Ayrıca, kodun kaydedilmesi ve masaüstünde açılması da gösterilmektedir. Eğitmen, bu dersin ilk olduğunu belirterek, gelecek videolarda CSS, C++ ve Java gibi diğer kodlama dillerine geçileceğini söylemektedir.

      • youtube.com

    • Ücretsiz Alan Adı ve Hosting ile Web Sitesi Oluşturma Eğitimi

      Bu video, bir anlatıcı tarafından sunulan adım adım eğitim içeriğidir. Video, ücretsiz alan adı ve hosting alma sürecini kapsamlı şekilde ele almaktadır. İlk bölümde FreeNom platformu üzerinden "uzmanım.ml" adlı bir alan adı satın alma ve Sami.com platformu üzerinden ücretsiz hosting hizmeti alma adımları gösterilmektedir. İkinci bölümde ise DNS ayarlarının test edilmesi, alan adının aktif olması için bekleme süresi ve Free Home hosting üzerinden alan adının kullanımı anlatılmaktadır. Son bölümde ise HTML kodlarıyla basit bir web sayfası oluşturma ve bu sayfayı sunucuya yükleme süreci gösterilmektedir. Video, izleyicilerin kendi web sitelerini oluşturabilmeleri için gerekli temel bilgileri içermekte ve web sitesi sahibi olmanın temel adımlarını detaylı şekilde açıklamaktadır.

      • youtube.com

    • Live Preview Kullanarak Web Sayfasını Canlı Olarak Görüntüleme

      Bu video, bir eğitim içeriği olup, izleyicilere web geliştirme sürecinde Live Preview özelliğinin nasıl kullanılacağını göstermektedir.. Video, index.html adlı bir HTML sayfasının JavaScript, CSS ve normal HTML içeriğini göstererek başlıyor. Ardından, kod değişikliklerinin canlı olarak görüntülenmesi için Live Preview eklentisinin nasıl kurulacağı adım adım anlatılıyor. Kurulum sonrası, komut paleti üzerinden Live Preview'ı başlatma ve kod değişikliklerinin anında web sayfasında yansımasını gösterme işlemi gösteriliyor. Bu özellik, geliştirme sürecini hızlandırmak için faydalı bir araç olarak sunuluyor.

      • youtube.com

    • JavaScript ile HTML Tablo Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan JavaScript kullanarak HTML tablo oluşturma konulu bir eğitim içeriğidir. Video, önce uygulamanın nasıl çalışacağını göstererek başlıyor: iki text nesnesi (satır ve sütun değerleri), bir buton ve bir div nesnesi kullanılarak tablo oluşturuluyor. Ardından HTML ve JavaScript kodlarının nasıl yazılacağı adım adım anlatılıyor. Eğitmen, HTML tablo yapısının temel bileşenlerini açıklayıp, JavaScript ile table, tr ve td etiketlerinin nasıl oluşturulacağını, for döngüleri kullanarak satır ve sütunların nasıl ekleneceğini ve oluşturulan tablonun div içine nasıl yerleştirileceğini gösteriyor.

      • youtube.com

    • Google Sites'e HTML Kodu Ekleme Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere Google Sites'e özel HTML kodu eklemenin nasıl yapılacağını adım adım göstermektedir.. Video, Google Sites'e HTML kodu eklemenin temel yöntemlerini anlatmaktadır. İçerikte, "Embed Code" özelliğinin nasıl kullanılacağı, ChatGPT gibi araçların HTML kodu oluşturma için nasıl yardımcı olabileceği gösterilmektedir. Ayrıca, HTML kodunun CSS ile birlikte kullanılabileceği, renk değiştirme gibi temel tasarım özellikleri ve menü oluşturma gibi uygulamalar da gösterilmektedir. Video, Google Sites'in sunduğu diğer özellikler (formlar, grafikler, Google uzantıları) hakkında da bilgi vermektedir.

      • youtube.com

    • Meta Tagları Eğitim Videosu

      Bu video, bir eğitim dersi formatında meta tagları konusunu anlatan bir içeriktir. Video, meta taglarının ne olduğunu ve işlevlerini açıklayarak başlıyor. Ardından sık kullanılan meta tagları detaylı olarak inceleniyor: karakter seti, anahtar kelimeler, açıklama, site bilgileri, mobil uyumluluk, dil ayarları, sayfa yenileme süresi, robot tagları ve Open Graph meta tagları. Her meta tag için kullanım amacı ve nasıl kullanılacağı örneklerle açıklanıyor.

      • youtube.com

    • Sıfırdan Web Sitesi Yapımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere adım adım HTML ve CSS kullanarak basit bir web sitesi oluşturma sürecini göstermektedir. Video, web sitesi yapımının temellerinden başlayarak tüm süreci kapsamaktadır. İlk olarak dosya hiyerarşisi oluşturma ve temel HTML yapısı, ardından header, content ve footer bölümlerinin oluşturulması, CSS ile stillendirme, menü oluşturma, banner ekleme, fotoğraf galerisi ve iletişim sayfası oluşturma konuları ele alınmaktadır. Eğitim içeriğinde ayrıca meta etiketleri, favicon ekleme, CSS özellikleri (margin, padding, border, font size, hover efekti), menü linklerini stilize etme, "seçili" sınıfı oluşturma ve iletişim formu oluşturma gibi pratik uygulamalar da gösterilmektedir. Video, web sitesi yapımı konusunda temel bilgi edinmek isteyenler için adım adım bir rehber niteliğindedir.

      • youtube.com

    • HTML'de DOCTYPE Bildirimi Dersi

      Bu video, Konunava kanalında yayınlanan bir HTML eğitim dersidir. Eğitmen, HTML derslerinin devamı niteliğinde bu derste DOCTYPE bildirimi konusunu anlatmaktadır. Video, DOCTYPE bildiriminin ne olduğunu, nasıl kullanıldığını ve önemini açıklamaktadır. DOCTYPE, HTML dosyalarının başında bulunan ve tarayıcıların sayfanın ne tür bir belge olduğunu anlamasını sağlayan zorunlu bir etikettir. Eğitmen, DOCTYPE'nin kullanımını kod örnekleriyle göstermekte ve HTML5'te kullanılan tek DOCTYPE türünün "html" olduğunu belirtmektedir. Ayrıca, eski versiyonlarda kullanılan "strict", "frame-set" ve "transitional" gibi farklı DOCTYPE türleri hakkında da bilgi verilmektedir.

      • youtube.com

    • HTML Formunda Giriş Alanlarını Zorunlu Hale Getirme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML formlarında giriş alanlarını zorunlu hale getirme konusunu adım adım göstermektedir. Video, HTML formlarında input alanlarının zorunlu hale getirilebileceğini açıklayarak başlıyor ve gerekli olan input türlerini (input text, input text area, input radio, input checkbox) belirtiyor. Ardından, Not Defteri kullanarak örnek formlar oluşturarak, "required" etiketi kullanarak text, text area, radio ve checkbox alanlarını zorunlu hale getirme sürecini gösteriyor. Her örnek için formun nasıl oluşturulduğu, gerekli etiketlerin nasıl ekleneceği ve tarayıcıda nasıl çalıştığı detaylı olarak anlatılıyor.

      • youtube.com

    • HTML Temel Kursu

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML eğitim içeriğidir. Eğitmen, HTML'in temel yapı taşlarını ve kullanımını adım adım göstermektedir. Video, HTML belgesinin oluşturulması ile başlayıp, temel HTML etiketleri (html, head, body, title, image, input), inline ve blocking elementler, hyperlink oluşturma, listeler, tablolar, form elemanları ve HTML entitesi kullanımını detaylı şekilde anlatmaktadır. Daha sonra HTML'deki renk kodları ve JavaScript ile DOM (Document Object Model) üzerinde manipülasyon yapma teknikleri gösterilmektedir. Son bölümde ise HTML5 ile gelen semantic HTML kavramına değinilmektedir. Eğitim içeriğinde ayrıca CSS ile temel layout oluşturma teknikleri, DOM Content Loaded olayı kullanımı ve elementleri seçme yöntemleri de örneklerle açıklanmaktadır. Video, web geliştirme temellerini öğrenmek isteyenler için temel bir kaynak niteliğindedir.

      • youtube.com

    • HTML'de Arka Plan Resmi Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML sayfasına arka plan resmi ekleme yöntemlerini adım adım göstermektedir.. Video, temel HTML dosyası ve Chrome tarayıcısında açılan sayfayı göstererek başlıyor. İçerikte CSS kullanarak arka plan resmi ekleme, CSS seçicileri (özellikle #id) kullanımı, CSS değerlerini doğrudan style attribute ile uygulama, arka plan resmi ekleme, tekrarlanma özelliğini devre dışı bırakma, boyutlandırma (100% 100%, cover, contain) ve konumlandırma (background-position) gibi CSS özellikleri detaylı olarak anlatılıyor. Video, arka plan resmi ve renk kombinasyonunun en iyi sonuçları verdiğini vurgulayarak sonlanıyor.

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