Dreamweaver ile CSS Kullanarak Link Düzenlemeleri Yapmak

Bu yazıda css ile sitede birden fazla link biçimlendirmesi kullanma işlemi anlatılacaktır.

Not : Dreamweaver ile çalışırken yeni site tanımlamayı unutmayın.

  • Yeni CSS oluşturmak için; CSS penceresinden CSS Styles sekmesinden All seçeneği seçili iken pencerenin alt tarafından new css rule seçeneğini seçin.

Dreamweaver ile Yeni CSS Oluştumak

Joomla Ön Sayfa Yönetimi

Joomla ile Hazırlanan Sitede Ön Sayfa daki Yazı ve Sütun Sayısı:

Joomla ile hazırlanan sitede ön sayfadaki yazı sayısı Ana Sayfa menüsünden düzenlenir.  Denetim masasından Menü seçeneği altından mainmenu seçeneği seçilir. mainmenu altında bulunan menüler listelenecektir. Buradan Ana Sayfa menüsüne tıklanır.

Gelen sayfada sağ taraftan Parameters adında bir bölüm açılır. Buradan aşağıdaki parametreler değiştirilerek ön sayfa ayarları yapılır.

Joomla ÖnSayfa Yönetimi

Leading : Ön sayfanın en başında tek sütun halinde görüntülenecek yazı sayısı. Mesela 2 seçilirse en üstteki 2 satır ön sayfanın genişliğinde ve tek sütun olarak görüntülenir.  devamını oku »

Joomla Okul Temaları

Aşağıdaki joomla temalar Miili Eğitim Bakanlığı’nın belirlediği şablona uygun olarak hazırlanmıştır. Ayrıca Milli Eğitim reklam linkleri de şablonunlar içinde mevcut.

sd_okul Joomla Okul Teması :

demo sd_okul

sd_lise joomla okul temasını indirmek ve detaylı bilgi için tıklayın.

sd_lise Joomla Okul Teması :

demo sd_lise

sd_lise joomla okul temasını indirmek ve ayrıntılı bilgi için tıklayın.

Google Pagerank Güncellemeleri Başladı (3. Güncellemeler)

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

joomla Restricted access Hatasının Çözümü

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ü.

Dreamweaver ve CSS Kullanarak Site Tasarımı

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 :

CSS ile Oluşturulacak Sitenin Bölümleri

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) : devamını oku »

Photoshop Web Fotoğraf Galerisi Oluşturmak

Aşağıda Photoshop ile web siteleri için web sayfası şeklinde fotoğraf galerisi oluşturma işlemi anlatılmıştır.

File menüsünden Automate seçeneği altından Web Photo Galery seçeneğini seçin. Aşağıda web photo galery penceresinin resmi ve altında pencere seçeneklerinin açıklaması verilmiştir.

Photoshop ile Web Fotoğraf Galerisi Oluşturmak

  • Styles : Buradaki açılır menüden web fotoğraf albümü için sitil bilirliyoruz. Sağ taraftaki önizleme penceresinden seçilen sitilin önizlemesini görebilirsiniz. devamını oku »

Site Renk Uyumu

Web sitelerinde birden fazla renk kullanılır ve bu renklerin uyumu çok önemlidir. Aşağıda adresi verilen siteleri kullarak belirlediğiniz bir renk ile uyumlu renkleri görebilirsiniz.

http://www.colormatch.dk/

http://wellstyled.com/tools/colorscheme2/index-en.html

Arka Plan (Background) Resimleri Bulabileceğiniz Adresler

Web siteniz için arka plan resimleri bulabileceğiniz bazı adresler aşağıda verilmiştir.

http://www.backgroundcity.com/

http://www.fau.edu/~parkerso/backgrounds.html

http://www.entheosweb.com/fireworks/background2.asp

Aşağıdaki adreste de ücretsiz olarak arka planlar, bulet ler, butonlar ve karakterler bulabilirsiniz.

http://www.dreamweaver-templates.org/freewebgraphics/CATALOG.HTM

CSS Kullanarak Template Oluşturmak

Bu yazıda CSS kullanarak Template oluşturma işlemi açıklanmıştır. Aşağıdaki şekilde biçimlendirilmiş divlerin sayfadaki yerleşimi gösterilmiştir. Template oluşturmak için gerekli kodlar resmin altında anlatılmıştır.

CSS ile Tempalte Oluşturmak 

CSS ile Web Sitesi Oluşturmak için Gerekli CSS Kodları (CSS Örnekleri) :

#sayfa{
          width:760px;   /*sayfa genişliği 760 px*/
          text-align:left; /*sayfa içindeki yazıların tamamı sola hizalı olsun*/ devamını oku »

Joomla İçerik Yönetimi ve İçerik Eklemek

Joomla sitenize içerik eklemek için öncelikle bazı kavramların bilinmesi gerekir.

İçerik : Site içerisindeki yer alacak yazı, grafik ve çoklu ortam öğeleridir. Bunlar sabit içerik ve değişen içerik olarak 2 guruba ayrılır. Mesela bir firmanın sitesinde firma tarihçesi sabit içerik olabilir. Fakat haberler sabit değil değişen içeriktir.

Kategoriler : Joomla içerikleri kategorilere ayırmaktadır, yani kategoriler altında içerikler toplanır. Mesela sitenizde  İstanbul ilçeleri hakkında bilgiler vermek için ilçeler kategorisi oluşturulabilirsiniz. İstanbul ilçelerini tanıtan değişken içerikler de bu kategoriye bağlanabilir.

