Sifirdan baslayarak ileri duzeye kadar eksiksiz bir ?ekilde CSS3 hakkinda bilgiye sahibi olun!??

Description

Kısaca;Günümüzde web teknolojilerinin en popüler ve en olmazsa olmaz biçimlendirme dili şüphesiz CSS3'dür.CSS3 sayesinde sıradan ve çok basit görünümlü web siteleri bile mükemmel veeşsiz bir görünüme kavuşturulabilmektedir.CSS3 ileFull Responsive (tam duyarlı) web siteleri oluşturulabilir ve bu sayede hazırlanacak olan web sitesi tüm cihazlarda kusursuz olarak görüntülenebilir.

Bu kurs kimler için uygun:

• CSS3 ile sıfırdan ileri düzeye kadar mükemmel tasarım geliştirmek isteyen herkes.
• Full Responsive (Tüm cihazlara duyarlı) web siteleri hazırlamak isteyen herkes.

Course content

• Eğitim Tanıtımı ve Index
  • Set tanıtımı ve index
• Giriş, Programlar ve Kurulumlar
  • IDE nedir?
  • Notepad++ kurulumu ve bilgilendirme
  • Adobe Creative Cloud kurulumu ve bilgilendirme
  • Adobe Creative Cloud temizleme ve bilgilendirme
  • Adobe Dreamweaver CC bilgilendirme
  • CuteFTP kurulumu ve bilgilendirme
  • FileZilla kurulumu ve bilgilendirme
• HTML İle İlgili Bilgilendirmeler
  • HTML nedir?
  • HTML’in tarihçesi
  • HTML’in dosya yapısı ve geliştiricileri
  • HTML’in faydaları
  • HTML ile neler yapılabilir?
  • HTML ile XHTML arasındaki farklar
  • HTML’de ISO ülke kodları
  • HTML’de ISO dil kodları
  • HTML URL Encoding
  • HTML’de ana renk tanımları
  • HTML’de get ve post istek yöntemleri
  • HTML’in mutlak şartı ve ana etiketleri
  • HTML'de blok düzeyli elementler
  • HTML'de satır düzeyli elementler
  • HTML global attributes
  • HTML global attributes tarayıcı uyumlulukları
• javascript İle İlgili Bilgilendirmeler
  • javascript nedir?
  • javascript’in tarihçesi
  • javascript’in dosya yapısı ve geliştiricileri
  • javascript’in faydaları
  • javascript ile neler yapılabilir?
  • javascript kütüphanesi ne demektir?
• CSS İle İlgili Bilgilendirmeler
  • CSS nedir?
  • CSS’in tarihçesi
  • CSS’in dosya yapısı ve geliştiricileri
  • CSS’in faydaları
  • CSS ile neler yapılabilir?
• Genel Bilgilendirmeler
  • MIME Type nedir?
  • Domain, Server, Hosting, FTP ve SSL hakkında bilgilendirme
  • Web yazılımlarının çalışma sistemi
  • En önemli ve en sık görülen Http durum kodları
  • Tarayıcılarda javascript’in aktif ve pasif edilmesi
  • Tarayıcılar ve tarayıcı görüntüleme motorları
  • Tarayıcılara göre accesskey tuş kombinasyonları
  • Tarayıcılarda klavye kısa yolları
• CSS'e Giriş
  • HTML dosyalarının oluşturulması ve çalıştırılması
  • Hızlı kod yazmak için Dreamweaver template’lerinin oluşturulması
  • javascript kodlarının HTML dosyası içerisine dahil edilmesi
  • javascript dosyalarını oluşturulması ve HTML içerisine dahil edilmesi
  • CSS kodlarının HTML dosyası içerisine dahil edilmesi
  • CSS dosyalarını oluşturulması ve HTML içerisine dahil edilmesi
  • CSS dosyalarının HTML dosyaları içerisine veya farklı CSS dosyalarına dahil edil
  • CSS söz dizimi ve kuralları
  • CSS dosyalarında karakter seti tanımı
  • CSS kodları içerisinde yorum veya gizli açıklama satırları eklemek
  • CSS'de browser'lar (tarayıcılar) için prefix (önek) tanımları
  • Sayfa düzeyinde stil tanımlamaları
  • Element düzeyinde stil tanımlamaları
