• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • 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
    • 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
    • İ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 ve Kod Editörü Kullanım Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML ve kod editörü kullanım eğitimidir. Video, HTML'in ne olduğunu ve nasıl kullanılacağını anlatarak başlamakta, ardından Visual Studio Code'un kurulumu ve kullanımı adım adım gösterilmektedir. İçerikte W3Schools sitesi kullanılarak temel HTML etiketleri (h1, h2, p, body) anlatılmakta, HTML dosyalarının nasıl oluşturulacağı, kaydedileceği ve tarayıcıda nasıl görüntüleneceği gösterilmektedir. Eğitim ayrıca kod editörünün arayüzünün tanıtımı, ayarları (font boyutu, kaydetme işlemleri), yeni dosya oluşturma, kod düzenleme ve düzenleme sonrası kaydetme gibi temel işlemlerini kapsamaktadır. Eğitmen, HTML öğrenmek için pratik yapmanın önemini vurgulayarak izleyicilere kendi başlarına örnekler uygulamalarını ve popüler siteleri klonlamalarını tavsiye etmektedir.

      • 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
    • 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 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 ve CSS Eğitim Videosu: İlk Web Sayfası Oluşturma

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitimi serisinin ikinci bölümüdür. Eğitmen, izleyicilere HTML ve CSS konusunda temel bilgiler vermektedir. Videoda, HTML yazma süreci adım adım gösterilmektedir. Önce kod editörü (Atom veya Brackets gibi) kurulumu ve yeni bir HTML dosyası oluşturma adımları anlatılmakta, ardından `<html>`, `<head>`, `<body>` etiketleri ve `<title>`, `<meta>` gibi temel bileşenler açıklanmaktadır. Ayrıca UTF-8 kodlama sistemi, indentation (tablama) kullanımı ve temel HTML yapısı da ele alınmaktadır. Eğitmen, bir sonraki bölümde paragraflar ve başlıklar gibi daha fazla içerik ekleneceğini belirtmekte ve temel HTML yapısını bir şablon olarak kullanmanın faydalarını vurgulamaktadır. İzleyicilere kendi hızlarında ilerlemeleri ve anlamadıkları noktaları yorumlarda sormaları tavsiye edilmektedir.

      • 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
    • CSS ile Açılır Menü Yapımı Eğitimi

      Bu video, Tayfun Erbilen tarafından sunulan bir CSS eğitim videosudur. Tayfun, uzun süre ders çekmedikten sonra alışkanlıklarını kaybetmiş olduğunu belirterek, CSS ile açılır menü yapımını adım adım göstermektedir. Videoda, HTML ve CSS kullanarak basit bir açılır menü tasarımı yapılmaktadır. Önce temel HTML yapısı oluşturulup, ardından Open Sans fontu kullanılarak menü elemanları şekillendirilmektedir. Daha sonra CSS ile menü arka planı, yazı rengi, padding, margin gibi temel ayarlar yapılmakta, ardından hover efektleri ve animasyonlar eklenerek menü daha estetik hale getirilmektedir. Son olarak, multi dropdown menü yapısı oluşturulmakta ve alt menülerin doğru konumlandırılması için gerekli CSS kodları gösterilmektedir.

      • 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
    • Ü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
    • HTML ve CSS Eğitim Seti: 35. Ders - Yatay Menü Oluşturma ve Mobil Uyumlu Tasarım

      Bu video, HTML ve CSS eğitim setinin 35. dersi olup, bir eğitmen tarafından sunulmaktadır. Eğitmen, geçen derste oluşturulan dikey menüyü kullanarak yatay bir menü oluşturma sürecini adım adım göstermektedir. Videoda, yatay menü oluşturma için CSS kodlarının nasıl yazılacağı detaylı olarak anlatılmaktadır. Eğitmen önce temel menü yapısını oluşturmak için listeleri düzenleyip, float left özelliği kullanarak yan yana sıralamaktadır. Ardından menüye renk, padding, border gibi stil özellikleri ekleyerek görünümünü geliştirmektedir. Ayrıca CSS3 özelliklerinden faydalanarak hover efektleri, active class kullanımı ve mobil uyumluluğu sağlama teknikleri gösterilmektedir. Video, menünün sabit pozisyonlandırma ve ekran boyutuna göre adaptif davranışını ayarlama konularıyla devam etmektedir.

      • 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
    • HTML Nedir ve Ne İşe Yarar?

      Bu video, Net Bilişim'den Alper Acar tarafından sunulan bir eğitim içeriğidir. Videoda HTML'in ne olduğu, tarihçesi ve işlevi anlatılmaktadır. HTML'in 1980 yılında Tim Berners-Lee tarafından CERN araştırma laboratuvarında WWW protokolüne ait bir sistem oluşturduğunda oluşturulmuş bir metin işaretleme dili olduğu belirtilmektedir. Ayrıca HTML'in temel etiketleri (title, body, head, script, style, h1-h6) ve bunların kullanımı açıklanmaktadır. Video, web sitesi yapımında HTML'in önemi ve kodlama öğrenmek isteyenler için HTML ile başlamanın gerekliliği vurgulanarak sonlanmaktadı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 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 Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan HTML programlama dili hakkında bir eğitim içeriğidir. Eğitmen, izleyicilere adım adım HTML kodlarını nasıl yazacaklarını göstermektedir. Video, HTML'in temel yapısını anlatarak başlıyor ve not defteri veya Notepad++ gibi basit editörlerle HTML dosyası oluşturma sürecini gösteriyor. Ardından HTML'de başlık etiketleri (h1-h6), arka plan rengi değiştirme, yazı boyutu ve rengi ayarlama, yazı hizalama gibi temel HTML özellikleri pratik örneklerle açıklanıyor. Eğitmen, her adımı Chrome tarayıcısında göstererek sonuçları karşılaştırı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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor