• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • HTML Dersleri Eğitim Serisi: İlk Ders

      Bu video, HTML dersleri eğitim serisinin ilk bölümüdür ve bir eğitmen tarafından sunulmaktadır.. Video, HTML dilinin ne olduğu, tarihsel gelişimi ve temel kullanımını anlatmaktadır. İçerikte HTML'in Hypertext Markup Language (hiper metin işaretleme dili) olduğu, 1991 yılında ortaya çıktığı ve 2014 yılında HTML 5 sürümünün çıktığı belirtilmektedir. Ayrıca HTML kodlarının nasıl yazılacağı, kaydedileceği, düzenleneceği ve web sitelerinin HTML kodlarının nasıl görüntüleneceği adım adım gösterilmektedir. Video, "Merhaba Dünya" örneği üzerinden HTML etiketlerinin nasıl kullanılacağını da açıklamaktadır.

      • 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

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

    • 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

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

    • 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

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

    • 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

    • 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 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 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 Sayfasına İkon Ekleme ve Stilize Etme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML sayfasına ikon ekleme ve bu ikonları stilize etme yöntemlerini göstermektedir.. Video, iki farklı ikon kitaplığı olan Flat Icons ve Font Awesome'ın nasıl kullanılacağını adım adım anlatmaktadır. İlk olarak Flat Icons'tan Instagram logosu indirme, HTML sayfasına ekleme ve kullanım şekli gösterilmektedir. Ardından Font Awesome kitaplığına nasıl erişileceği, kurulum adımları ve bu kitaplıkla ikonların nasıl kullanılacağı, boyutlandırılması ve renklendirilmesi gibi stilize etme teknikleri detaylı olarak açıklanmaktadır. Video, Facebook ve Twitter ikonlarının da eklendiği ve aynı stil uygulamalarının yapıldığı bir örnekle sonlanmaktadır.

      • 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

    • 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

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