• CSS'de Seçiciler
  • CSS seçicileri
  • Element (Tür) seçicileri
  • Genel (Evrensel) seçici
  • ID (Benzersiz kimlik) seçicileri
  • class (Sınıf) seçicileri
  • CSS'de bir class'ı (sınıfı) birden fazla elementte kullanmak
  • CSS'de bir elemente birden fazla class (sınıf) eklemek
  • Child (Çocuk) seçiciler
  • Descendant (Torun - soy) seçiciler
  • Genel sibling (kardeş) seçiciler
  • Bitişik sibling (kardeş) seçiciler
  • Multiple (Çoklu) seçici
  • Attribute (Özellik) seçiciler
  • Attribute (Özellik) seçicilerde tam değer filtresi
  • Attribute (Özellik) seçicilerde içeren tam değer filtresi
  • Attribute (Özellik) seçicilerde içeren değer filtresi
  • Attribute (Özellik) seçicilerde başlayan değer filtresi
  • Attribute (Özellik) seçicilerde tireli veya tiresiz başlayan değer filtresi
  • Attribute (Özellik) seçicilerde biten değer filtresi
  • Attribute (Özellik) seçicilerde birden fazla aynı veya farklı filtrelerin bir ar
• CSS Seçicilerinde Pseudo Classes (Sahte Sınıflar)
  • CSS seçicilerinde pseudo classes (sahte sınıflar)
  • link pseudo class (sahte sınıfı)
  • hover pseudo class (sahte sınıfı)
  • active pseudo class (sahte sınıfı)
  • visited pseudo class (sahte sınıfı)
  • link, hover, active ve visited pseudo classes'in (sahte sınıflarının) bir arada
  • any-link pseudo class (sahte sınıfı)
  • focus pseudo class (sahte sınıfı)
  • lang() pseudo class (sahte sınıfı)
  • target pseudo class (sahte sınıfı)
  • root pseudo class (sahte sınıfı)
  • empty pseudo class (sahte sınıfı)
  • not() pseudo class (sahte sınıfı)
  • checked pseudo class (sahte sınıfı)
  • disabled pseudo class (sahte sınıfı)
  • enabled pseudo class (sahte sınıfı)
  • read-only pseudo class (sahte sınıfı)
  • read-write pseudo class (sahte sınıfı)
  • required pseudo class (sahte sınıfı)
  • optional pseudo class (sahte sınıfı)
  • valid pseudo class (sahte sınıfı)
  • invalid pseudo class (sahte sınıfı)
  • in-range pseudo class (sahte sınıfı)
  • out-of-range pseudo class (sahte sınıfı)
  • first-child pseudo class (sahte sınıfı)
  • last-child pseudo class (sahte sınıfı)
  • first-of-type pseudo class (sahte sınıfı)
  • last-of-type pseudo class (sahte sınıfı)
  • only-child pseudo class (sahte sınıfı)
  • only-of-type pseudo class (sahte sınıfı)
  • nth-child() pseudo class (sahte sınıfı)
  • nth-last-child() pseudo class (sahte sınıfı)
  • nth-of-type() pseudo class (sahte sınıfı)
  • nth-last-of-type() pseudo class (sahte sınıfı)
• CSS Seçicilerinde Pseudo Elements (Sahte Elementler)
  • CSS seçicilerinde pseudo elements (sahte elementler)
  • first-letter pseudo element (sahte elementi)
  • first-line pseudo element (sahte elementi)
  • before pseudo element (sahte elementi)
  • after pseudo element (sahte elementi)
  • selection pseudo element (sahte elementi)
• CSS'i Anlamak
  • CSS kurallarında seviye basamaklandırma yapısı
  • CSS kuralları seviye basamaklandırma yapısında önceliği değiştirme
  • CSS'de kutu modeli
  • CSS'de ölçülendirme birimleri
  • CSS'de renk tanımlamaları
