• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • 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'de Resim Ekleme Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML dersinin bir bölümüdür. Eğitmen, izleyicilere HTML'de resim ekleme konusunu adım adım anlatmaktadır. Videoda, Sublime Text editörü kullanılarak HTML dosyasına resim ekleme işlemi gösterilmektedir. Eğitmen önce temel resim ekleme kodunu (img src="resim.png") açıklar, ardından resim dosyalarının doğru şekilde nasıl çağrılacağını ve klasör yapısının önemini örneklerle anlatır. Ayrıca, resim boyutlarını CSS ile nasıl düzenleyeceğini de kısaca belirtir. Video, bir sonraki derste video ekleme, müzik dosyası ekleme ve CSS konularına geçileceğini duyurarak sona erer.

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

    • 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

    • HTML ve CSS ile Video Oynatma Uygulaması Eğitimi

      Bu video, bir web geliştirme eğitim içeriğidir. Eğitmen, HTML ve CSS kullanarak video oynatma uygulaması oluşturmayı adım adım göstermektedir. Video, bir HTML belgesi üzerinden başlayıp, Google Fontlar ve CSS stil sayfası kullanarak tasarım sürecini göstermektedir. Eğitmen, video kapsayıcısı, kontrol düğmeleri, oynatma ve duraklatma butonları gibi öğelerin nasıl oluşturulacağını ve CSS ile nasıl stillendirileceğini anlatmaktadır. Ayrıca, video oynatma için JavaScript kütüphanesinin nasıl kullanılacağı ve video kontrolünün mobil cihazlar için nasıl ayarlanacağı da gösterilmektedir.

      • youtube.com

    • Notepad++ Kurulum ve Kullanım Rehberi

      Bu video, bir eğitim içeriği olup, konuşmacı Notepad++ uygulamasının kurulumunu ve temel kullanımını adım adım göstermektedir. Video, Notepad++'ın indirme ve kurulum sürecini detaylı olarak anlatmaktadır. Kurulum tamamlandıktan sonra uygulamanın temel özellikleri gösterilmektedir: yeni dosya oluşturma, dosya açma, farklı kaydetme, dosya yeniden adlandırma, yazdırma, geri alma, kes-kopyala-yapıştır, yorum ekleme, arama, karakter takımı seçimi ve ayarlar menüsü gibi fonksiyonlar açıklanmaktadır. Özellikle yeni başlayanlar için HTML, CSS ve diğer kodların yazılmasında kullanılabilecek bir editör olarak Notepad++ tanıtılmaktadır.

      • 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

    • 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

    • 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 Oyun Kodları ile Rengarenk İmza Değiştirme Rehberi

      Bu video, bir içerik üreticisinin HTML oyun kodlarını kullanarak YouTube hesap imzalarını nasıl değiştirebileceğinizi gösteren bir eğitim içeriğidir. İçerik üreticisi, Cem Aslan adlı bir arkadaştan aldığı hesapla örnekler göstermektedir. Videoda, Chrome tarayıcısında bulunan bir web sitesi üzerinden HTML renk kodlarının nasıl kullanılacağı adım adım anlatılmaktadır. İçerik üreticisi, turkuaz, sarı ve kırmızı gibi farklı renklerin kodlarını göstererek, bu kodları YouTube hesap imzalarına nasıl uygulayabileceğinizi göstermektedir. Ayrıca, bu yöntemin sadece imza veya kullanıcı adı değiştirme için işe yaradığını, özel sohbetlerde işe yaramadığını belirtmektedir. Video, içerik üreticisinin kendi hesabının banlanma riskiyle ilgili bir uyarıyla sonlanmaktadır.

      • youtube.com

    • Link Oluşturma ve Tıklanabilir Metin Hazırlama Eğitimi

      Bu video, BBL kanalından bir eğitim içeriğidir. Sunucu, link oluşturma ve tıklanabilir metin hazırlama konusunu anlatmaktadır. Video, linkin ne olduğunu açıklayarak başlıyor ve ardından farklı yöntemlerle link oluşturma tekniklerini gösteriyor. İlk olarak Word dosyasında köprü ekleme yöntemi, ardından HTML kodla anchor text oluşturma ve son olarak WordPress gibi editörlerde link ekleme yöntemleri adım adım gösteriliyor. Her yöntem için pratik örnekler verilerek, metinleri tıklanabilir hale getirme süreci detaylı şekilde anlatılıyor.

      • youtube.com

    • HTML ve CSS Çalışma Mantığı Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML ve CSS programlama dili hakkında bir eğitim içeriğidir. Videoda, HTML ve CSS'in çalışma mantığı anlatılmaktadır. Eğitmen, bir h1 etiketi için hem yukarıdan hem aşağıdan style vererek yazı rengini kırmızı ve yeşil olarak ayarlamayı göstermekte ve bu durumun neden geçerli olanın son ayar olduğunu açıklamaktadır. Ayrıca, aynı özelliği iki kez belirlemenin hatalara sebep olabileceğini ve bunu önlemek için "!important" özelliğinin nasıl kullanılacağını örneklerle göstermektedir. Video, bir sonraki bölümde dışarıdan alınan renklerin nasıl kullanılacağını göstereceğini belirterek sona ermektedir.

      • youtube.com

    • HTML ve CSS ile Responsive Web Tasarım Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir web tasarım eğitim içeriğidir. Eğitmen, HTML ve CSS kullanarak responsive web sayfası tasarımı yapmaktadır. Videoda, web sayfasının header, content ve footer bölümlerinin oluşturulması, flexbox kullanarak öğelerin hizalanması, font boyutları, margin ve padding değerlerinin ayarlanması gibi temel konular ele alınmaktadır. Ayrıca, responsive tasarım için medya sorguları (media queries) kullanarak farklı ekran boyutlarında tasarımın nasıl düzenleneceği adım adım gösterilmektedir. Eğitim içeriğinde, kapsayıcıların (container, upslate, info) konumlandırılması, resimlerin yan yana yerleştirilmesi, renklerin ayarlanması ve Colorzilla aracılığıyla renk değerlerinin alınması gibi pratik bilgiler de sunulmaktadır. Video, bir web sayfasının hem tasarımın hem de farklı ekran boyutlarında düzgün görünürlüğünün nasıl sağlanacağını göstermektedir.

      • youtube.com

    • Yazılım Öğrenme Hikayesi

      Bu videoda İstanbul'da Beykent Üniversitesi Yönetim Bilişim Sistemleri bölümünde ikinci sınıf öğrencisi olan bir içerik üreticisi, yazılım öğrenme yolculuğunu anlatıyor. Video, içerik üreticisinin yazılım öğrenme sürecini ve bu konudaki deneyimlerini paylaşıyor. Selman Kahya'nın videolarını izleyerek HTML, CSS ve JavaScript öğrenmeye başladığını, yaklaşık iki hafta içinde HTML'i tamamladığını ve JavaScript'in yarısına geldiğini belirtiyor. Video serisi, hiç yazılım bilgisi olmayan birinin tek başına neler yapabileceğini göstermek amacıyla hazırlanmış olup, ilerleyen bölümlerde staj kovalama çalışmaları ve profesyonel yazılımcılarla röportajlar da yer alacak.

      • 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'de Head Etiketleri ve SEO Ayarları Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML'de head etiketleri ve SEO ayarları hakkında bilgi vermektedir. Video, head etiketleri içerisinde kod yazma konusuna odaklanmaktadır. Öncelikle title etiketi tanıtılmakta, ardından meta etiketleri detaylı olarak incelenmektedir. Meta description, keywords, author, viewport, charset ve refresh gibi meta etiketlerinin ne işe yaradığı ve nasıl kullanılacağı örneklerle gösterilmektedir. Ayrıca, bu ayarların arama motorlarında nasıl görüneceği ve mobil uyumluluğu sağlama gibi SEO optimizasyonu için önemi vurgulanmaktadır.

      • 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

    • 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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor