• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • HTML Belgesi Yapısı Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan HTML belgesi yapısı hakkında kısa bir eğitim içeriğidir. Videoda HTML belgesinin temel bölümleri anlatılmaktadır. Eğitmen, boş bir HTML belgesi açarak `<html>` etiketinin nasıl yazılacağını göstermekte ve ardından `<head>` ile `<body>` etiketlerinin işlevlerini açıklamaktadır. `<head>` etiketinin arka planda tarayıcıya bildirilmesi gereken dosyaları barındırdığı, `<body>` etiketinin ise internet tarayıcısında görünen görsel içerikleri içerdiği belirtilmektedir.

      • 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 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
    • 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, 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
    • Ü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 JavaScript ile Canvas Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, Visual Studio Code editörü kullanarak ve Zamp sunucusu ile çalışmaktadır. Video, HTML ve JavaScript ile canvas elementinin nasıl kullanılacağını adım adım göstermektedir. Eğitmen önce index.html dosyası oluşturarak canvas elementini HTML'e dahil eder, ardından CSS ile canvas'ın kenar kalınlığını ayarlar. Daha sonra JavaScript ile canvas'ın boyutlarını değiştirme, tarayıcının canvas'ı destekleyip desteklemediğini kontrol etme ve canvas'a genişlik atama işlemleri gösterilir. Video, canvas'ın koordinat sistemini öğrenmenin önemi vurgulanarak sonlanır.

      • youtube.com
    • HTML Tablolarla Web Sayfası Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, Notepad programı kullanarak HTML tabloları kullanarak web sayfası oluşturma sürecini adım adım göstermektedir. Videoda, CSS kodları veya eklentiler kullanmadan sadece HTML tabloları ile bir web sayfası oluşturma süreci anlatılmaktadır. Eğitmen, tablonun ana yapısını oluşturma, satır ve sütun ekleme, görsel ekleme, liste oluşturma, tablo kenarlıklarını ayarlama, sütun bölme ve arka plan rengi belirleme gibi temel HTML tablo özellikleri göstermektedir. Video, bir sonraki derste iletişim sayfası oluşturma, form ekleme ve PDF broşür linki verme konularının işleneceği bilgisiyle sonlanmaktadır. Ayrıca, HTML'de varsayılan olarak sola yaslı sayfaların nasıl center edileceği de anlatılmaktadı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 Listeler Ödevi Çözümü

      Bu video, bir eğitmen tarafından sunulan HTML dersinin bir bölümüdür. Eğitmen, önceki videoda verilen bir ödevin çözümünü adım adım göstermektedir. Videoda, iç içe geçmiş (nested) listeler oluşturma konusu ele alınmaktadır. Eğitmen, HTML dosyası oluşturarak iç içe sıralı ve sırasız listeleri, farklı liste türlerini (ol, ul, li) ve listelerin içine liste yerleştirme tekniklerini göstermektedir. Ayrıca, listelerin farklı tiplerini (type) (a, b, c, i, I, 1, 2, 3, 4, 5, *, +, -) ve listelerin görünümünü değiştirmek için class kullanımı da anlatılmaktadır. Video, HTML listelerinin temel kullanımını öğrenmek isteyenler için faydalı bir kaynaktır.

      • youtube.com
    • Yandex Kurumsal E-Posta Hesabına İmza Entegrasyonu

      Bu video, bir eğitim içeriği olup, izleyicilere Yandex kurumsal e-posta hesabına HTML responsive olarak hazırlanmış imzanın nasıl entegre edileceğini adım adım göstermektedir. Videoda, Nexus Tercüme için hazırlanmış bir imza örneği üzerinden işlem anlatılmaktadır. Önce imzanın kopyalanması, ardından Yandex mail paneline giriş yapılarak imza ekleme işlemi gösterilmektedir. Ayrıca, Yandex'in otomatik olarak eklediği çizgilerin nasıl silineceği ve imzanın düzgün görüntülenmesi için gerekli düzenlemeler de detaylı olarak açıklanmaktadı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
    • HTML ile Dosya İndirme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML kullanarak dosya indirme işlemini adım adım göstermektedir. Videoda, masaüstüne "download" adlı bir klasör oluşturulup içine örnek bir dodge belgesi atılması gösterilmektedir. Ardından, bu dosyayı indirmek için HTML kodu yazımı, dosyanın kaydedilmesi ve çalıştırılması anlatılmaktadır. Kodda klasör ismi belirtilmesi gerektiği, aynı klasörde oldukları için yol belirtmeye gerek olmadığı vurgulanmaktadı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
    • Web Sayfalarında Konum Bilgisi Alma Eğitimi

      Bu video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, web sayfalarında kullanıcıların konumunu nasıl alabileceğimizi adım adım göstermektedir. Video, web sayfalarına giren kullanıcıların konumunu sorgulama konusunu ele almaktadır. Eğitmen önce Chrome tarayıcısında çalışan bir kod örneği göstererek başlıyor, ardından HTML ve JavaScript kodlarını detaylı olarak açıklıyor. Konum sorgulama işleminin nasıl çalıştığı, başarılı ve başarısız durumlarda ne olacağını, enlem-boylam bilgilerinin nasıl alınacağını ve Google Maps ile nasıl entegre edileceğini gösteriyor. Ayrıca, izin verilmediği durumlarda tarayıcı tarafından gönderilen hata mesajları hakkında da bilgi veriyor.

      • 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
    • Facebook'ta Web Sitesi Uygulama Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere Facebook'ta web sitelerini uygulama olarak nasıl oluşturacaklarını adım adım göstermektedir. Video, Facebook uygulama oluşturma sürecini detaylı olarak anlatmaktadır. Öncelikle uygulama oluşturma penceresine giriş yapma, temel bilgileri girme, güvenlik kontrolü, tanım bölümü, dil seçimi, site URL ve canvas page bilgilerinin girilmesi gösterilmektedir. Ardından özel bir HTML dosyası oluşturulması, FTP ile siteye yüklenmesi ve Facebook'ta uygulamanın test edilmesi adımları paylaşılmaktadır. Video, uygulamanın başarıyla oluşturulduğunu göstererek sonlanmaktadır.

      • youtube.com
    • Dreamweaver ile CSS Kullanarak Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan, Dreamweaver programında CSS kullanarak web sayfası tasarımı yapma sürecini adım adım gösteren kapsamlı bir eğitim içeriğidir. Video, web sayfası tasarımının temel aşamalarını kapsamaktadır: yeni HTML sayfası oluşturma, CSS stilleri tanımlama, logo ve menü oluşturma, yatay menü düzenleme, içerik bölümlerini yan yana yerleştirme, footer oluşturma ve linklerin biçimlendirilmesi. Eğitmen, insert paneli, properties paneli ve CSS styles panelini kullanarak, div etiketleri, float özelliği, margin, padding, border ve border-radius gibi CSS özellikleriyle sayfa yapısını adım adım oluşturuyor. Eğitim boyunca, web sayfasının üst kısmından başlayarak alt kısmına kadar tüm bölümler (header, content, footer) detaylı olarak ele alınmakta ve her adımda tarayıcıda test edilerek sayfanın son haline bakılmaktadır. Ayrıca, CSS3 ile gelen "border-radius" özelliğinin kullanımı ve resimlere link verme gibi modern web tasarım teknikleri de gösterilmektedir.

      • youtube.com
    • HTML'de Görseller Kullanımı Eğitimi

      Bu video, bir konuşmacının HTML'de görseller kullanımını anlattığı eğitim içeriğidir. Video, HTML'de görsellerin nasıl kullanılacağını adım adım göstermektedir. İlk olarak img etiketinin özellikleri (src, alt, width, height) tanıtılmakta, ardından internetten görsellerin nasıl bulunacağı ve sayfaya nasıl ekleneceği örneklerle açıklanmaktadır. Konuşmacı, Google'dan ve Lorem Pixum sitesinden görseller alarak, bu görselleri HTML sayfasına nasıl entegre edebileceğimizi göstermektedir. Ayrıca, görsellerin doğru klasörde (proje klasörünün içinde) olması gerektiği vurgulanmakta ve görsellerin boyutlarının nasıl ayarlanacağı anlatılmaktadır. Video, görsellerin web sitesinin performansını ve yükleme süresine etkisini de ele almaktadır.

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