• 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, CSS ve GitHub Pages ile İnternet Sitesi Kurma Eğitimi

      Bu video, bilgisayar mühendisi ve yazılım geliştiricisi Ali Onur Geve tarafından sunulan bir eğitim içeriğidir.. Video, giriş seviyesinde HTML, CSS ve GitHub bilgisi olan kişiler için internet sitesi kurma sürecini adım adım göstermektedir. İçerikte GitHub hesabı oluşturma, repository oluşturma, Visual Studio Code kullanarak index.html dosyası oluşturma, meta tag'ları, viewport ayarları, CSS dosyası oluşturma ve sosyal medya butonları ekleme gibi temel web geliştirme işlemleri anlatılmaktadır.. Eğitim ayrıca butonlara arka plan rengi verme, hover efekti ekleme, responsive tasarım yapma ve linklerin yeni tab'da açılmasını sağlama gibi CSS özellikleri de kapsamaktadır. Video, oluşturulan web sitesinin GitHub'a yüklenmesi ve GitHub Pages üzerinden online olarak erişilebilir hale getirilmesi ile sonlanmaktadır.

      • youtube.com

    • SVG Nedir ve Avantajları

      Bu video, web dünyasına giriş için ücretsiz online web dersleri sunan bir eğitim içeriğidir.. Video, SVG (Scalable Vector Graphics) kavramını tanıtmaktadır. SVG'nin geleneksel PNG veya JPG formatlarına göre esneklik ve çok yönlülük sağladığı, herhangi bir metin düzenleyicisi ile oluşturulabildiği ve herhangi bir tarayıcıda görüntülenebildiği belirtilmektedir. Ayrıca SVG'nin elde edilebilir olması sayesinde anahtar kelimeler ve açıklamalar eklenebileceği vurgulanmaktadır.

      • youtube.com

    • HTML CSS Dersleri: İlişkili Makaleler Ekleme

      Bu video, Nurullah Taş tarafından sunulan HTML CSS derslerinin bir parçasıdır. Nurullah, izleyicilere adım adım HTML ve CSS kullanarak bir web sayfasına ilişkili makaleler alanı eklemeyi göstermektedir.. Videoda, footer'ın üstüne "İlişkili Makaleler" adlı bir yan alan oluşturma süreci anlatılmaktadır. Nurullah önce üç farklı resim indirip, ardından HTML ve CSS kodları kullanarak bu resimleri ve ilgili makaleleri listeleme yapısını oluşturur. Listede her makale için resim, başlık ve yazar bilgisi eklenir. Video, CSS'in sidebar yapısını nasıl etkilediğini göstererek sonlanı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

    • 2024 Yıllık Front-End Geliştirme Crash Kursu

      Bu video, Gary Simon tarafından DesignCourse.com'da sunulan bir front-end geliştirme eğitim içeriğidir. Eğitmen, HTML, CSS ve JavaScript teknolojilerini öğrenmek isteyenler için kapsamlı bir crash kursu formatında eğitim vermektedir.. Video, Figma'da tasarlanan bir UI/UX tasarımının Visual Studio Code kullanılarak nasıl kodlanacağını adım adım göstermektedir. İçerik, temel HTML yapısı oluşturma, CSS ile stil uygulama, responsive tasarım prensipleri ve JavaScript ile interaktif özellikler ekleme konularını kapsamaktadır. Eğitmen, "mobile first" yaklaşımını vurgulayarak, mobil ve masaüstü görünümlerinde farklı düzenlemeler yapmayı detaylı şekilde anlatmaktadır.. Eğitim boyunca, HTML elementleri (div, header, img, a), CSS özellikleri (margin, padding, display flex, media queries), utility class'lar, pseudo selector'lar ve JavaScript fonksiyonları gibi konular ele alınmaktadır. Ayrıca, WCAG kontrast oranları, hover efektleri ve responsive buton tasarımı gibi pratik uygulamalar da gösterilmektedir.

      • youtube.com

    • Web Sayfası Tasarımı Eğitim Videosu

      Bu video, bir web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, daha önceki derslerde öğretilen liseler ve linkler üzerinde işlem yapma konusunu uygulamalı olarak göstermektedir.. Videoda, bir web sayfasının son halinin nasıl güzelleştirileceği adım adım anlatılmaktadır. Eğitmen, listelere ikon ekleme, padding ve margin değerleri ayarlama, border radius ekleme gibi CSS özellikleri kullanarak sayfanın görünümünü iyileştirmektedir. Ayrıca, tek kısımların (tags) nasıl biçimlendirileceği, a etiketlerinin nasıl düzenleneceği ve header başlığı ekleme gibi konular da ele alınmaktadır. Video, web sayfası tasarımında temel CSS tekniklerini öğrenmek isteyenler için faydalı bir kaynaktır.

      • 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

    • HTML Eğitim Seti: İlk Ders

      Bu video, bir HTML eğitim setinin ilk bölümüdür. Eğitmen, izleyicilere HTML etiketlerini ve temel internet sayfası yapısını öğretmektedir.. Video, bir internet sayfasında bulunması gereken zorunlu etiketleri tanıtmaktadır. Eğitmen önce Not Defteri programını kullanarak HTML, head, body ve title etiketlerini nasıl yazacağını göstermekte, ardından bu etiketleri kullanarak basit bir internet sayfası oluşturmaktadır. Ayrıca, sayfa isimlerinde Türkçe karakterlerin kullanılmaması gerektiği, dosyanın .html uzantısıyla kaydedilmesi gerektiği ve oluşturulan sayfanın nasıl test edileceği de anlatılmaktadır.

      • youtube.com

    • 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

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

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, HTML ve CSS kullanarak basit bir web sayfası tasarımı adım adım göstermektedir.. Video, navigasyon bölümünün oluşturulmasıyla başlayıp, linklerin ekleme ve CSS ile biçimlendirilmesi, ana sayfada içerik oluşturma, paragraf, kalın ve italik yazı ekleme, resim ekleme ve footer bölümünün oluşturulması ile devam etmektedir. Ayrıca footer'ın arka plan rengi, boşluk oluşturma ve kenarları arasında boşluk ekleme işlemleri de gösterilmektedir.. Eğitim, web sayfası tasarımı öğrenmek isteyenler için temel HTML ve CSS bilgilerini içermekte ve ana sayfanın tamamlandığını belirterek, diğer sayfaların oluşturulmasına geçileceğini ifade etmektedir.

      • 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 CSS ile JavaScript Framework Kullanım Oranları Grafiği Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML ve CSS kullanarak JavaScript framework kullanım oranları grafiği oluşturma sürecini göstermektedir.. Video, IDE'de index.html sayfasının açılmasıyla başlayıp, CSS sınıflarının tanımlanması, div etiketlerinin oluşturulması ve JavaScript framework kullanım oranlarının (JavaScript, Knockout.js, Backbone.js, jQuery ve Node.js) grafik üzerinde gösterilmesi sürecini detaylı şekilde anlatmaktadır. Eğitmen, kod yazarken İngilizce sınıf isimleri kullanmanın önemini vurgulamakta ve son olarak oluşturulan HTML dosyasının tarayıcıda görüntülenmesiyle videoyu sonlandırmaktadır.

      • youtube.com

    • HTML ve CSS ile Tablo Oluşturma ve Stil Verme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML ve CSS kullanarak tablo oluşturma ve stil verme konusunda adım adım rehberlik etmektedir.. Video, HTML bölümünde tablo oluşturma ve CSS bölümünde select kavramlarını öğrendikten sonra bu bilgileri birleştiren bir uygulama sunmaktadır. İçerikte, tablo oluşturma, CSS ile tablo ve hücrelerin stilini verme, arka plan renkleri, yazı renkleri, kenarlıklar, boşluklar ve hover efektleri gibi konular ele alınmaktadır. Ayrıca, farklı tablolara farklı stil verme için sınıf kullanımı da gösterilmektedir. Video, tabloların daha profesyonel ve kullanıcı dostu hale getirilmesi için pratik örnekler sunmaktadır.

      • 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

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

    • 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

    • Oyun Motoru Kullanmadan HTML ile Açık Dünya Hayatta Kalma Oyunu Yapımı

      Bu video, bir oyun geliştiricisinin oyun motoru kullanmadan HTML ile açık dünya hayatta kalma oyunu yapım sürecini anlattığı bir eğitim içeriğidir.. Videoda, oyun motoru ve game framework'ler hakkında bilgi verilerek başlanıyor ve ardından geliştirici, Facer framework'ü kullanarak oyunu nasıl oluşturduğunu adım adım anlatıyor. Oyun, çok oyunculu sistem, silah mekanikleri, zombiler, menü ve skor tablosu gibi özelliklerle geliştiriliyor. Ayrıca, oyunun test edilmesi, hacker saldırılarına karşı güncelleme yapılması ve mobil uyumluluğu gibi konular da ele alınıyor.

      • 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