• Buradasın

    HTML

    Özetteki ilgi çekici içerikler

    • 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

    • Bilgisayar Üzerindeki Rengin Renk Kodunu Alma Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere bilgisayar üzerindeki herhangi bir rengin renk kodunu nasıl alabileceklerini göstermektedir. Videoda "Just Color Picker" adlı uygulamanın kullanımı anlatılmaktadır. Uygulama, Windows'taki herhangi bir uygulama veya resimdeki renkleri seçmenizi ve alt+X tuşlarına basarak renk kodunu almanızı sağlar. Ayrıca, bu kodun HTML sayfalarında veya Photoshop'ta kullanılabileceği belirtilmektedir. Video, uygulamanın indirme ve kurulum aşamalarını da içermektedir.

      • youtube.com

    • CSS'de Margin, Border, Padding ve Content Kavramları

      Bu video, Emre Sayın tarafından sunulan bir eğitim içeriğidir. PC Dünyam kanalında yayınlanan bu derste, CSS'de temel kavramlar olan margin, border, padding ve content açıklanmaktadır. Videoda öncelikle content (içerik) kavramı tanıtılarak, ardından padding (iç boşluk), border (kenarlık) ve margin (dış boşluk) kavramları detaylı şekilde anlatılmaktadır. Her bir kavram için örnekler verilerek, CSS kodları ile nasıl uygulanacağı gösterilmektedir. Ayrıca border'ın genişliği ve stili (solid, dotted, dashed, double, groove gibi) nasıl ayarlanacağı da açıklanmaktadır. Video, geçen derste dört div oluşturulduğu bilgisiyle başlayıp, bu derste sadece bir kutu üzerinden kavramların daha kolay anlaşılması için anlatım yapılmaktadı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

    • 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 ve CSS ile Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web tasarım eğitimidir. Eğitmen, izleyicilere adım adım HTML ve CSS kullanarak web sayfası oluşturma sürecini göstermektedir. Video, web sayfasının farklı bölümlerinin (navbar, "Bizi Seç" bölüm, hizmetler section, footer) oluşturulmasını kapsamaktadır. Eğitmen önce HTML etiketlerini (div, section, header, h1 vb.) kullanarak sayfanın yapısını oluşturur, ardından CSS ile bu yapıyı biçimlendirir. Hizmet kartları tasarımı, responsive tasarım için media queries kullanımı ve mobil görünüm için gerekli düzenlemeler detaylı şekilde anlatılmaktadır. Eğitimde renk, yazı tipi, konumlandırma, padding, margin, z-indeksi gibi CSS özellikleriyle ilgili kodlar gösterilmekte ve web tasarım, yazılım geliştirme ve markalaşma gibi hizmet kartlarının oluşturulması adım adım açıklanmaktadır.

      • youtube.com

    • HTML ile Yazılım Öğrenme Eğitim Serisi

      Bu video, yazılım bilmeyen kişiler için hazırlanmış bir eğitim serisinin ilk bölümüdür. Eğitmen, yazılım dillerine nasıl başlanacağını ve yazılım yapabileceğinizi gösteren bir yapıya sahiptir. Video, HTML ile yazılım öğrenmenin temel adımlarını anlatmaktadır. Eğitmen önce etiket kavramını açıklar, ardından Notepad kullanarak basit bir HTML dosyası oluşturma sürecini gösterir. İlk HTML dosyası "html" etiketi ile başlayıp, "body" etiketi ile devam eder ve "Merhaba HTML" mesajı ile sonlanır. Ayrıca, dosya uzantısının nasıl görüntüleneceği ve kodun nasıl görüntüleneceği de 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 Sayfasının Kaynağını Görüntüleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML sayfasının kaynağını nasıl görüntüleyebileceklerini göstermektedir. Video, HTML sayfasının editör üstünde nasıl göründüğünü ve tarayıcıda çalıştırıldığında nasıl göründüğünü açıklayarak başlıyor. Ardından iki farklı yöntem sunuluyor: sağ tıklayıp "sayfa kaynağını görüntüle" seçeneğini kullanmak veya geliştirici araçlarını açmak. Bu yöntemler sayesinde sayfa kaynağını görüntüleyerek, kaymalar, eksik içerikler veya hatalı görünen öğeleri tespit edip sorunları giderme imkanı sağlanıyor.

      • youtube.com

    • PHP Sitesi Dosyalarının İndirilmesi ve Çalıştırılması

      Bu video, bir kişinin PHP ile tasarlanmış bir web sitesinin dosyalarını nasıl indirdiğini ve çalıştığını gösterdiği bir eğitim içeriğidir. Videoda, PHP ile tasarlanmış bir web sitesinin HTML kopyasının nasıl indirildiği ve çalıştığı gösterilmektedir. Sunucuda çalıştırılan sayfa, kemiklerin olduğu bölüm, haberle ilgili kısımlar, press card, e-kitap ve koordinasyon gibi bölümlerden oluşmaktadır. Ancak kullanıcı giriş bölümü çalışmamaktadır çünkü bu bölüm SQL veritabanına bağlı olarak çalışmaktadır. Video, sayfanın mobil görünümünün de gösterilmesiyle devam 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 Kodları Eğitim Videosu

      Bu video, Fikret tarafından sunulan "A'dan Z'ye Front-End Geliştirici Dersleri" serisinin bir parçasıdır. Videoda HTML kodlarının en başında yer alan "doctype html" kodu anlatılmaktadır. Fikret, bu kodun HTML 5 ile gelen ve daha önceki HTML 4'te bulunan koddan daha kısa olduğunu belirtmektedir. Ayrıca, bu kodun CSS kod yapısını tanımlaması ve tarayıcının hangi HTML yapısında önizleme yapacağını belirlemesindeki önemini vurgulamaktadır.

      • youtube.com

    • HTML Eğitim Serisi: Sıfırdan İleri Seviye

      Bu video, yazılım kariyerinde edindiği bilgileri ve tecrübeleri YouTube kanalında paylaşan Emin Başbayan tarafından sunulan bir eğitim serisinin ilk bölümüdür. Video, yazılım ve programlama bilgisi olmayan başlangıç seviyesindeki izleyiciler için HTML derslerinin başlangıcını sunmaktadır. İçerikte HTML'in ne olduğu, işaretleme dili olduğu, programlama dili olmadığı açıklanmaktadır. Ayrıca HTML ve CSS arasındaki ilişki, HTML'in web sayfalarının iskeletini oluşturduğu ve CSS'in bu iskeleti renklendirdiği örneklerle anlatılmaktadır. Video, bir sonraki derste basit bir HTML sayfası oluşturma konusuna geçileceğini belirterek sonlanmaktadı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'de Arka Plan Resmi Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML sayfasına arka plan resmi ekleme yöntemlerini adım adım göstermektedir.. Video, temel HTML dosyası ve Chrome tarayıcısında açılan sayfayı göstererek başlıyor. İçerikte CSS kullanarak arka plan resmi ekleme, CSS seçicileri (özellikle #id) kullanımı, CSS değerlerini doğrudan style attribute ile uygulama, arka plan resmi ekleme, tekrarlanma özelliğini devre dışı bırakma, boyutlandırma (100% 100%, cover, contain) ve konumlandırma (background-position) gibi CSS özellikleri detaylı olarak anlatılıyor. Video, arka plan resmi ve renk kombinasyonunun en iyi sonuçları verdiğini vurgulayarak sonlanıyor.

      • 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

    • Dreamweaver CS3 ile Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Dreamweaver CS3 programı kullanarak web sitesi tasarımı eğitim içeriğidir. Video, Dreamweaver programının açılış ekranından başlayarak site tanımlama, HTML sayfası oluşturma, tablo kullanımı, banner ekleme, arka plan rengi ayarlama, sprey akordion oluşturma, kayan yazı panosu ekleme, link oluşturma, saat ekleme, menü seçenekleri oluşturma ve farklı HTML sayfaları (anasayfa, fotoğraf albümü, iletişim) oluşturma gibi temel web tasarım işlemlerini adım adım göstermektedir. Eğitim içeriğinde ayrıca iframe kullanımı, form oluşturma ve sayfa görselleştirme gibi teknikler de anlatılmakta, tüm yapılan değişikliklerin önizleme yapılarak sistemin nasıl çalıştığı gösterilmektedir. Video, temel seviyede web tasarım yapmak isteyenler için kapsamlı bir rehber niteliğindedir.

      • 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

    • 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

    • Aptana Studio 3 ile HTML Projesi Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML programlama dili eğitim içeriğidir. Eğitmen, Aptana Studio 3 adlı açık kaynak kodlu bir proje yazma, derleme ve editör programını kullanarak HTML projesi oluşturma sürecini adım adım göstermektedir. Video, HTML projesi oluşturma, temel HTML kodlarını yazma, `<head>` ve `<body>` etiketlerinin kullanımı, `<title>` etiketi ile sayfa başlığı belirleme ve sayfa rengini değiştirmek için "background-color" özelliğini kullanma konularını kapsamaktadır. Eğitmen, Steam platformunda içerik hazırlayan kullanıcılar için de faydalı olabilecek temel HTML bilgilerini paylaşmaktadır. Videoda ayrıca Türkçe karakterlerle ilgili hatalar gösterilmekte ve bir sonraki derste yazıların renklendirilmesi, şekillendirilmesi ve kalınlaştırılması gibi konuların işleneceği belirtilmektedir.

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