ie6 tarayıcı ie7, chrome ve firefox tarayıcılardan farklı css yorumlaması yapabiliyor. Mesela float:left kullanımında ie6 istenilen sonucu vermeyebiliyor.
Aşağıda diğer tarayıcılara göre farklı soncuç veren kod bulunmaktadır: Yazının tamamını okuyun »
Bu yazıda google için dinamik olarak güncellenen sitemap.xml site haritası oluşturma işlemi anlatılacak.
İlk olarak bu işlemin mantığından bahsetmek istiyorum:
Oluşturulacak sayfa aslında sitemap.php sayfası. Çünkü xml formatlı dinamik bir sayfa oluşturlamaz(en azından ben öyle biliyorum). Bu sitemap.php sayfası da .htacces kullanılarak sitemap.xml olarak Yazının tamamını okuyun »
Sitemi http://validator.w3.org ile xhtml kurallarına uyup uymadığını kontrol ettirdim ve formda 3 tane hata çıktı. Hata kodları label ve form etiketlerindeymiş. Hata kodlarının 2 tanesi aşağıdaki gibi:
Hata nedeni ise XHTML 1.1′de form elemanlarını fieldset içine almak gerekmesiymiş.
Aşağıya eski kodu ve hatanın düzeltilmiş hali olan yeni kodu yazıyorum.
Hatalı Kod:
<form id=”form1″ method=”post” action=”">
<label>
<input name=”textfield” type=”text” class=”arama-kutusu” />
</label>
<label > <br />
<input name=”Submit” type=”submit” class=”ara-butonu” value=”Ara” />
</label>
</form>
Düzeltilmiş Kod:
<form id=”form1″ method=”post” action=”">
<fieldset>
<label>
<input name=”textfield” type=”text” class=”arama-kutusu” />
</label>
<label > <br />
<input name=”Submit” type=”submit” class=”ara-butonu” value=”Ara” />
</label>
</fieldset>
</form>
İlk olarak SEO Teknikleri(SEOmoz Anketi) yazısını okuyarak url’de orl adresinde anahtar kelimelerin geçmesinin SEO için katkısını inceleyebilirsiniz.
Yazıda php ile seo url’nin (sef) nasıl oluşturulacağı anlatılacak.
Herhangi bir işlem yapmadığınız sürece php ile kodlanmış bir sitede url aşağıdaki gibi olur.
http://www.sitedefteri.net/icerik.php?id=110
Fakat bunun yerine url’yi aşağıdaki yaparsanız SEO açısından daha faydalı olacaktır.
http://www.sitedefteri.net/110-seo-teknikleri-seomoz-anketi.html
Bu işlem iki aşamada yapılır. Birinci aşamada php ile SEO url oluşturulur ve veritabanına kaydedilir. İkinci aşamada ise htacces ile URL Rewriting komutu kullanılarak url normal php koduna çevrilerek işlenir.
SEO url’de yazının başlığının ve id numarasının Yazının tamamını okuyun »
SEOmoz her iki yılda bir SEO uzmanları ile bir anket yapıyormuş. Bu enket ile arama motorlarında üst sıralarda çıkmayı etkileyen faktörler belirleniyor.
Bu yıl da 72 SEO uzmanı ile yapılan anket sonuçları aşağıdaki gibi çıkmış.
SEO’yı Olumlu Yönde Etki Eden İlk 5 Faktör:
SEO’yu Olumsuz Yönde Etki Eden İlk 5 Faktör:
Php-mysql ile site yapımını daha anlaşılır olması için alt sitede örnek uygulama ile anlatmayı düşündüm.
Elimden geldiği kadar kodları sadeleştirdim ama yinede benim için uzun ve zaman alıcı bir anlatım oldu.
Şimdilik sadece yönetim panelinde yazı ekleme, yazı silme ve yazı düzenleme seçenekleri mevcut. Zamanım olursa daha gelişmiş özellikleri de eklemeyi düşünüyorum
Demosunu yapmaya vaktim olmadı. Zaten demo yapıp veritabanını kullanıma açmam zor olur.
Aşağıda çeşitli başlıklar halinde anlatımlara bağlantılar verdim.
PHP Site Nasıl Yapılır Ana Sayfası: www.php-mysql.sitedefteri.net
Dreamweaver ile PHP site tanımlamak.
phpMyAdmin ile MySQL veritabanı ve tablolar oluşturmak
Yönetim Paneline Şifreli Giriş ve Veritabanı Bağlantısı Oluşturma
TinyMCE ile Yeni Yazı Sayfası Oluşturmak.
PHP ile MySql Veritabanına Bilgi Kaydetmek(insert).
PHP Yönetim Panelinde Kayıt Silme(delete) ve Düzenleme(update)
İlk olarak OnlyWire sitesinden bahsetmek gerekir. Bu site 30 farklı sosyal imleme sitesinde içeriğin otomatik olarak yayınlanmasını sağlıyor. Bu sayede zamandan tasarruf ederek içeriğinizi otomatik olarak sosyal imleme sitelerinde yayınlayabilirsiniz. Bu eklenti yazılarınızı otomatik olarak onlywire.com’a gönderiyor. Bu sayede yazdığınız yazı birçok sosyal imleme sitesinde de yayınlanmış oluyor.
Eklenti tankado tarafından başka bir eklentiden revize edilerek hazırlanmış.
CSS ile yapılan tasarımlarda en büyük sıkıntı css kodlarının tarayıcılar tarafından farklı yorumlanmasıdır.
Bir web sitesi tasarlanırken farklı tarayıcılar ile bu web sitesi test edilmelidir. Hatta farklı tarayıcılar için farklı css sayfaları oluşturulup tarayıcıya göre o tarayıcıya özel css sayfası devreye sokulmalıdır.
Farklı tarayıcıya göre farklı css sayfası çağırmak için if yapısı kullanmak gerekir.
İlk olarak kullanıcının tarayıcısını öğrenip if veya case ile css çağırma işlemi yapılabilir diye düşündüm ama internette daha pratik gibi bir yöntem var.
Bu yöntem css sayfasının çağrılması sırasında if komutunun kullanılması. Herhangi bir dile gerek kalmadan html ile uygulanabilen bir yöntem.
Yazımı aşağıdaki gibi:
<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”/tema/cssler/ie6-icin.css” />
<![endif]–>
Yukarıdai örnek internet explorer 6.0 tarayıcı için uygun css sayfasını çağrıyor.
Aşağıda bu konuda yardımcı olabilecek bir kaç link var.
Bu örnekte css sayfaları ve css’i kullanan sayfa tam olarak verilmiş.
Bu örnekte de biraz daha karmaşık bir if yapısı kullanılmış.
Not: if yapısı ile firefox tarayıcılar belirtilemiyor.
Aşağıdaki gibi bir kod yazıldığı zaman internet explorer ve Firefox bu css’i farklı yorumlamaktadır. Margin ile sayfanın üst tarafındaki boşluk 0 verilmesine rağmen Firefox üst tarafta boşluk bırakmaktadır.
body {
background-image: url(resim/tema/zemin.gif);
margin-top: 0;
padding-top: 0;
}
Bunun nedeni firefox’un p taglarını internet explorer’a göre farklı yorumlaması ve bi miktar yükseklik vermesidir. Çözüm için p taglarını biçimlendiren ve etrafındaki genişliği sıfırlayan css eklenmelidir. Aşağıdaki kodlar css sayfasına eklenerek sorun çözülür.
P {
margin:0 0 1em 0; margin: 0 0 1em 0;
padding:0; padding: 0;
}
TinyMCE editör ile varsayılan yazı fontu ve yazı boyutunu değiştirebilirsiniz. Bunun için css klasörü içindeki content.css sitil sayfası kullanılır. Burada bulunan body etiketleri içinde varsayılan biçimlendirmeler vardır. font-family ile yazının fontunu, font-size ile yazının boyutu değiştirilebilir.
