• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • İ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

    • HTML Dosya Oluşturma Eğitimi

      Bu video, web tasarımında temel bir konu olan HTML dosya oluşturma konusunda adım adım bir eğitim sunmaktadır. Video, HTML dosyası oluşturma sürecini detaylı bir şekilde anlatmaktadır. Önce masaüstünde yeni bir metin belgesi oluşturma, dosya ismini "index.html" olarak değiştirme ve uzantısı .html olarak ayarlama adımları gösterilmektedir. Ardından Not Defteri programı kullanılarak HTML kodlarının nasıl yazılacağı, HTML etiketi, head etiketi, title etiketi, body etiketi ve paragraf etiketi gibi temel HTML yapılarının nasıl kullanılacağı adım adım açıklanmaktadır. Son olarak, oluşturulan HTML dosyasının Google Chrome tarayıcısında nasıl görüntüleneceği gösterilmektedir.

      • youtube.com

    • Başlangıç Seviyesi HTML, CSS ve JavaScript ile Kullanıcı Profil Sayfası Eğitimi

      Bu video, Ozan adlı bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, başlangıç seviyesindeki kullanıcılar için basit bir proje geliştirmektedir. Videoda, Figma'dan alınan bir kullanıcı profil sayfasının HTML, CSS ve JavaScript kullanılarak nasıl oluşturulacağı adım adım gösterilmektedir. Eğitim, HTML iskeleti oluşturma, CSS ile tasarım yapma ve JavaScript ile progress bar ve kullanıcı bilgilerinin döngüsel olarak değişmesi gibi konuları kapsamaktadır. Eğitmen, setInterval fonksiyonu kullanarak belirli aralıklarla (örneğin 10.000 ms) kullanıcı bilgilerinin değişmesini sağlar ve her geçişte id'yi artırır. Ayrıca text align, justify content, border radius, object-fit-cover gibi CSS özellikleri kullanarak kullanıcı profil sayfasının görünümünü ayarlar. Video, kodun yazılması, hata ayıklanması ve son olarak uygulamanın çalıştırılmasıyla ilerler.

      • 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

    • 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 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 Ortalama İşlemi Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML'de yazı ve nesnelerin nasıl ortalamaya alınacağını göstermektedir. Video, HTML'de ortalama işleminin basit olduğunu vurgulayarak başlıyor. İçerikte önce HTML etiketleri oluşturuluyor, ardından body etiketinin içinde center ortalama etiketi kullanılıyor. Önce "deneme" yazısı, sonra bir fotoğraf etiketi (image) center etiketi içinde yerleştirilerek tarayıcıda kontrol ediliyor. Video, bu basit işlemi adım adım göstererek izleyicilere HTML'de ortalama yapma konusunda temel bilgi veriyor.

      • 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

    • Web Sitesine İkon Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere web sitesine ikon ekleme işlemini adım adım göstermektedir. Video, HTML üzerinde web sitesine favicon ekleme işleminin nasıl yapılacağını anlatmaktadır. İçerikte önce HTML etiketlerinin oluşturulması, ardından head etiketi içine favicon etiketinin yazılması gösterilmektedir. İkonun 16 piksel genişliğinde, PNG veya JPEG formatında hazırlanması gerektiği belirtilmektedir. Video, web sitesinde ikonun başarılı bir şekilde görüntülenmesiyle sonlanmaktadır.

      • 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

    • 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

    • 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 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, CSS ve JavaScript ile Basit Hesap Makinesi Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere adım adım basit bir hesap makinesi uygulamasının nasıl oluşturulacağını göstermektedir. Video, HTML, CSS ve JavaScript kullanarak basit bir hesap makinesi oluşturma sürecini kapsamaktadır. İlk olarak index.html, style.css ve app.js dosyaları oluşturulur, ardından CSS ile tasarım yapılır ve son olarak JavaScript ile fonksiyonellik eklenir. Eğitmen, buton oluşturma, tıklama olayları ekleme ve hesaplama işlemlerinin nasıl gerçekleştirileceğini detaylı şekilde anlatmaktadır. Oluşturulan hesap makinesi, numerik tuşlar ve işlem tuşları (artı, eksi, çarpma, bölme ve eşit) içeren basit bir arayüze sahiptir. Video sonunda eğitmen, oluşturulan hesap makinesinin çalıştığını test etmektedir.

      • youtube.com

    • jQuery Dosyası Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere jQuery dosyası oluşturma sürecini adım adım göstermektedir. Video, dinamik bir web sayfası oluşturmak için gerekli olan jQuery dosyası oluşturma sürecini anlatmaktadır. İçerikte önce masaüstünde "master.js" adlı bir jQuery dosyası oluşturma, ardından bu dosyaya "document.ready()" fonksiyonu ile "Merhaba Dünya" mesajı yazdırma, jQuery kütüphanesini indirme ve son olarak bu dosyayı "index.html" sayfasına bağlama adımları gösterilmektedir. Son olarak, oluşturulan web sayfasının Google Chrome tarayıcısında çalıştırılması ve "Merhaba Dünya" mesajının pop-up olarak görüntülenmesi gösterilmektedir.

      • youtube.com

    • JavaScript ve CSS ile Web Sayfası Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim serisidir. Eğitmen, izleyicilere adım adım web sayfası oluşturma sürecini göstermektedir. Videoda, JavaScript ve CSS kullanarak "Doğa Keşif" temasına sahip bir web sayfası tasarımı anlatılmaktadır. Eğitim, HTML body kısmında bir div ile başlayıp, header, logo, fotoğraf, butonlar ve form alanları gibi web sayfasının temel bileşenlerinin oluşturulmasına kadar uzanmaktadır. Eğitmen, Pexels'ten fotoğraf indirme, Google Fonts'tan yazı tipi ekleme ve çeşitli CSS özellikleri (display, flex, justify-content, background-image, linear-gradient, text shadow, position absolute, padding, margin, cursor pointer) kullanarak sayfanın görünümünü şekillendirme tekniklerini göstermektedir. Video, bir serinin parçası olup, bir sonraki bölümde devam edeceği belirtilmektedir. Eğitim boyunca, margin ve padding arasındaki farklar gibi temel CSS kavramları da açıklanmaktadır.

      • youtube.com

    • HTML, CSS ve JavaScript ile Web Sayfası Animasyonu Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere adım adım kodlama sürecini göstererek anlatmaktadır. Video, Visual Studio Code'da bir proje oluşturma ile başlayıp, HTML ile temel sayfa yapısını oluşturma, CSS ile tasarım ve animasyon ekleme, son olarak JavaScript ile dinamik animasyonlar eklemeyi kapsamaktadır. Eğitmen, navbar, header, liste öğeleri, başlıklar ve paragraflar gibi web sayfası bileşenlerini oluşturup, bunlara animasyon eklemeyi göstermektedir. Eğitim boyunca flexbox, pozisyonlama, linear gradient, background image gibi CSS özellikleri kullanılarak sayfanın görünümü biçimlendirilmekte ve "movebop", "movetoleft" ve "moveline" gibi keyframe animasyonları oluşturulmaktadır. Eğitmen, kodları detaylı bir şekilde açıklamakta ve izleyicilerin konuyu anlaması için yavaş anlatım yapmaktadır.

      • youtube.com

    • HTML ve Python ile Python'u HTML'de Kullanma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML ve Python kullanarak basit bir uygulama oluşturma sürecini adım adım göstermektedir.. Videoda, İngilizce'yi "pirate talk" (piratça) diline çeviren basit bir uygulama oluşturulmaktadır. Eğitim, uygulamanın nasıl çalıştığını göstererek başlıyor, ardından proje klasöründeki index.html, Python kodu ve JSON dosyalarını inceliyor. Daha sonra gerekli paketlerin (arrr ve pyscript) nasıl kurulacağı, HTML'den Python'a veri aktarımı ve Python kodunun nasıl çalıştığı detaylı olarak anlatılıyor. Video, uygulamanın çalıştırılmasıyla sonlanıyor.

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