• CSS'de Renk İşlemleri
  • CSS'de ana renk tanımlamalarının kullanımı
  • CSS'de rgb renk tanımlamalarının kullanımı
  • CSS'de rgba renk tanımlamalarının kullanımı
  • CSS'de hsl renk tanımlamalarının kullanımı
  • CSS'de hsla renk tanımlamalarının kullanımı
  • CSS'de hexadecimal (onaltılık) renk tanımlamalarının kullanımı
• CSS'de Boyutlandırma İşlemleri
  • width özelliğinin kullanımı
  • max-width özelliğinin kullanımı
  • min-width özelliğinin kullanımı
  • height özelliğinin kullanımı
  • max-height özelliğinin kullanımı
  • min-height özelliğinin kullanımı
  • Tüm width ve height özelliklerinin birlikte kullanımı
  • Boyutlandırma işlemlerinde tüm ölçülendirme birimlerinin kullanımı
  • calc() fonksiyonunun kullanımı
• CSS'de Border (Kenarlık / Çerçeve) İşlemleri
  • border özelliğinin kullanımı
  • border-width özelliğinin kullanımı
  • border-color özelliğinin kullanımı
  • border-style özelliğinin kullanımı
  • border-radius özelliğinin kullanımı
  • border-top özelliğinin kullanımı
  • border-top-width özelliğinin kullanımı
  • border-top-color özelliğinin kullanımı
  • border-top-style özelliğinin kullanımı
  • border-top-right-radius özelliğinin kullanımı
  • border-top-left-radius özelliğinin kullanımı
  • Tüm border-top özelliklerinin birlikte kullanımı
  • border-right özelliğinin kullanımı
  • border-right-width özelliğinin kullanımı
  • border-right-color özelliğinin kullanımı
  • border-right-style özelliğinin kullanımı
  • Tüm border-right özelliklerinin birlikte kullanımı
  • border-bottom özelliğinin kullanımı
  • border-bottom-width özelliğinin kullanımı
  • border-bottom-color özelliğinin kullanımı
  • border-bottom-style özelliğinin kullanımı
  • border-bottom-right-radius özelliğinin kullanımı
  • border-bottom-left-radius özelliğinin kullanımı
  • Tüm border-bottom özelliklerinin birlikte kullanımı
  • border-left özelliğinin kullanımı
  • border-left-width özelliğinin kullanımı
  • border-left-color özelliğinin kullanımı
  • border-left-style özelliğinin kullanımı
  • Tüm border-left özelliklerinin birlikte kullanımı
  • Tüm border özelliklerinin birlikte kullanımı
  • border-image özelliğinin kullanımı
  • border-image-source özelliğinin kullanımı
  • border-image-slice özelliğinin kullanımı
  • border-image-width özelliğinin kullanımı
  • border-image-repeat özelliğinin kullanımı
  • border-image-outset özelliğinin kullanımı
  • border-image özelliğinde linear-gradient özelliğinin kullanımı
• CSS'de Outline (Anahat) İşlemleri
  • outline özelliğinin kullanımı
  • outline-width özelliğinin kullanımı
  • outline-color özelliğinin kullanımı
  • outline-style özelliğinin kullanımı
  • outline-offset özelliğinin kullanımı
  • Tüm outline özelliklerinin birlikte kullanımı
• CSS'de Padding (Dolgu / İç Boşluk) İşlemleri
  • padding özelliğinin kullanımı
  • padding-top özelliğinin kullanımı
  • padding-right özelliğinin kullanımı
  • padding-bottom özelliğinin kullanımı
  • padding-left özelliğinin kullanımı
  • Tüm padding özelliklerinin birlikte kullanımı
• CSS'de Margin (Kenar Boşluğu / Dış Boşluk) İşlemleri
  • margin özelliğinin kullanımı
  • margin-top özelliğinin kullanımı
  • margin-right özelliğinin kullanımı
  • margin-bottom özelliğinin kullanımı
  • margin-left özelliğinin kullanımı
  • Tüm margin özelliklerinin birlikte kullanımı
