A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama
- Description
- Curriculum
- FAQ
- Reviews
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.
-
1Gerekli Uygulamaları YükleyelimVideo lesson
-
21. HTML nedirVideo lesson
-
32. HTML Temel EtiketleriVideo lesson
-
43. Temel Etiketlerin Anlamı ve Merhaba DünyaVideo lesson
-
54. H1, P, Br ve Hr EtiketleriVideo lesson
-
65. Stiller ve Text Formating Yazı FormatlamaVideo lesson
-
76. Link Oluşturma ve YönlendirmeVideo lesson
-
87. Video ve Ses EtiketleriVideo lesson
-
98. İmages Etiketi Görüntü EtiketiVideo lesson
-
109. Table TablolarVideo lesson
-
1110. Listeler Sırasız ve Sıralı ListelerVideo lesson
-
12CSS Nedir ?Video lesson
-
13İlk Ders Projeye Css Dosyalarını EklemeVideo lesson
-
14Css SelectorsVideo lesson
-
15Renkler - Hex - RgbVideo lesson
-
16Genişlik Yükseklik ve Yüzdesel İfadelerVideo lesson
-
17Tam açıklamalarla Borders (Çerçeveler)Video lesson
-
18Derinlemesine Background-İmageVideo lesson
-
19Margin ile elementleri hareket ettirinVideo lesson
-
20Padding ile DolgulamaVideo lesson
-
21Block ve İnline Elementler Ara DersVideo lesson
-
22Position Eğlenceli Kutular ile Konum DeğiştirmeVideo lesson
-
23Card Oluşturma ve Position Final DersiVideo lesson
-
24Fontlar ve Google FontsVideo lesson
-
25İlkel Yöntem FloatVideo lesson
-
26Öğrendiklerimiz ile Navbar YapalımVideo lesson
-
27Box Shadow ile Yakışıklı TasarımlarVideo lesson
-
28Rem ve Em MantığıVideo lesson
-
29Before ve After ÖzellikleriVideo lesson
-
30Hover ile Fantastik ÖrneklerVideo lesson
-
31Nth-Child ile TablolaştırmaVideo lesson
-
32Derinlemesine Grid SistemiVideo lesson
-
33Grid Sistemi FinalVideo lesson
-
34@KeyFrame ile Uçur BiziVideo lesson
-
35OverFlow ile Metinleri Hizaya GetirinVideo lesson
-
36Filtreler ile ÇalışmakVideo lesson
-
42FreeLancer Satış Sitesi Hero BölümüVideo lesson
-
43Hero 2 Alanı ile Birlikte Site DizaynıVideo lesson
-
44Freelancer Sitesi Kurs Açıklama Alanını OluşturmaVideo lesson
-
45FreeLancer Kurs İçerik AlanıVideo lesson
-
46FreeLancer GüzellemelerVideo lesson
-
47Yukarı Çık Butonu - JavaScript İçerirVideo lesson
-
48Animate CSS ile Sayfalarınıza Kalite KatınVideo lesson
-
52E-Ticaret Sitesi GirişVideo lesson
-
53E-Ticaret Sitesi Navbar Yapımına DevamVideo lesson
-
54E-Ticaret Sitesi Navbarı Mobil Duyarlı Hale GetirmeVideo lesson
-
55E-Ticaret Sitesi Titreme Sorunun ÇözümüVideo lesson
-
56E-Ticaret Sitesi Navbara Mobil Uyumlu DropDown EklemeVideo lesson
-
57E-Ticaret Sitesi Dairesel İkonlar EklemeVideo lesson
-
58E-Ticaret Sitesi Dairesel İkoncları Mobil Hale GetirmeVideo lesson
-
59E-Ticaret Sitesi Trendler Kısmı ve Mobil DüzenlemesiVideo lesson
-
60E-Ticaret Sitesi Ürünler SayfasıVideo lesson
-
61E-Ticaret Sitesi Mobil Düzenlemeler ve Sürpriz SonVideo lesson
-
62E-Ticaret Sitesi Cardlar AlanıVideo lesson
-
63E-Ticaret Sitesi Footer alanı ve MobilleştirmeVideo lesson
-
64E-Ticaret Projesi Son AdımVideo lesson

External Links May Contain Affiliate Links read more