• Buradasın

    CSS

    Özetteki ilgi çekici içerikler

    • 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
    • CSS Insertion Methods

      External stylesheets change website appearance with single file. Requires link element in head section with .css extension. Should not contain HTML tags

      • w3schools.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
    • CSS Temel Özellikleri Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir CSS eğitim içeriğidir. Eğitmen, kod örnekleri üzerinden CSS özelliklerini adım adım göstermektedir.. Video, CSS'in temel mantığını açıklayarak başlıyor ve tarayıcıların varsayılan stil değerlerini anlatıyor. Ardından CSS'in nasıl dahil edileceği, seçiciler (class ve id), font özellikleri, border özellikleri, kutu model özellikleri (width, height, margin, padding, box-sizing), yazı ayarları (text-align, text-decoration, text-shadow, line-height, letter-spacing), overflow, display, position, z-index, box-shadow, text-shadow, border-radius, vertical-align, background-image, background-size, background-repeat ve background-position gibi temel CSS özellikleri detaylı şekilde açıklanmaktadır.. Eğitmen, bazı özelliklerin (CSS Grid ve Flex) ayrı videolarda detaylı olarak ele alınacağını belirtmektedir. Video boyunca Google Fonts'tan font family seçimi, taşma sorunlarını çözmek için box-sizing özelliğinin önemi ve farklı display ve position değerlerinin nasıl kullanılacağı gibi pratik bilgiler de sunulmaktadı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
    • CSS Image Centering Methods

      Text-align property works for block-level containers like divs. Margin-auto requires specifying image width and converting to block. Position and transform properties need relative container and absolute image. Display-flex property enables flexible layout without float

      • freecodecamp.org
    • 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
    • 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
    • HTML5 ile Web Tasarımı Dersi: Menü İçeriği Düzenleme

      Bu video, HTML5 ile web tasarımı dersinin ikinci bölümüdür. Eğitmen, önceki derste oluşturulan section ve navigation menülerinin CSS ile nasıl düzenleneceğini anlatmaktadır.. Videoda, navigation menüsünün link halindeki özelliklerinin nasıl ayarlanacağı adım adım gösterilmektedir. Eğitmen, a etiketi kullanarak blog tarzında menü oluşturma, yazı boyutu, renk, arka plan, padding ve margin gibi CSS özellikleri ile menüyü düzenleme tekniklerini uygulamalı olarak anlatmaktadır. Ayrıca, içerik alanlarının menü butonlarının arkasına nasıl yerleştirileceği de gösterilmektedir. Video, bir sonraki derste jQuery ekleneceği bilgisiyle sonlanmaktadır.

      • youtube.com
    • CSS Basics and Implementation

      CSS controls webpage layout and formatting. Styles apply to all child elements within a parent. CSS controls text, colors, fonts, spacing, and positioning

      • w3schools.com
    • CSS: Web Stilleme Dili ve Temel Özellikleri

      CSS, 1994'te CERN'de Håkon Wium Lie tarafından icat edildi. Tüm web sitelerinin %97'sinden fazlası CSS kullanmaktadır. HTML belgelerine stil eklemek için kullanılan bir dildir

      • bluemarkacademy.com
    • HTML Temel Yapısı ve Özellikleri

      HTML, web sayfaları için standart işaretleme dilidir. İlk HTML versiyonu 1993'te Tim Berners-Lee tarafından oluşturulmuştur. HTML kodları tarayıcılar tarafından yorumlanarak görüntülenir

      • mobilhanem.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
    • 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
    • Bir Saatte CSS Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir CSS eğitim dersidir. Eğitmen, önceki videolarda HTML eğitimi verdiğini ve ileride Bootstrap eğitimi yapacağını belirtmektedir.. Video, CSS'in temel kavramlarından başlayarak ileri seviye özelliklere kadar uzanan bir yapıya sahiptir. İlk olarak CSS'in ne olduğu ve HTML ile ilişkisi anlatılmakta, ardından renk kodları, class ve id seçiciler, kenarlık, boşluk, metin hizalama gibi temel özellikleri gösterilmektedir. Daha sonra buton oluşturma, hover efekti, responsive tasarım ve Google Fonts kullanımı gibi pratik uygulamalar ele alınmaktadır.. Eğitim boyunca kod örnekleri ve sonuçları ekranda gösterilerek, izleyicilere adım adım CSS kullanımını öğreten bir öğrenme deneyimi sunulmaktadır. Ayrıca, mobil uyumlu tasarım için "line-clamp", maksimum genişlik ve yükseklik değerleri, flexbox gibi teknikler de detaylı olarak açıklanmaktadır.

      • youtube.com
    • HTML'nin Temel Özellikleri ve Kullanımı

      HTML, web sayfalarının yapısını ve içeriğini tanımlayan bir işaretleme dilidir. Tarayıcılar HTML kodlarını işleyerek web sayfalarına dönüştürür. HTML, metin, resim, bağlantı ve form gibi içerikleri görüntüler

      • mediaclick.com.tr
    • 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
    • HTML5 ve CSS Eğitim Seti: Medya Elementleri

      Bu video, HTML5 ve CSS eğitim setinin 23. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir.. Video, HTML5 medya elementlerine odaklanmaktadır. Eğitmen önce farklı video formatlarını (mp3, mp4, mpg, wmv, ai, mob, flv, ogg, webm) ve bunların tarayıcı destek durumlarını açıklar. Ardından `<video>` etiketi ve `<source>` etiketinin kullanımı, video kontrolü, otomatik oynatma, döngü özelliği ve başlangıç resmi ekleme gibi konuları kod örnekleriyle gösterir. Son olarak, JavaScript ile video kontrolü yaparak oynatma/durdurma, ekran boyutunu değiştirme gibi özelliklerin nasıl eklenebileceği anlatılır.

      • youtube.com
    • Sıfırdan Mobil Uyumluluğa Sahip Web Sitesi Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere sıfırdan bir web sitesi tasarımı ve mobil uyumluluğu sağlama sürecini adım adım göstermektedir.. Video, CSS ile flexbox kullanarak web sitesi tasarımı ve mobil uyumluluğu sağlama konusunu ele almaktadır. Eğitim boyunca HTML ve CSS kodları yazarak, menü hizalama, renk geçişleri, hover efektleri ve transparanlık efektleri gibi özellikler eklenmektedir. Ayrıca, farklı ekran çözünürlüklerinde (992 piksel) site yapısının nasıl değişeceğini göstermek için medya sorguları kullanılmaktadır.. Eğitimde, eski float ve position özelliklerinin yerine tüm hizalama işlemlerinin flexbox ile nasıl gerçekleştirileceği, menü barı, galeri alanı ve footer gibi bölümlerin nasıl oluşturulacağı ve mobil görünümde menünün nasıl değişeceği detaylı olarak anlatılmaktadır.

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