A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama
Css ile Etkileitici Web Tasarımlar Yapmak
Language: turkish
Note: 0/5 (0 notes) 826 students
Instructor(s): Tuncay EROL
Last update: None
What you’ll learn
- Web Sitesi Tasarlayacak Duruma Gelecekler
- CSS ile Alakalı Tüm Detayları Öğrenecekler
- CSS Konuları Üzerine Yorum Yaparak Kendi Çözümlerini Üretecekler
- Hayallerinde ki Web Siteleri Tasarlayabilecekler
Requirements
- Bilgisayar
- İnternet Bağlantısı
Description
Web Tasarımın olmazsa olmazı olan CSS tabiri caizse web sitelerine renk katan, canlandıran bir teknolojidir. CSS’in öğrenmesi de kullanması da zevklidir. Yaklaşık 20 lik saatlik eğitim ile CSS konusunda uzmanlaşacak, Kendi Web Sitelerinizi dizayn edip hatta ileri dönemlerde Web Sitesi tasarımından gelir elde edebileceksiniz.
Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir.
İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini, yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir.
Bir Web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün Web sayfalarında ortak olarak kullanılabilir. Böylece sayfaların hafızadaki boyutu epey küçüldüğü gibi güncelleme yapmak da kolaylaşır.
CSS kodları, HTML kodlarının içine yazılabildiği gibi harici bir CSS dosyası oluşturularak da işlem yaptırılabilir. Türüne göre <BODY> veya <HEAD> bölümlerinde yer alabilirler. Ayrıca <link rel=”stylesheet” type=”text/css” href=”style.css” /> koduyla CSS dosyası çalışma sayfasına eklenebilir. Onları ayrı dosyada veya dosyalarda saklamak, onları değişik HTML sayfalarınca kullanılmasını sağlar, aynı sayfanın değişik aygıtlara göre formatlandırılmasını kolaylaştırır, sunumla yapıyı ayırarak değişiklik yapılmasını ekonomikleştirir.
Who this course is for
- Web Tasarım Öğrenmek İsteyenlere
- Sektöre Sağlam Bir Giriş Yapmak İsteyenlere
- Gereksiz Ayrıntılardan Sıkılanlara
Course content
- HTML
- Gerekli Uygulamaları Yükleyelim
- 1. HTML nedir
- 2. HTML Temel Etiketleri
- 3. Temel Etiketlerin Anlamı ve Merhaba Dünya
- 4. H1, P, Br ve Hr Etiketleri
- 5. Stiller ve Text Formating Yazı Formatlama
- 6. Link Oluşturma ve Yönlendirme
- 7. Video ve Ses Etiketleri
- 8. İmages Etiketi Görüntü Etiketi
- 9. Table Tablolar
- 10. Listeler Sırasız ve Sıralı Listeler
- Temel CSS Bölümü
- CSS Nedir ?
- İlk Ders Projeye Css Dosyalarını Ekleme
- Css Selectors
- Renkler – Hex – Rgb
- Genişlik Yükseklik ve Yüzdesel İfadeler
- Tam açıklamalarla Borders (Çerçeveler)
- Derinlemesine Background-İmage
- Orta Seviye CSS Bölümü
- Margin ile elementleri hareket ettirin
- Padding ile Dolgulama
- Block ve İnline Elementler Ara Ders
- Position Eğlenceli Kutular ile Konum Değiştirme
- Card Oluşturma ve Position Final Dersi
- Fontlar ve Google Fonts
- İlkel Yöntem Float
- Öğrendiklerimiz ile Navbar Yapalım
- İleri CSS Bölümü
- Box Shadow ile Yakışıklı Tasarımlar
- Rem ve Em Mantığı
- Before ve After Özellikleri
- Hover ile Fantastik Örnekler
- Nth-Child ile Tablolaştırma
- Derinlemesine Grid Sistemi
- Grid Sistemi Final
- @KeyFrame ile Uçur Bizi
- OverFlow ile Metinleri Hizaya Getirin
- Filtreler ile Çalışmak
- Flex Alanı – Bu Bölümü Sakın Atlama
- Flex Başlangıç Dersi – Navbar Mantığı
- Align Dikey Pozisyon Verme Koşulları
- Sadece Belirttiğimiz Objelere Hareket Verme
- Flex-Wrap
- Flex-Directions
- #PROJE – FreeLancer Sitesi Yapımı
- FreeLancer Satış Sitesi Hero Bölümü
- Hero 2 Alanı ile Birlikte Site Dizaynı
- Freelancer Sitesi Kurs Açıklama Alanını Oluşturma
- FreeLancer Kurs İçerik Alanı
- FreeLancer Güzellemeler
- Yukarı Çık Butonu – JavaScript İçerir
- Animate CSS ile Sayfalarınıza Kalite Katın
- Mobil Uyumluluk Bölümü
- Mobil Tasarım -1
- Mobil Duyarlı Card Tasarımı
- Derinlemesine Navbar Yapımı #Bu Bölümü Kesin İzleyin
- #Proje E-Ticaret Sitesi Tasraımı
- E-Ticaret Sitesi Giriş
- E-Ticaret Sitesi Navbar Yapımına Devam
- E-Ticaret Sitesi Navbarı Mobil Duyarlı Hale Getirme
- E-Ticaret Sitesi Titreme Sorunun Çözümü
- E-Ticaret Sitesi Navbara Mobil Uyumlu DropDown Ekleme
- E-Ticaret Sitesi Dairesel İkonlar Ekleme
- E-Ticaret Sitesi Dairesel İkoncları Mobil Hale Getirme
- E-Ticaret Sitesi Trendler Kısmı ve Mobil Düzenlemesi
- E-Ticaret Sitesi Ürünler Sayfası
- E-Ticaret Sitesi Mobil Düzenlemeler ve Sürpriz Son
- E-Ticaret Sitesi Cardlar Alanı
- E-Ticaret Sitesi Footer alanı ve Mobilleştirme
- E-Ticaret Projesi Son Adım
- Bonus Dersler ve Kaynaklar
- TÜM KAYNAKLAR
- Transform ve Translate
- Apple Tv Tasarımı
Time remaining or 174 enrolls left
| Don’t miss any coupons by joining our Telegram group |