• CSS'de Arkaplan İşlemleri
  • background-color özelliğinin kullanımı
  • background-image özelliğinin kullanımı
  • background-repeat özelliğinin kullanımı
  • background-size özelliğinin kullanımı
  • background-position özelliğinin kullanımı
  • background-attachment özelliğinin kullanımı
  • Arkaplan işlemlerinde arkaplana birden fazla resim ve renk ekleme
  • background-origin özelliğinin kullanımı
  • background-clip özelliğinin kullanımı
  • background-blend-mode özelliğinin kullanımı
  • background özelliğinin kullanımı
  • Arkaplan işlemlerinde tek bir arkaplandan farklı arkaplan resimleri üretme
  • linear-gradient() fonksiyonunun kullanımı
  • repeating-linear-gradient() fonksiyonunun kullanımı
  • radial-gradient() fonksiyonunun kullanımı
  • repeating-radial-gradient() fonksiyonunun kullanımı
• CSS'de Metin ve Font İşlemleri
  • color özelliğinin kullanımı
  • direction özelliğinin kullanımı
  • unicode-bidi özelliğinin kullanımı
  • writing-mode özelliğinin kullanımı
  • text-orientation özelliğinin kullanımı
  • line-height özelliğinin kullanımı
  • text-indent özelliğinin kullanımı
  • letter-spacing özelliğinin kullanımı
  • word-spacing özelliğinin kullanımı
  • white-space özelliğinin kullanımı
  • tab-size özelliğinin kullanımı
  • text-align özelliğinin kullanımı
  • text-align-last özelliğinin kullanımı
  • vertical-align özelliğinin kullanımı
  • user-select özelliğinin kullanımı
  • text-transform özelliğinin kullanımı
  • text-decoration özelliğinin kullanımı
  • text-decoration-line özelliğinin kullanımı
  • text-decoration-style özelliğinin kullanımı
  • text-decoration-color özelliğinin kullanımı
  • text-stroke özelliğinin kullanımı
  • text-stroke-width özelliğinin kullanımı
  • text-stroke-color özelliğinin kullanımı
  • text-shadow özelliğinin kullanımı
  • text-overflow özelliğinin kullanımı
  • word-wrap özelliğinin kullanımı
  • word-break özelliğinin kullanımı
  • content özelliğinin kullanımı
  • attr() fonksiyonunun kullanımı
  • quotes özelliğinin kullanımı
  • font-size özelliğinin kullanımı
  • font-family özelliğinin kullanımı
  • font-style özelliğinin kullanımı
  • font-weight özelliğinin kullanımı
  • font-variant özelliğinin kullanımı
  • font-variant-caps özelliğinin kullanımı
  • font özelliğinin kullanımı
  • @font-face özelliğinin kullanımı
  • Google font servisinin kullanımı
• CSS'de Liste İşlemleri
  • list-style-type özelliğinin kullanımı
  • list-style-position özelliğinin kullanımı
  • list-style-image özelliğinin kullanımı
  • list-style özelliğinin kullanımı
• CSS'de Counter (Sayaç) İşlemleri
  • counter özellikleri ile birlikte counter() fonksiyonunun kullanımı
  • counter özellikleri ile birlikte counters() fonksiyonunun kullanımı
• CSS'de Overflow (Taşma) İşlemleri
  • overflow özelliğinin kullanımı
  • overflow-x özelliğinin kullanımı
  • overflow-y özelliğinin kullanımı
  • overflow-wrap özelliğinin kullanımı
  • Tüm overflow özelliklerinin birlikte kullanımı
• CSS'de Tablo İşlemleri
  • border-collapse özelliğinin kullanımı
  • border-spacing özelliğinin kullanımı
  • empty-cells özelliğinin kullanımı
  • table-layout özelliğinin kullanımı
  • caption-side özelliğinin kullanımı
  • Responsive (Duyarlı) tablolar oluşturma
