HTML yazarken bir editöre ihtiyaç duyduğumuz gibi CSS yazarken de bir editöre ihtiyacımız olacaktır. Sizlere basit editörlerden, profesyonel editörlere doğru belli başlı bir liste sunacağım. Metin Editörleri Bu iş için extra bir program kurmak istemiyorum diyorsanız, işte size CSS yazabileceginiz editörler. · Windows için NotePad veya WordPad · MacOs için TextEdit · Linux için vi, […]
Continue readingKategori: CSS
CSS Dersi 6 – CSS Gelecek Vaad Ediyor
HTML gün geçtikçe işlevselliğini kaybediyor. XML ve haliyle XHTML‘in işlevselliğinin karşı konulmaz çıkışı, CSS gibi tümleşik bir yapının önemi daha iyi ortaya koyuyor. XHTML ile daha temiz kodlar üretilecek, farklı platformlara (pda, cep telefonu vb.) uyum sağlaması sayesinde bilgi dolaşımı artacak ve sayfalarımız arama motorları tarafından daha anlaşılır olacaktır. CSS, XHTML teknolojisi ile tümleşik olarak […]
Continue readingCSS Dersi 5 – CSS Daha Az Dosya Boyutları
CSS kullanılarak kodlanmış bir HTML sayfa ile, CSS kullanılmadan normal kodlanan bir HTML sayfa arasında %50‘ye varan performans ve hız farkı tespit edilmiştir. CSS yardımıyla kodlanan HTML sayfalarda, sayfa geçişlerinde aynı veriler önbellekte tutulduğu ve yeniden yüklenmediği için ziyaretçi sayfa geçişlerinde zaman kazanır. Böylelikle hem performansınız artar, hemde hızınız farkedilir ölçüde artmış olur. Tüm CSS […]
Continue readingCSS Dersi 4 – CSS Tasarım Tutarlılığı
Sadece 1 adet CSS dosyası ile tüm sitemizi yönetebilir, böylelikle sitemize tutarlılık kazandırabiliriz. Tek bir CSS dosyası ile sitemize tutarlılık kazandırmak, web sayfamızdaki birinci sayfadan sonuncu sayfaya kadar stilsel düzeni elimizde tutturacak ve ziyaretçimize düzenli bir içerik sunmuş olacağız. Bunun yanı sıra sayfalarımız daha hızlı yüklenecektir. Çünkü aynı elemanları diğer sayfalarda tekrar yüklemeyecek ve bu […]
Continue readingCSS Dersi 3 – CSS Kullanım Kolaylığı
HTML‘de her etikete extra özellikler ekleyebilmemiz için başka bir etiket veya özellik eklememiz gerekiyor. Bu işlemi büyük çaplı bir sitede yaptığımızı düşünürsek çok büyük zaman kaybına uğramış olmakla kalmayıp, çokta emek vermek zorunda kalacağız. Bunun gibi yüzlerce başlığımızın olduğunu varsayalım. HTML olarak düzenlemek sanırım sizinde gözünüzü korkutmuş olmalı. CSS’de ise aynı işlemi yapmak için; Kodunu […]
Continue readingCSS Dersi 12 – CSS @import ile Eklemek
Daha önceki CSS derslerinde farklı yöntemler ile sitemize CSS dosyamızı ekleme yöntemlerinden bahsetmiştim. Bugün ise sizlere @import ile sitemize CSS dosyamızı ekleme yöntemini anlatacağım. Yukarıdaki örnekte gördüğünüz gibi 7.satırda @import kodunu kullanarak CSS dosyamızı tanıttık. Tarayıcı tarafından @import ile eklenen CSS kodları, link ile eklenen CSS kodlarından önce yorumlanır. Site performansı açısından @import özelliğini kullanarak […]
Continue readingCSS Dersi 2 – CSS Görünüm Avantajları
CSS, HTML’e göre birçok stil özelliğine sahip bir sistemdir. CSS’in sayfa içeriği ögelerinin, sayfa görünümü ögelerinden ayrılması için geliştirildiğini düşünürsek avantajı baştan kavramış oluruz sanırım. HTML’de h1 elemanına kalın, altı çizili, artalan rengi kırmızı olacak şekilde çesitli özellikler verebiliriz. Ancak bu özellikleri atamak için ayrı ayrı HTML elemanlarını (strong, u gibi) kullanmaya mahkum kalıyoruz. CSS’de […]
Continue readingCSS Dersi 11 – CSS’i Web Sayfamıza Eklemek
CSS‘i HTML ya da XHTML sayfamıza nasıl entegre edebileceğimiz hakkında daha önce sizlere 3 farklı teknik sunmuştum. Bu teknikleri kısaca hatırlamak gerekirse; CSS’i Kod İçerisinde Web Sitemize Ekleme CSS’i Style Elemanı Kullanarak Web Sitemize Ekleme CSS’i Harici Dosya Kullarak Web Sitemize Ekleme Web sitenize CSS entegre etmek için bu 3 farklı teknikten herhangi birini kullanabilirsiniz. […]
Continue readingCSS Dersi 1 – CSS’in Tanımı ve Genel Bilgi
CSS (Cascading Style Sheets – Stil Sablonları), Web dökümanlarına stil eklemek için kullanılan basit ancak bir o kadar da güçlü bir dildir. Web sayfalarının yapılarını düşündüğümüz zaman 3 ana başlıkta sıralayabiliriz. Bunlar içerik, biçimlendirme ve dinamik kısımdır. Kısımlarımızı tek tek açıklamak gerekirse; içerik kısmı HTML kodlarını içeren web sayfamızın omurgasını oluşturan kısımdır. Bu kısım genelde […]
Continue readingCSS Dersi 10 – CSS’i Harici Dosya Kullarak Web Sitemize Ekleme
Web sayfamıza CSS dosyamızı ekleme tekniklerinde geldik Harici Dosya Kullarak Ekleme tekniğine. Bu teknik profesyonellik adına atacağınız büyük adımlardan birisi olacak. Harici CSS Dosyası Kullanımı Bu teknik ile CSS kodlarımızı oluşturcağımız .css uzantılı bir dosya içerisine kaydediyoruz. deneme.css Sıra bu .css uzantılı dosyamıza sitemize entegre etmeye geldi. Daha önce anlattığım CSS Dersi 8 ve CSS […]
Continue reading