Web Tasarım ve Programlama Sitesi

Google 2 ay sonra tekrar pagerank güncellemesi yaptı. Bir önceki güncellemede 1 ay arayla yapılmıştı. Yani 3 ayda 2 güncelleme yapıldı.

Bu site iki güncellemede de pr 2 olarak kaldı. Fakat kategori sayfaları pr o dan pr 1 e çıkmış. Bu site için aslında pr 2 yi koruması da iyi. Son bir ayda 2 yazı yayınladım.

Diğer sitelerim pr 0 dan pr1 ve pr 2 olmuş. İkisi içinde google az pr vermiş. Biri için pr2 diğeri için de pr 3 bekliyordum. Ama ikisi de pr olarak 1 düşük oldu.

Bu pr için yapılması gerekenler:

• Sitenin belli bir içeriği olmalı
• Site özgün olması (kopyala-yapıştır olmamalı)
• güncel tutulması (En azından haftada 3 yazı)
• Benzer içerikli yüksek pr li sitelerden link almak. (En önemlisi ve zoru bu)  

Aşağıdaki linkten istediğiniz sitenin pagerank değerini öğrenebilirsiniz:

 www.googlepagerankchecker.com

Dün joomla ile hazırladığım bir sitede temaya bir banner eklemem gerekti. Temanın index.php sayfasında biraz oynama yaptım. Her değişiklikten sonra sayfayı yenileyip değişikliğin nasıl göründüğüne bakıyordum. Sayfayı yenilerken “Restricted access” şeklinde bir hata aldım. Sayfada sadece bu yazı görünüyordu.

İlk iş olarak hata mesajını internete yazdım ve çıkan sonuçlları inceledim. Bir çok yerde hatanın çözümü için admin.mambot.php sayfasının /administrator/components/com_mambots altındaki aynı isimli dosya ile değiştirilmesi gerektiği yazmış. admin.mambot.php sayfasının da ekte olduğunu yazmışlar. Ama hiçbir sitede ekte öyle bi dosya yok ve bire bir kopyala yapıştır yapmışlar.

Neyse sonuç olarak ekteki dosyayı bulamadım. Zaten hata çıktığında da membotlarla ilgili bir işlem yapmamıştım. “Restricted access” hatası admin paneline girişte, siteye girişte veya her ikisinde de olabiliyor.

Siteyi tekrar kurmak çok zaman alacağı için kodları biraz incelemeye karar verdim. Sitenin index.php sayfasını açtım.

defined( ‘_VALID_MOS’ ) or die( ‘Restricted access’ );

şeklinde bir kod var sayfanın başında. Yani sayfada yazan hata mesajı burada belirtiliyor. Sonra diğer kodları incelemeye başlayınca bu sayfanın tema için index.php sayfası olduğunu farkettim. Temanın index.php sayfasını değiştirirken yanlışlıkla bir üst dizine gönderip sitenin index.php sayfası ile değiştirmişim. İnternetten, sitede kurulu joomla sürümünü indirip sitenin index.php sayfasını değiştirdim ve site normal haline döndü.

Bu yazıda tasarımı anlatılacak sitenin önizlemesini buradan görebilirsiniz. Tasarımda yüzdelik(%) değerler kullanıldığı için tarayıcı tam ekran değilken orta kısım alt tarafa kayacaktır.

Örnek site dreamweaver kullanılarak oluşturulmuştur. Bu sitenin bir sonraki aşaması da siteyi template haline getirmek fakat onuda yaparsam anlatımı çok zor olacağı için siteyi template haline getimedim. Bu yazıda tasarımı template’e çevirme anlatılmıştır.

Uygulamaya geçmeden önce Dreamweaver ile css uygulamalarını kategorilere göre anlatan yazıları okumanızı tavsiye ederim. Sağdaki menüden CSS kategorisini incelerseniz css oluşturma ile ilgili bilgileri bulabilirsiniz.

Sitenin Bölümlerini Oluşturmak :

Yukarıdaki şekilde bölümler 1, 2, 3 ve 4 olarak isimlendirilmiştir. 1 üst bölümdür ve 3′ü (logo bölümünü)  içinde barındırır. 2 alt bölümdür ve 4′ü (içerik bölümünü) içinde barındırır.

Site için harici bir css oluşturun ve bütün css biçimlendirmelerini oradan çağırın.

1 Bölümü (Üst Bölüm) :

#ust olarak tanımlanmıştır. # işareti id selector’ü ifade eder. Bunun anlamı bu biçimlendirmenin sadece bir defa kullanılacağıdır. Dreamweaver ile oluşturulurken advanced seçilir ve name bölümüne #ust yazılır.   

Bu alanın css kodları aşağıda açıklamalı olarak verilmiştir.

#ust {
 background-color: #B6B4B5;  /* Zemin rengi*/
 width: 100%; /*Alan genişliğinin içinde bulunduğu alanın genişliğine oranı. Bu alan hiçbir
                          alanın içinde olmadığı genişiği sayfa genişliği ile aynı olur.                  
 height: 160px;  /*Yükeskliği 16 pixel*/
 border-bottom-width: thin; /*Alanın alt tarafına(bottom)  thin(ince) genişiğinde(width)
                                                 kenarlık(border) ekler.  */
 border-bottom-style: solid;  /*Alt tarafa eklencek çizginin sitili. solid (düz çizgi)*/
 border-bottom-color: #E1E1E1; /*Alt tarafa eklenecek çizginin rengi*/
}

2 Bölümü (Alt Bölüm) : Tamamını Oku »