• CSS'de Konumlandırma ve Görünüm İşlemleri
  • float özelliğinin kullanımı
  • clear özelliğinin kullanımı
  • display özelliğinin kullanımı
  • visibility özelliğinin kullanımı
  • position, top, right, bottom ve left özelliklerinin kullanımı
  • z-index özelliğinin kullanımı
  • box-sizing özelliğinin kullanımı
  • box-decoration-break özelliğinin kullanımı
  • box-shadow özelliğinin kullanımı
  • resize özelliğinin kullanımı
  • opacity özelliğinin kullanımı
  • filter özelliğinin kullanımı
  • clip özelliğinin kullanımı
  • clip-path özelliğinin kullanımı
  • object-fit özelliğinin kullanımı
  • object-position özelliğinin kullanımı
• CSS'de Columns (Sütun Ayırma) İşlemleri
  • column-count özelliğinin kullanımı
  • column-width özelliğinin kullanımı
  • columns özelliğinin kullanımı
  • column-fill özelliğinin kullanımı
  • column-span özelliğinin kullanımı
  • column-gap özelliğinin kullanımı
  • column-rule-style özelliğinin kullanımı
  • column-rule-width özelliğinin kullanımı
  • column-rule-color özelliğinin kullanımı
  • column-rule özelliğinin kullanımı
  • break-before özelliğinin kullanımı
  • break-after özelliğinin kullanımı
• CSS'de Flex (Esnek Kutu) İşlemleri
  • CSS'de flex (esnek kutu) tanımlamaları
  • flex-direction özelliğinin kullanımı
  • flex-wrap özelliğinin kullanımı
  • flex-flow özelliğinin kullanımı
  • flex-basis özelliğinin kullanımı
  • flex-grow özelliğinin kullanımı
  • flex-shrink özelliğinin kullanımı
  • flex özelliğinin kullanımı
  • align-items özelliğinin kullanımı
  • align-self özelliğinin kullanımı
  • align-content özelliğinin kullanımı
  • justify-content özelliğinin kullanımı
  • order özelliğinin kullanımı
• CSS'de Grid (Izgara) İşlemleri
  • CSS'de grid (ızgara) tanımlamaları
  • grid-template-columns özelliğinin kullanımı
  • grid-template-rows özelliğinin kullanımı
  • grid-column-gap özelliğinin kullanımı
  • grid-row-gap özelliğinin kullanımı
  • grid-gap özelliğinin kullanımı
  • grid-auto-flow özelliğinin kullanımı
  • grid-auto-columns özelliğinin kullanımı
  • grid-auto-rows özelliğinin kullanımı
  • grid-column-start özelliğinin kullanımı
  • grid-column-end özelliğinin kullanımı
  • grid-column özelliğinin kullanımı
  • grid-row-start özelliğinin kullanımı
  • grid-row-end özelliğinin kullanımı
  • grid-row özelliğinin kullanımı
  • grid-area özelliğinin kullanımı
  • grid-template-areas özelliğinin kullanımı
  • grid-template özelliğinin kullanımı
  • grid özelliğinin kullanımı
  • align-items özelliğinin kullanımı
  • align-self özelliğinin kullanımı
  • align-content özelliğinin kullanımı
  • justify-items özelliğinin kullanımı
  • justify-self özelliğinin kullanımı
  • justify-content özelliğinin kullanımı
  • order özelliğinin kullanımı
• CSS'de Transform (Dönüştürme) İşlemleri
  • transform özelliğinin kullanımı
  • transform-origin özelliğinin kullanımı
  • transform-style özelliğinin kullanımı
  • perspective özelliğinin kullanımı
  • perspective-origin özelliğinin kullanımı
  • backface-visibility özelliğinin kullanımı
• CSS'de Transition (Geçiş) ve Animation (Animasyon) İşlemleri
  • transition özelliğinin kullanımı
  • transition-property özelliğinin kullanımı
  • transition-duration özelliğinin kullanımı
  • transition-delay özelliğinin kullanımı
  • transition-timing-function özelliğinin kullanımı
  • animation özelliğinin kullanımı
  • @keyframes özelliğinin kullanımı
  • animation-name özelliğinin kullanımı
  • animation-duration özelliğinin kullanımı
  • animation-delay özelliğinin kullanımı
  • animation-timing-function özelliğinin kullanımı
  • animation-iteration-count özelliğinin kullanımı
  • animation-direction özelliğinin kullanımı
  • animation-fill-mode özelliğinin kullanımı
  • animation-play-state özelliğinin kullanımı
