Web Tasarım ve Programlama Sitesi

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:

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ı […]

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 […]

Milli Eğitim Bakanlığı’nın ücretsiz olarak verdiği alanlar php veya asp desteklemez. Bu sitelerde sadece html, flash veya javascript kullanılabilir. Aşağıdaki linklerden sadece css oluşturulmuş Milli Eğitim Bakanlığı’nın sitesinde yayınlanan şablona uygun temaya ulaşabilirsiniz.
Okul temasının önizlemesi
Okul teması için detaylı bilgi ve dosyalar.

CSS ile hazırlanacak menünün önizlemesine buradan, dosyalara da buradan ulaşabilirsiniz.. Aşağıdaki yazıdan da menünün nasıl hazırlandığını inceleyebilirsiniz.
CSS menü bir css sayfası (bicim.css) ve o sayfayı kullanan bir html sayfasından (css_menu.html) oluşuyor.  mavi isimli bir class ve bu class altında menu isimli id seçici tanımlanıyor.
bicim.css Sayfasının Kodları:
.mavi #menu {
 position:relative;
 display:block;
 height:42px;
 font-size:11px;
 font-weight:bold;
 font-family:tahoma;

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.

New CSS Rule penceresi açılacaktır.

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 […]

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 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*/

PHP ile Yönetim Paneli Oluşturma
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 […]

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 […]