• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

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

    • EBS'de Şablon Hazırlama ve Yükleme Eğitimi

      Bu video, Habucak tarafından sunulan bir eğitim içeriğidir. Eğitmen, EBS sisteminde şablon hazırlama ve yükleme sürecini adım adım göstermektedir. Video, Word'de oluşturulan şablonların EBS'e nasıl aktarılacağını anlatmaktadır. Eğitmen önce Word şablonunun HTML olarak kaydedilmesi, ardından EBS portalında şablon oluşturma sürecini göstermektedir. Özellikle izin belgesi şablonu örneği üzerinden, şablonların alt birimlere nasıl uygulanacağı ve Milli Eğitim Bakanlığı'nın tüm alt birimlerinin bu şablonu görebileceği anlatılmaktadır. Video, şablon oluşturma ve uygulama sürecini görsel olarak göstererek izleyicilere pratik bilgi sunmaktadır.

      • 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

    • 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 Eğitim Serisi: Studio Code ve Live Server Kurulumu

      Bu video, Excen adlı bir eğitmen tarafından sunulan HTML eğitim serisinin ilk bölümüdür. Eğitmen, web geliştirme eğitimlerinin HTML ile başlayacağını ve ilerleyen videolarda CSS ve JavaScript ile süsleyeceğini belirtiyor. Video, HTML eğitim serisinin giriş kısmını oluşturmaktadır. Eğitmen önce Studio Code editörünün nasıl indirileceğini ve kurulacağını gösteriyor, ardından Live Server eklentisinin kurulumunu ve kullanımını anlatıyor. Live Server'ın, yazılan HTML kodlarının otomatik olarak görüntülenmesini sağladığı ve sayfayı yenilemeden projenin görünür halini gösterdiği örneklerle açıklanıyor. Video, bir sonraki derste HTML girişinin yapılacağı bilgisiyle sonlanıyor.

      • youtube.com

    • HTML Dersinde Link Açma İşlemi

      Bu video, HTML derslerinin bir parçası olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir. Videoda HTML'de link açma işlemi adım adım gösterilmektedir. Eğitmen, önceki derste metin biçimlendirme etiketlerini (paragraf, strong, bold, italik) anlattığını belirterek, bu derste a etiketinin kullanımını açıklamaktadır. A etiketi ile web siteleri, indirme linkleri ve resimlerin nasıl açılacağı örneklerle gösterilmektedir. Ayrıca, linkin görünümünü değiştirmek için href ve target parametrelerinin nasıl kullanılacağı da anlatılmaktadır. Video, bir sonraki derste açılan resmin nasıl indirileceği konusunun ele alınacağı bilgisiyle 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

    • Ü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 ile Arka Plan Resmi Sabitleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML ve CSS kullanarak arka plan resminin sabit kalmasını öğretiyor. Video, bir word dosyası açarak başlıyor ve bu dosyanın HTML olarak kaydedilmesiyle devam ediyor. Daha sonra dışarıdan bir CSS dosyası oluşturuluyor ve bu dosyanın nasıl çağrılacağı gösteriliyor. Eğitmen, arka plan resmi ekleme, "background-attachment: fixed" kodu ile resmi sabitleme, yazı stilini düzenleme ve tablo oluşturma gibi adımları adım adım gösteriyor. Video, arka plan resminin sabit kalırken ön plandaki içeriklerin kaymasını göstererek sonlanıyor.

      • 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 Temel Uygulamaları Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML ve CSS temel derslerinin devamı niteliğindedir. Eğitmen, temel bilgileri pekiştirmek için basitten karmaşığa doğru uygulamalar yapmayı amaçlamaktadır. Videoda, Visual Studio Code kullanılarak basit bir web sayfası tasarımı adım adım gösterilmektedir. Eğitmen, index.html ve style.css dosyalarını oluşturarak, CSS ile arka plan rengi, font family, margin, padding, float, line-height, text-align, font-size ve font-style gibi temel stillendirme tekniklerini uygulamaktadır. Örnek olarak "İşletim Sistemleri" başlıklı bir sayfa tasarlanarak, h1, h2 etiketleri, p etiketleri ve img etiketleri kullanılarak basit bir web sayfası oluşturulmaktadır. Eğitim, başlangıç seviyesindeki kullanıcılar için hazırlanmış olup, ilerleyen derslerde daha karmaşık siteler tasarlanacağı belirtilmektedir. Ayrıca, Windows XP, Windows 7, Windows 10 ve Pardus işletim sistemleri hakkında bir web sayfası oluşturarak, aynı HTML kodlarının farklı işletim sistemleri için nasıl kopyalanıp yapıştırılacağı gösterilmektedir.

      • youtube.com

    • HTML Eğitim Serisi: Temel Kavramlar ve Etiketler

      Bu video, HTML programlama dilinde temel kavramları öğretmeyi amaçlayan bir eğitim serisinin ilk bölümüdür. Video, HTML'in ne olduğunu açıklayarak başlıyor ve web sitelerinin nasıl yapıldığını bina yapımı örneğiyle anlatıyor. Ardından Visual Studio Code ve Google Chrome programlarının kurulumu, Live Server ve Prettier eklentilerinin kurulumu gösteriliyor. Daha sonra HTML'de temel etiketler (title, body, h1-h6, p, br, hr ve yorum etiketi) detaylı olarak açıklanıyor ve her etiket için örnekler veriliyor. Eğitim içeriği, web sitelerinin temel yapısını (head ve body bölümleri) ve başlık oluşturma işlemini göstererek başlıyor, ardından Live Server eklentisinin kurulumu ve kullanımını anlatarak devam ediyor.

      • youtube.com

    • HTML Kodlama Kısayolları Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML kodlama kısayolları hakkında bir eğitim içeriğidir. Eğitmen, kendi kullandığı ve pratik bulduğu kısayolları paylaşmaktadır. Video, HTML kodlarında metin ve etiket seçimi için çeşitli kısayolları adım adım göstermektedir. İçerikte shift+alt+ok tuşları ile etiket ve metin seçimi, satırları yukarı-aşağı taşıma, satır kopyalama, tüm doküman üzerinde metin değiştirme, class ekleme, fold/unfold seçenekleri ve tüm satırı seçme gibi pratik kısayollar detaylı olarak anlatılmaktadır. Her kısayol için örnekler verilerek, Visual Studio Code gibi bir IDE'de nasıl kullanılacağı gösterilmektedir.

      • 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 Serisi: İlk Ders

      Bu video, Code Wei kanalında yayınlanan bir eğitim serisinin ilk bölümüdür. Eğitmen, web programlamaya giriş yapmak isteyenler için HTML derslerinin ilk bölümünü sunmaktadır. Video, HTML'in ne olduğunu, temel kavramlarını ve web sitesi çalışma mantığını anlatmaktadır. İlk bölümde HTML'in web programlamasının en temel yapı taşı olduğu, bir betik dil olduğu ve World Wide Web Konsültasyonu tarafından belirlenen bir standart olduğu açıklanırken, ikinci bölümde domain (alan adı), hosting (sunucu) ve FTP (dosya aktarım protokolü) gibi web sitelerinin internetteki çalışma mantığı çizimlerle anlatılmaktadır. Eğitmen, ilerleyen derslerde HTML etiketlerinin hiyerarşik yapısını ve temel düzeyde web sitesi oluşturma konularını ele alacağını belirtmektedir. Video sonunda izleyicilere öğrendiklerini test edebilecekleri bir test sunulmaktadı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

    • Web Sitesi Nasıl Yapılır Eğitimi

      Bu eğitim videosunda, sunucu ve web programlama konusunda deneyimli olan Mehmet ile Fatih adlı konuk, izleyicilerin merak ettiği "web sitesi nasıl yapılır" konusunu ele alıyor. Video, web sitelerinin çalışma prensibini açıklayarak başlıyor ve web sitesi yapmak için gerekli dilleri (HTML, CSS, PHP, JavaScript, ASP, .NET) anlatıyor. Ardından domain ve hosting alımı, kod yazma programları (Notepad++, Sublime Text, Atom, Dreamweaver) ve hazır yazılımlar (WordPress, Joomla, PHPBB) hakkında bilgi veriliyor. Son olarak, basit bir web sitesi oluşturma süreci adım adım gösteriliyor ve FTP protokolü ile siteye kodların nasıl aktarılacağı anlatılıyor. Videoda ayrıca web programlama sektörünün iş imkanları hakkında bilgiler de paylaşılıyor ve izleyicilerin merak ettikleri soruları yorum olarak atmaları isteniyor.

      • 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

    • Basit HTML İndeks Yapımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan basit HTML indeks yapımı eğitimidir. Eğitmen, adım adım HTML kodlarını göstererek izleyicilere rehberlik etmektedir. Videoda, HTML dosyası oluşturma, title ve body etiketleri ile temel yapılandırma, arka plan rengi değiştirme, resim ekleme ve boyutlandırma, yazı ekleme ve formatlama, grid kullanımı ve GIF ekleme gibi temel HTML konuları ele alınmaktadır. Eğitmen, basit bir indeks örneği üzerinden HTML kodlarının nasıl kullanılacağını göstermekte ve izleyicilere kendi indekslerini oluşturabilmeleri için temel bilgiler vermektedir.

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