• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • Bir Saatte HTML Kursu

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML eğitim kurusudur. Eğitmen, web geliştirme temellerini adım adım anlatmaktadır. Video, HTML'in temellerinden başlayarak ileri seviye konulara kadar uzanan bir yapıya sahiptir. İlk bölümde HTML'in ne olduğu, gerekli programların kurulumu ve temel HTML etiketleri (html, head, body, title, h1-h6, p, br, hr) anlatılırken, sonraki bölümlerde bağlantılar, resimler, sesler, video oynatma, metin biçimlendirme, listeler, tablolar, CSS kullanımı, div ve span etiketleri, meta etiketleri, iframe, buton ekleme ve form oluşturma konuları ele alınmaktadır. Eğitim, Visual Studio Code ve Google Chrome kullanarak pratik örneklerle ilerlemekte ve her konu için gerekli etiketler, parametreler ve kullanım şekilleri detaylı olarak gösterilmektedir. Video, web geliştirme öğrenmek isteyenler için temel HTML bilgilerini içermekte ve son bölümde CSS ve JavaScript öğrenme önerisiyle sonlanmaktadır.

      • youtube.com

    • HTML ve CSS ile YouTube Tarzı Web Sayfası Oluşturma Eğitimi

      "Videokod" kanalında yayınlanan bu eğitim videosunda, bir eğitmen HTML ve CSS kullanarak YouTube tarzı bir web sayfası oluşturma sürecini adım adım anlatmaktadır. Video, web sayfasının temel bileşenlerinin (header, arama bölümü, resim-yazı bölümü, YouTube tarzı menü, sol ve sağ bölümler) HTML5 tagleri ile oluşturulması ve CSS ile stil verilmesi üzerine odaklanmaktadır. Eğitmen, position fix, float, padding, border, margin, text-shadow, transition gibi CSS özellikleri kullanarak öğelerin konumlandırılması, boyutlandırılması ve görsel efektlerin nasıl uygulanacağını detaylı şekilde göstermektedir. Eğitim boyunca Google Font kullanarak yazı tipi ekleme, YouTube videosu ekleme, footer alanı oluşturma, nokta çizgileri oluşturma, div'leri yan yana yerleştirme, buton ekleme ve resim üzerine efekt uygulama gibi pratik uygulamalar da gösterilmektedir. Video sonunda eğitmen, unuttuğu yerleri açıklamalar bölümünde tamamladığını belirtmektedir.

      • 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

    • HTML'de Metin Biçimlendirme ve Class Seçici Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web tabanlı kodlama dersinin ikinci ünitesi olan metinlerin biçimlendirilmesi konusunu anlatan eğitim içeriğidir. Video, HTML'de metin kullanımı, metinlerde biçimsel düzenleme, paragraf yapıları, liste yapıları ve bağlantılar konularını kapsamaktadır. İlk bölümde Notepad++ programı kullanılarak h etiketleri, p etiketleri, font etiketleri, i etiketleri, br etiketleri, u etiketleri, ol etiketleri, li etiketleri ve a etiketleri gibi temel HTML etiketlerinin kullanımı örneklerle açıklanırken, ikinci bölümde class seçici kullanımı ve stil uygulama yöntemleri gösterilmektedir. Eğitim, gömülü stil kullanımı ile başlayıp, body etiketleri arasındaki kodların incelenmesiyle devam etmekte ve class'ların renk gibi stil özelliklerinin nasıl değiştirilebileceği de örneklerle anlatılmaktadı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

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

    • 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 Eğitim Videosu: Temel Kavramlar ve Bilgisayar Bileşenleri

      Bu video, bir eğitim içeriği olup, konuşmacı tarafından HTML ve web geliştirme konuları anlatılmaktadır. Video, HTML'in ne olduğu, temel kavramları ve donanım-işletim sistemi hakkında bilgiler sunmaktadır. İlk olarak HTML'in bir işaretleme dili olduğu, web sayfalarının ana iskeletini oluşturduğu ve CSS ile makyaj, JavaScript ile etkileşimli hale getirildiği açıklanmaktadır. Ardından donanım ve yazılım kavramları, masaüstü ve mobil işletim sistemleri (Windows, MacOS, Linux, Android, iOS, Windows Phone) tanıtılmaktadır. Son olarak, Windows 7 işletim sistemi üzerinden bilgisayarın özellikleri (işlemci, RAM, sistem türü) gösterilmekte ve web geliştirme için gerekli editör ve sunucu konularına değinilmektedir.

      • youtube.com

    • Yazılım Bilgisi Olmadan Web Sitesi Yapma Rehberi

      Bu video, yazılım bilgisi olmadan basit bir web sitesi oluşturma sürecini adım adım gösteren bir eğitim içeriğidir.. Video, yapay zekanın gelişmesiyle yazılım bilgisi olmadan web sitesi yapmanın mümkün olduğunu anlatarak başlıyor. İçerikte Chatcbt, Depsec ve AGC gibi yapay zeka seçeneklerinden Depsec'in açık kaynaklı olması nedeniyle tercih edildiği belirtiliyor. Ardından Visual Studio Code kullanarak yapay zekadan alınan HTML ve CSS kodlarını yerleştirme, siteyi açma ve temel bir web sitesi oluşturma süreci gösteriliyor. Video, siteyi internete yayınlamak için domain ve hosting almanın gerekliliğini vurgulayarak sonlanı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

    • HTML ve CSS ile Div Arka Planı Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML ve CSS kullanarak div'lerin arka planını nasıl ekleyebileceklerini adım adım göstermektedir. Videoda, bir div'e arka plan görseli ekleme süreci detaylı olarak anlatılmaktadır. Önce HTML dosyası oluşturulup, div'e "background-image" özelliği eklenerek bir görsel (forest.jpg) eklenmektedir. Ardından CSS dosyası kullanılarak görselin konumlandırılması, padding ve margin değerlerinin ayarlanması, yazı renginin değiştirilmesi, opacity değerinin ayarlanması ve background-repeat, background-size gibi CSS özellikleri kullanılarak görselin ekran üzerinde nasıl davranacağı gösterilmektedir. Video, hem masaüstü hem de mobil cihazlarda görselin nasıl görüneceğini göstererek sonlanmaktadı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

    • 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

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

    • Document Object Model (DOM) Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan Document Object Model (DOM) konulu bir eğitim içeriğidir. Eğitmen, DOM kavramını adım adım açıklayarak anlatmaktadır. Video, DOM'un ne olduğunu, XML ve HTML dokümanlarını nasıl temsil ettiğini ve JavaScript gibi programlama dilleriyle nasıl kullanılacağını açıklamaktadır. Eğitmen önce basit bir XML örneği üzerinden DOM yapısını göstermekte, ardından Google Chrome gibi web tarayıcılarında DOM ağacını nasıl inceleyebileceğimizi ve değerleri nasıl değiştirebileceğimizi pratik örneklerle anlatmaktadır. Video, DOM'un web tarayıcılarında otomasyon ve web sayfalarını dinamik olarak değiştirmek için nasıl kullanıldığını göstermektedir.

      • 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

    • 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

    • HTML ve CSS ile Buton Yapımı ve Link Yönlendirme Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML ve CSS konulu bir eğitim dersidir. Videoda iki ana konu ele alınmaktadır: İlk bölümde beş farklı butonun HTML ve CSS ile nasıl oluşturulacağı, farklı CSS stilleri (arka plan rengi, yazı rengi, kenarlık, hover efektleri, transition) uygulanması ve butonlara link ekleme işlemleri gösterilmektedir. İkinci bölümde ise HTML'de link yönlendirme özellikleri detaylı olarak anlatılmakta, farklı sayfalara ve aynı sayfa içindeki farklı bölümlere yönlendirme yapma yöntemleri örneklerle açıklanmaktadır. Eğitmen, CSS kodlarının ne işe yaradığını ve nasıl kullanılacağını detaylı şekilde açıklamakta, ayrıca "target" özelliği kullanarak farklı sayfada yönlendirme yapma ve "id" kullanarak aynı sayfa içindeki farklı bölümlere yönlendirme yapma tekniklerini de göstermektedir. Video, izleyicilere araştırma yapma ve merak ettikleri konuları kendi araştırmaları ile keşfetmeleri konusunda tavsiyelerle sonlanmaktadır.

      • youtube.com

    • Web Tasarım ve Kodlama Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan web tasarım ve kodlama konulu bir eğitim içeriğidir. Eğitmen, web tasarım ve kodlama bölümünde okuyan veya bu alanda master olmak isteyen kişilere yönelik bilgiler vermektedir. Video, kodlama nedir, kodlama dilleri (HTML, Python, C, PHP, JavaScript, Delphi), kodlama öğrenme programları (Code.org, Akademi, Udemy), web tasarım programları (Adobe Dreamweaver, Adobe Frameworks, Adobe Flash) ve SEO'ya uygun kodlama konularını kapsamaktadır. Eğitmen, kodlama öğrenmenin temellerinden başlayarak, hazır kodlama ve framework'lerden yararlanmanın önemini vurgulamakta ve web tasarım ajanslarında çalışmanın faydalarını anlatmaktadır.

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