Bir web sitesi hangi özellikleri desteklemeli

tarayıcılar Kolay kullanımlı bir web sitesi, yönetimi ve dosyaların sunucuya kolayca aktarılması HTML dışında da farklı dosya tiplerini tanıyabilme, renkli esnek bir kodlama, iyi bir dokümantasyon, şablonlama ve proje desteği özelleştirebilme CSS desteği gerektirir.

HTML Nedir?
HTML , Hyper Text Mark-up Language'ın kısaltılmışıdır. Türkçe karşılığı Hiper Metin İşaretleme Dili'dir. Browserlar tarafından tanınıp yorumlanabilen metin tabanlı bir dildir ve metnin browser tarafından yorumlanması sonucu da web sayfaları elde edilir. Yazdığınız kodların browser tarafından alınıp yorumlanabilmesi için, dosyalarınızın uzantısının ".htm" veya ".html" olması gerekir.
HTML de her işaretleme dilindeki gibi komutlardan oluşur, bu komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farklı oldukları tarayıcılar tarafından anlaşılabilsin diye "<" ve ">" işaretlerinin arasına yazılır. Her tag'in bir başlangıcı ve bitişi vardır. Bitiş tag'lerinde, "<" işaretinden sonra tag'in bitiş tag'i olduğunu belirtmek için "/" işareti kullanılır. Bir örnek ile göstermemiz gerekirse; <P> Bu bir Paragraf tag'idir. </P>

META Etiketi: Arama motorlarında iyi bir sıralama yapmak için meta etiketleri içerisine yazdığımız notlar çok önemlidir. Örneğin “Design by Nur” sitesinin Meta etiketleri şöyle olabilir: <meta name="keywords" content="freelance, designbynur, web design ,Oregon Dreamweaver developer, website, HTML, portland, web, graphic design, CSS, designer">
Sayfanızda kullandığınız Türkçe karakterlerin başka bilgisayarda bozuk şekillerde görülmemesi için:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Web Tasarımını Destekleyici Programlar

PHP, JAVA SCRIPT, JAVA APPLET, CSS, FLASH

PHP Web sayfası isteminde bulunan kullanıcılara, istenilen dosya içerisinde Php ile ilgili satırları işleyerek dosya içeriğini kullanıcının Browser ' ının anlıyabileceği html formatında sunan bir programlama dilidir diyebiliriz. Bu genel anlamda Server-Side ( Server-Taraflı ) Dil olarak anılır.

CSS CSS (Cascading Style Sheets), Bir HTML dökümanındaki HTML takılarının sitillerini belirleyen tekniktir. CSS kodlarını web sayfası içerisinde 3 şekilde tanımlayabiliriz;
HTML takılarının sitillerini, takıların içinde(Local) <h1 style= font-family:Verdana,Arial> CSS öğreniyorum </h1> Sayfanın başında "" takıları arasında (Global) <style>
h1.buyukyazilar {font-family:verdana; color:yellow}
h1.digerleri {font-family:arial; color:black}
h2 {font-family:verdana; color:pink}
</style> Link olarak başka bir dosyadan alarak <link rel="stylesheet" type="text/css" href="nurstyle.css">

CSS Öğrenmenin avantajları: CSS, HTML takılarına, HTML ile yapılamayacak fakat işinizi kolaylaştıracak bir çok özellik katabilir. Örneğin; hemen hemen tüm web sayfalarında gördüğünüz değişik link sitilleri, CSS kullanılarak yapılmıştır. CSS ile sayfalarınızı daha hızlı hale getirebilir ve dosyanın yükünü hafifletebilirsiniz. Sayfalarınız için hazırlayacağınız bir CSS dosyasını kullanarak tüm sayfalarınıza aynı özellikleri verebilir, dolayısıyla hız ve tutarlılık sağlamış olursunuz. Tabiki CSS'in yapabilecekleri bunlarla sınırlı değildir. CSS öğrenilmesindeki kolaylığın aksine kapasitesi büyük bir dildir.

İnternet üzerinde en çok kullanılan tarayıcılar Internet Explorer, Netscape Navigator ve Firefox sayılabilir. Webde büyük çoğunluk halen IE kullanılır. Sitenizin yapım aşamasında farklı tarayıcılarda sitenizin nasıl göründüğünü test etmeniz gerekebilmektedir. Çünkü bazı tag'ler farklı tarayıcılarda aynı etkiyi yaratamayabilmektedir. Bunun da çabuk fark edilmesi, sizi emek, zaman ve kaynak kaybından kurtarabilir. n Sayfalarınızı, farklı ekran çözünürlüklerinde test edin. Optimum çözünürlükte karar kıldığınızda sayfaları bu ekran çözünürlüğünde tasarlayın. Bunu yapmanızdaki sebep şudur: Her kullanıcı sizinle aynı ekran çözünürlüğünü kullanmayabilir. Sizin 800*600 çözünürlükte yaptığınız site, browser'ınızda gayet güzel görünebilirken, 640*480 kullanan ziyaretçinin bilgisayarında dağınık ve biçimsiz görünebilir.

CSS konusunda yararlı linkler http://www.webdersleri.com