• CSS'de Responsive (Duyarlı) Yapı Kullanımı
  • HTML'in meta tag'ı (etiketi) içerisinde viewport (görünür alan) kullanımı
  • CSS'de media (medya) sorguları kullanımı
  • HTML'in link tag'ı (etiketi) içerisinde media (medya) kullanımı
  • HTML'in style tag'ı (etiketi) içerisinde media (medya) kullanımı
  • CSS'de import işlemi için media (medya) özelliklerinin ve değerlerinin kullanımı
• CSS'de Print (Yazdırma) İşlemleri
  • page-break-before özelliğinin kullanımı
  • page-break-after özelliğinin kullanımı
  • page-break-inside özelliğinin kullanımı
• CSS'de Mouse (Fare) ve İmleç İşlemleri
  • cursor özelliğinin kullanımı
  • caret-color özelliğinin kullanımı
• CSS'de Sıfırlama, Devralma ve Değişken Tanımlama İşlemleri
  • all özelliğinin kullanımı
  • var() fonksiyonunun kullanımı
• Sıfırdan Full Responsive E-Ticaret Sitesi Tasarımı
  • Tasarımının planlanması
  • Tasarım için genel hazırlıkların yapılması
  • Ana şablon için responsive header alanının ve ana menülerin oluşturulması
  • Ana şablon için responsive footer alanının oluşturulması
  • İşlem sonuç sayfaları tasarımlarının hazırlanması
  • Hakkımızda sayfası tasarımının hazırlanması
  • Banka hesaplarımız sayfası tasarımının hazırlanması
  • Havale bildirim formu sayfası tasarımının hazırlanması
  • Bayilerimiz sayfası tasarımının hazırlanması
  • Bayilik başvurusu sayfası tasarımının hazırlanması
  • Kargom nerede sayfası tasarımının hazırlanması
  • İletişim sayfası tasarımının hazırlanması
  • Sık sorulan sorular sayfası tasarımının hazırlanması
  • Tüm sözleşme sayfaları tasarımlarının hazırlanması
  • Üye ol sayfası tasarımının hazırlanması
  • Üye giriş sayfası tasarımının hazırlanması
  • Şifre hatırlatma sayfası tasarımının hazırlanması
  • Alışveriş sepeti sayfası tasarımının hazırlanması
  • Alışveriş sepeti fatura ve teslimat işlemleri sayfası tasarımının hazırlanması
  • Alışveriş sepeti ödeme seçimi ve işlem sayfası tasarımının hazırlanması
  • Hesabım sayfası tasarımının hazırlanması
  • Sipariş detay sayfası tasarımının hazırlanması
  • Yorum yap sayfası tasarımının hazırlanması
  • Yorumlarım sayfası tasarımının hazırlanması
  • Üyelik bilgilerim sayfası tasarımının hazırlanması
  • Üyelik bilgileri güncelleme sayfası tasarımının hazırlanması
  • Adreslerim sayfası tasarımının hazırlanması
  • Yeni adres ekleme sayfası tasarımının hazırlanması
  • Adres düzenleme sayfası tasarımının hazırlanması
  • Favorilerim sayfası tasarımının hazırlanması
  • Ürünler sayfası tasarımının hazırlanması
  • Ürün detay sayfası tasarımının hazırlanması
  • Ana sayfa slayt alanı tasarımının hazırlanması
  • Ana sayfa yeni ürünler alanı tasarımının hazırlanması
  • Ana sayfa çok satan ürünler alanı tasarımının hazırlanması
  • Ana sayfa dörtlü banner alanı tasarımının hazırlanması
  • Web tasarımının internet üzerine (hosting'e) yüklenmesi

Adan.Zye.CSS3.Egitim.Seti.part1.rar

Adan.Zye.CSS3.Egitim.Seti.part2.rar

Adan.Zye.CSS3.Egitim.Seti.part3.rar

Adan.Zye.CSS3.Egitim.Seti.part4.rar