Web Tasarım ve Programlama Sitesi

Google 2008 yılı ikinci pagerank güncellemelerini başlattı. Güncellemeler arası genelde 3 ay olurdu. Bu sefer iki güncelleme arasında bir ay geçti.  Webmaster forumlarında genel olarak pr değerlerinde bir düşüş olduğu söyleniyor. Birçok kişi memnun değil. Güncellemelerin hala devam ettiğini söyleyenler de var ama onlardan benim gibi güncellemelerden memnun olamayanlar sanırım. Bu sitenin pr değeri değişmedi,  sadece bazı alt sayfaların pr değeri 1 oldu. tema.sitedefteri.net pr1 olmuş. Çok önceleri 4 sayfa yazı yazıp kendi haline bıraktığım bloğa pr değeri vermiş, diğer sitelerde pr artışı yok.

www.googlepagerankchecker.com adresinden sitenizin pagerank değerini öğrenebilirsiniz.

iwebtool.com adresini de ziyeret edebilirsiniz. iwetool araçları garip sonuçlarına rağmen popülerliğini koruyor.  

Joomla ile sayfa içeriğine resim eklemek için ilk olarak resim yüklenmelidir. Resimi yüklemek için “site” menüsünden “Medya Yöneticisi” seçilir. Ekrana images dizinindeki dosya ve klaörler görüntülenir.

Ekranın sağ üstünden “dizin oluştur” bölümüne dizin ismi yazılarak yine sağ üstten “oluştur” seçilip ve bir dizin oluşturulabilir. Mesela dizin oluştur bölümüne istanbul yazılıp oluştur düğmesine Tamamını Oku »

Photoshop ile buton hazırlamak için Ultimate Web 2.0 Layer Style isimli küçük bir eklenti kullanılabilir.

Photoshop Ultimate Web 2.0 Layer Style Buton Eklentisinin Kurulumu :  

Eklentiyi buradan indirin. Sıkıştırılmış klasörü açın ve Program Files’da photosohop klasörünün içinde Presets\Styles yoluna kopyalayın. Photosop’ta edit menüsünden “Preset Manager” seçeneğini seçin. Load seçeneğinden biraz önce kopyaladığınız klasörü Tamamını Oku »

Joomle Nedir : Joomla “içerik yönetim sistemleri”  gurubundadır. Diğer bir ifadeyle; ortada zaten bir site var siz sadece siteye içerik ekliyorsunuz, fazladan özellikler (modül, bileşen, membot)  ekliyorsunuz veya sitenin görünümünü (temasını) değiştiriyosunuz. Bu yazıda ve bu sitede joomla kullanımı ile ilgili bir çok yazı bulabilirsiniz.

ADIM ADIM JOOMLA 1.5 İLE YENİ BİR SİTE HAZIRLAMAK

Önemli : Joomla 1.5.x sürümü joomla 1.0.x sürümüne göre daha gelişmiş bir sürüm. Fakat joomla 1.0.x eklentilerini desteklemiyor. Miras diye bişey yapmışlar, joomla 1.0.x eklentilerini desteklesin diye ama işe yaramıyor. Ben joomla 1.5.x ile site yaptım fakat açılır menü ekleyemedim. Bir çok eklenti kurulmuyor. Şimdi siteyi kaldırıp joomla 1.0.x ile kurmayı düşünüyorum.

Domain ve Hosting Kiralamak : Kendinize bir domain ve hosting kiralayıp, DNS yönlendirmelerini yapmanız gerekir. Bu işlemlerin nasıl yapılacağı ve çeşitli tavsiyeleri bu yazıda bulabilirsiniz. Tamamını Oku »

Bu yazıda internette yeni bir site yayınlamanın ilk adımı olan domain (alan adı) ve hosting (barındırma hizmeti) kiralama işlemi anlatılmıştır.

Damain (Alan Adı) Kiralama : Domain; alan adı anlamına gelir ve sitenizin internetteki adıdır. Mesela sitedefteri.net bir domaindir. Alan adı kiralama işlemi iki adımda gerçekleşir. Domain sorgulama ile boş domain beğenilir ve kredi kartı ile ödeme yapılarak domain kiralanır.

Google ile “domain sorgulama” şeklinde arama yapılınca bir çok site çıkar ve hepsinde sorgulama yapılabilir. Sorgulama sonucunda sitenin başkası tarafından Tamamını Oku »

Bu yazıda Dreamweaver ile yeni CSS oluşturma işlemi anlatılmıştır. Yeni CSS oluşturma işlemi bittikten sonra gelecek penceredeki CSS kategorilerinin açıklamasına bu sayfadan ulaşabilirsiniz. 

Dreamweaver (DW) ile kod yazmadan CSS uygulamaları yapılabilir. CSS oluşturmak için sağ taraftan CSS panelinden CSS Styles sekmesi seçilmelir. Bu sekmeden All seçeneği seçilir. Eğer bu sekme görünmüyor ise window menüsünden CSS Styles seçeneği seçilir.

Yeni CSS oluşturmak için bu pencerenin en altında bulunan “New CSS Rule” simgesi    seçilir. Karşımıza New CSS Rule Penceresi gelecektir. Tamamını Oku »

Bu kategori kullanılarak nesneleri birbirleri ile olan konumları ayarlanabilir. 

