CSS Dersleri
Elastik Web Sayfaları Oluşturma Likid Sayfalar yüksek çözünürlüğe sahip geniş ekranlarda satır yüksekliklerinden dolayı pek hoş görünmeyebilir. Bunun aksine, daraltılmış pencerelerde çok kısa ve parçalanmış görüneceklerdir ve metin boyutu arttırıldığında üst üste binmiş satırlarda görüneceklerdir. Bununla ilgili olarak elastik sayfa oluşturma metodu bize yardım edecektir. Elastik Sayfalar web tarayıcılarına göre
CSS Dersleri
CSS'in en büyük avantajlarından biri ve en önemlisi başka bir koda(XHTML hariç) ihtiyaç duymaksızın sayfa iskeleti ve stilini oluştumamıza olanak sağlamasıdır. CSS 1996'dan beri kullanıla gelen bir standart olsa da popülaretesini Zen Garden'ın sayfa planlaması için kullanmaya başlamasından sonra arttırmıştır. Eskiden sayfayapısını tablolarla
CSS Dersleri
DOCTYPE, HTML veya (X)HTML dökümanımızın tipini göstermek için kullandığımız bir koddur. DOCTYPE bildirimi (X)HTML kodunun başına bir veya iki satır olarak eklenir. Genel kullanımı: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&
Web Standartları
img elementinin alt özelliği kullanımı bize bir çok avantaj sağlayacaktır. Bir çok araç da(resimi desteklemyenler ve resimlerin yüklenmediği durumlarda) alternatif metin çıkacaktır, Google bu metni indeksleyecektir(arama motorlarında daha üst sıralar) ve gelişmiş web tarayıcıları tooltip olarak gösterecektir bu metni. Daha çok bilgilendirici metinlerin kullanılması daha iyidir.
CSS Dersleri
Kodlarınıza yorum satırı ekleyerek daha anlaşılır ve erişilebilir kılın. CSS ile Tablosuz web sayfası tasarımında sayfa bölümleri div ile ayrılır ve bir çok yerde div elementi kullanılır. Divleri açtıktan sonra araya onlarca satır yazı, farklı farklı kodlar girmiş olabilir. Böyle bir durumda div etiketlerinin nerede kapatıldığını kestiremeyebilirsiniz. Bu sorundan kurtulmak
XHTML
Bazı kullanıcı giriş alanlarında(textbox) daha önceden girilen değerlerin hafızada tutulmasını istemeyiz. Örneğin kullanıcı adı vb. Bunun için çok kısa bir kod eklememiz yeterlidir. <input type="text" autocomplete="off" />
XHTML
Bir form ekledik ancak bu formu <input type="submit" .../> elementi ile değil de, resimden linkle formu göndermek için: <a href="#" onclick="document.formun_adi.submit(); ">resim</a> Aynı şekilde silme işlemi için: <a href="#" onclick=
XHTML
Bir şeyin karesinin alırken (x)html'de <sup> etiketi yerine alt+253 kullanın. Küp için alt+251 tuş kombinasyonlarını kullanarak <sup> ile oluşan satır yüksekliği sorununu halletmiş oluruz.
XHTML
IE 6.0+'daki image bar 'ı(REsimlerin üzerine gelince sağ üstte çıkan bar) kaldırmak için <meta http-equiv="image-toolbar" content="no"> eklenmeli, ayrıca her resim için ayrı ayrı atmada yapılabilir. <img src="deneme.gif" width="450" height=
CSS Dersleri
1- Kod içinde (In-line) Direk olarak HTML elementin içine style özelliği kullanılarak uygulamak. {% highlight html %} Deneme yazımız{% endhighlight %} Tüm CSS komutlarını kodların içine direk uygulamak önerilen bir kodlama şekli değildir. Ancak özel durumlarda kullanılabilir. 2- style Elementi kullanılarak <head> kısmında <style> elementi içinde CSS kodumuzu yazarak
XHTML
WordPress'de HTML kod ekleyince bu kodu yorumlayıp sayfaya o şekilde basıyordu bu nedenle sorunlarım oldu. - wysiwtg editor deaktif etmek gerekiyor. admin -> kullanıcılar -> aşağıdaki "Use the visual rich editor when writing" işaretini kaldırın Sonrada admin -> Ayarlar -> Yaz bölümünde
CSS Dersleri
CSS kullanımı ile tedavülden kalkan veya kullanımı azalan özellikleri sıralayalım: * name form elemanlarında kullanılan name yerine artık id * body içinde kullanılan text ve bgcolor yerine CSS'de color ve background-color * body içinde kullanılan background yerine background-images * body içinde kullanılan link, alink, vlink yerine CSS tabanlı :link, :visited ve :active