Bölümler : Bölümler en üst sınıflamalardır. Altında kategorileri barındırırlar. Mesela Türkiye’deki ilçeleri tanıtan bir site için, herbir ili bir bölüm olarak oluşturabilirsiniz. Her bir ilin altında da o ile ait ilçeleri kategori olarak oluşturmalısınız. Mesala İsatanul bölümünün Bakırköy kategorisi altında Bakırköy hakkında bilgi veren içerik oluşturulur. Aynı şekilde Samsun bölümünün Bafra kategorisi altında Bafra ilçesi hakkında bilgiler veren içerik oluşturulur.

 Şimdi yukarıda verilen örnek için uygulama yapalım.

  • Öncelikle hiyararşinin en üstünde bulunan bölümler oluşturulmalıdır. Örnek olarak İstanbul bölümünü oluşturalım. İçerik menüsünden bölüm yöneticisi seçilir.

Joomla İçerik Oluştumak

Dreamweaver ile Template Oluşturmak

Bu yazıyı okumadan önce bu linkten önizlemesini göreceğiniz sitenin tasarımını buradan inceleyebilirsiniz.

Bir önceki yazıda bu sitenin temasını oluşturmak için gerekli hazırlıklar anlatılmıştı. Site oluşturma grafikleri toplama gibi işlemler anlatılmıştı. Bu yazıda yeni tema oluşturma işlemi bu sitenin teması için anlatılacaktır.

Öncelikle tablolar kullanılarak html sayfası oluşturulup, html sayfa template olarak kaydedilmelidir. Bu template içine seçime bağlı alanlar (editable region) ve seçime bağlı alanlar (optional region) eklenerek temaya esneklik kazandırılılacaktır.

  • Yeni bir site tanımlayın ve yeni html sayfası açın. Template tablolar ile oluşturulacaktır.
  • Eklencek tablodaki satır ve sütun sayısı site tasarımına göre değişmektedir. Site içerisinde her sayfada görüntülenecek, her sayfada değiştirilebilecek (editable) ve bazı sayfalarda görüntülenecek (optional)  devamını oku »

Youtube Yine Kapatıldı

Youtube’a erişim Ulu Önder Atatürk’e hakaret içeren görüntüler nedeniyle Ankara 1. Sulh Ceza Mahkemesi’nin kararıyla engellendi.

Ankara Cumhuriyet Bşasavcılığı www.youtube.com adresine erişimin engellenmesini istedi. Ankara 1. Sulh Ceza Mahkemesi bu siteye erişimin engellenmesi yönünde karar aldı.

Telekomünikasyon İletişim Başkanlığı, alınan karar nedeniyle, youtube için IP ve alan adı yönünden erişimi durdurdu.

Dreamweaver ile Template (Site) Yapımı (Resimli Anlatım)

Bu yazıyı okumadan önce bu linkten önizlemesini göreceğiniz sitenin tasarımını buradan inceleyebilirsiniz.

Bu yazıda dreamweaver kullanarak site tasarlamak, daha doğrusu site için template hazırlamak anlatılmıştır. Örnek olarak bu sitenin teması hazırlanacaktır.

Dreamweaver ile Template Oluştururken Hangi Dosya ve Klasörleri Oluşturmalıyım :

Dreamweaver template uygulamaları için template isimli bir klasör zaten oluşturur. Bunun yanında kullanılacak resimler için resimler (images) isimli bir klasör ve biçimlendirmelerde kullanılacak css sayfaları için sitil isimli bir klasör.

Siteyi Oluşturmadan Önce Gerekli Resimlerin Toplanması :

Siteyi oluşturmaya başlamadan önce tasarımın nasıl olacağı planlanmalı ve gerekli resimler toplanmalıdır. Örnekte bu site yapılacaktır. Bu sitenin yapımı için gerekli resimlerin listesi aşağıda verilmiştir.

Dreamweaver ile Tema Hazırlarken Kullanılacak Resimler

Resim 1 : Ana Sayfa, Hakkında gibi menülerin olduğu menü çubuğu.
Resim 2 : Site başlığının yazılı olduğu siyah zemin. devamını oku »

Google Adsense Cevap Vermiyor

Google Adsense başvurusu yapalı 3 haftadan fazla oldu fakat hala cevap yok, adsense hesabına giriş yapmaya çalıştığımda aşağıdaki yazı çıkıyor.

Hesap Etkin Değil

Bu login için bir AdSense hesabı mevcut değil. Başvurunuz henüz inceleme aşamasında. Başvuru tarihinizden sonraki bir hafta içinde başvurunuzu inceleyeceğiz ve size bir e-posta göndereceğiz. AdSense’e katılmaya hak kazandığınızda hesabınıza giriş yapabilecek ve programı kullanmaya başlayabileceksiniz.

3 haftadır bu mesajı görüyorum. Mesajdan anladığım bir hafta içinde mail göndermeleri gerekiyor ama hala bişey yok. Cevap konusunda müşteri memnuniyetini düşündüklerini hiç sanmıyorum, site sahibi beklesin diye düşünürler. Çünkü alternatifleri yok. E-posta gönderdim otomatik cevaptan başka cevap gelmedi.

Biraz araştırma yaptım. devamını oku »

Sonraki Sayfa »