Type : Konumlandırma tipi buradan belirlenir.

• Absolute (Mutlak) : Mutlak konumlandırma anlamına gelir. Bu konumlandırma ile nesnenin bir üst nesne ile arasındaki mesafe ayarlanabilir. Eğer bir üst nesne tanımlanmamış ise ana blog üst blog alacaktır. Yani nesne1 için üst boşluk miktarı absolute ile tanımlanmış olsun. Eğer nesne1 için üst nesne tanımlanmamış ise üst boşluk miktarı sayfanın en üstüne göre verilecektir. Belirtilen konumda başka bir nesne bulunabilir, nesne1′in üst nesnesi olmayan başka bir nesne. Bu durumda nesneler üst üste görünecektir. Üstüste görünmesi durumunda nesneleri z-index değerleri devreye girer. z-index değeri büyük olan element diğerinin üstünde görünecektir.
• Relative (Göreceli) : Bu konumlandırma ile nesne yerleştirildiği yerden Tamamını Oku »

Bu kategori kullanarak CSS ile sıralı listeler oluşturulabilir.

Type : Listede her elemanın başında bulunacak işaretlerin tipi buradan belirlenir.

• disc : içi dolu daire
• cicrle : içi boş daire
• square : içi dolu kare
• decimal : onluk sistemde sayılar.
• lower-roman : Küçük harf roma rakamları. Tamamını Oku »

Kenarlıkkların stili (style), genişliği (width) ve rengi (color) buradan belirlenir. Varsayılan olarak “same for all” seçeneği seçilidir. Bu seçenek seçili durumda iken sadece top değerine değer verilir ve alt(bottom), sol (left) ve sağ (right) değerleri top değerine verilen değeri kullanır. “same for all” seçeneğindeki işaret kaldırılarak her seçeneğe ayrı değer verilebilir.

style : Bu seçenek ile eklenecek kenarlığın sitili belirlenir.

• dotted : Noktalı kenarlık. Tamamını Oku »

width : Nesnelerin genişliği buradan ayarlanabilir. Auto değerini alırsa nesne kendi boyutlarında görüntülenir. Farklı bir değer ile nesnelerin boyutları değiştirilebilir.
height : Nesnelerin boyu buradan belirlenebilir.
float : Nesnelerin hizalaması. Mesela bir nesneyi sola hizalamak için float:left şeklinde biçimlendirme verirsiniz. Örnek olarak 3 tane resmi sayfada alt alta yerleştirdiniz. En üstteki nesneye float:left uygularsanız; bir alttaki üste çıkarak en üsttekinin sağına geçer. Çünkü sola hizaladığınız nesne aynı zamanda Tamamını Oku »

Word Spacing : Kelimelerin arasında ne kadar boşluk olacağı buradan belirlenir.
Latter Spacing : Harfler arası boşluk miktarı buradan belirlenir.
Vertical Alignment : Mesela resim ile birlikte yazıyı aynı satırda kullanmak istiyosunuz. Yazının resme dikey hizalanması buradan belirlenir.
Text Align : Yazının sayfaya olan hizası. Sağa dayalı, sola dayalı veya ortalı.
Text indent : Yazıdaki ilk satırın sol taraf ile arasındaki boşluk miktarı. Yani paragraf boşluğu miktarı.
WhiteSpace : Bir satır tarayıcının ekran genişliğinden fazla ise alt satıra geçmesi (normal) veya sağ tarafa doğru devam etmesi (nowrap). Sağ tarafa doğru devam ederse kaydırma çubuğu oluşur.
Display: Nesnelerin yanyana (in-line)  veya altalta (block) dizilmesi gibi özellikler buradan belirlenir.

Joomla sitenize tema eklemek için; eklemek istediğiniz temayı kök dizinde templates klasörü içerisine kopyalayın (sıkıştırılmış klasörü açarak kopyalayın). www.tema.sitedefteri.net adresinden tema indirebilirsiniz.

Joomla sitenizin temasını değiştirmek için Denetim Masasından “Site” menüsünden “Şablon Yöneticisi” seçeneği altından “Site Şablonşarı” seçeneğini seçin.

İnternetten indirip templates klasörüne kopyaladığınız temaların listesi karşınıza gelecektir. Tamamını Oku »

Bu kategori ile istenilen alana zemin rengi verilebilir veya zemin için resim kullanılabilir.

Background color : Zemin rengi buradan belirlenir.
Örnek : Body tagı ile sayfanın zemin rengini yeşil yapalım.
  CSS Kodu : body { background-color: #339933; }

Background image : Arka plan olarak zemine resim ekleme işlemi bu bölümden gerçekleştirilir.

repeat : Zemin için kullanılan resmin tekrar seçenekleri buradan belirlenir.

• no-repeat : Resim sadece kendi boyutlarında arkaplana eklenir. Resmin kapladığı alan dışındaki alanlar boş olur. Tamamını Oku »

Font : Yazı fontu tanımlamaları bu bölümden yapılır.

Size : Yazının boyutu buradan belirlenir.

font-style : Yazı sitili bu bölümden belirlenir.

line-height : Yazının bulunduğu satırın yüksekliği. Yazının yüksekliği değişmez sadece yazının olduğu satırın alt ve üst satırlar ile arasındaki mesafe değişir. Tamamını Oku »