Tasarımınız göze hitap ettiği kadar size de hitap etmeli. CSS ve HTML sayfanızdaki kod fazlalıklarını belki ziyaretçileriniz farketmeyecek ama, bu küçük ayrıntılar zamanınıza, paranıza ve emeğinize mal olacaktır. ‘Benim sitem sadece güzel görünmemeli, aynı zamanda yaşamalı’ diyorsanız, sitenizi güzel bir bahar temizliğinden geçirebilir, ileriki projelerinizde ‘kendinize yardım edebilirsiniz’.
Temiz bir html
Sitenizi kodlarken değil de, daha sonra bir değişiklik yapmanız gerektiği zaman değerini anlayabileceğiniz gruplama yöntemlerini çok kolay şekilde HTML dosyanıza uygalayabilirsiniz.
Peki nelere dikkat etmeliyim?
‘Tab’ tuşunu bolca kullanın. Bu tuşu kullanmanız kodların birbirine girmemesini sağlayarak düzenli kodlarla süslü bir sayfanız olmasına yardımcı olacaktır.
Yorum kodlarını kullanın. Sayfanızı birkaç parçaya bölün. ‘Div’ sonlarına o div’in bittiğine dair işaret koyun.
Kodlarınızın bu şekilde olması, ileriki zamanda site üzerinde uygulayacağınız değişikliklerde size kolaylık sağlayacak, kısacası kodlarınızı bir düzen içerisine alacaktır. Yorum kodları ile gruplamalar, sayfa kodlarının hiçbir zaman karışmamasını sağlayacaktır.
Temiz bir CSS
CSS dosyanızda yapacağınız düzenlemeler, hazırlayacağınız temiz, düzenli kodlu dosyalar aynı HTML sayfaları gibi, kalıcı temelli siteler oluşturmanıza yardımcı olacak, ileride size çok yardımcı olacaktır.
Uygun isimler kullanın
Class ve ID elementlerinizi uygun isimlerle tanımlamanız, CSS dosyanızda yapacağınız değişikliklerde, uygulayacağınız işlemlerde, aradığınız elementi bulmanızı büyük derecede kolaylaştıracaktır.
Parçalara bölün
CSS dosyanızda farklı bölümler, ve buna göre parçalar oluşturabilirsiniz. Bu tip bir işlem, dosyanızdaki karışıklığı önceleyecektir. Sayfanızda oluşturacağınız bölümleri, tip ve sırasına göre parçalara bölebilirsiniz.
Gruplayın
Aynı özelliğe ait elementleri tek tek belirtmektense, hepsini bir arada belirtin.
Yanlış:
Doğru:
Sayfalarınızı sağlam temel üzerinde hazırlamanız ileriki zamanda kendinize teşekkür etmeniz için önemli bir bahane olacak.
Yorumlar
10 kişi yazı hakkındaki fikrini belirtmiş.
Muhammet , ellerine sağlık.Gerçekten çok öğretici ve kalite bir üslûbun var.
Niyazi Taha GÜZEL, 25.5.2006 tarihinde yazmış.
Aynen katılıyorum.Kodlama yapıldığı zaman nerede ne olduğunu biliyoruz ama 2 ay sonra düzenleme gerektiğinde saatlerce hatırlamaya çalışıyoruz.Teşekkürler…
Hackover, 25.5.2006 tarihinde yazmış.
@hackover , işte onun için temiz kodlamak gerekiyor ki o da tecrübeli programcı olmaktan geçiyor , zamanla yani :)
Niyazi Taha GÜZEL, 26.5.2006 tarihinde yazmış.
tamamda herkesin anlayacağı şekilde yapmakda yanlış bence..
biraz karışık vce sadece kendi anlayacağımız şekilde olması faydalı bence
sitenin çalınma ihtimali olursa
çalan kişi uğraşır çözemez bıkar ve bırakır..
deli dana, 1.6.2006 tarihinde yazmış.
Açıklayıcı bilgilerin için çok teşekkürler. “deli dana” ‘ya katılmıyorum ve sormak istiyorum. Web sitenizden ne çalınabilir allah aşkına. Çalınırsa da canı sağolsun çalanın. :)
Bu arada web siteni ilk ziyaretim. Harika bir WordPress uygulaması. Tebrik ederim. Serendipity (www.s9y.org) ile hazırlanmış bir weblog ‘um var. Bunu wordpress ‘e çevirmek istiyorum. Bu konuda yardımcı olabilecek bir kaynak biliyorsan bana e-mail göndermeni rica ederim.
mate, 8.6.2006 tarihinde yazmış.
@Mate, Wordpress tema entegresi için bir makale hazırlıyorum, birkaç güne kadar yayınlayacağımı umarım.
Muhammet Sevim, 8.6.2006 tarihinde yazmış.
@deli dana
Sunduğun web sitelerin 80 portundan yani HTTP protokolunden yaydığın müddetçe onu çalamayacak kişi yoktur. Çünkü ortada bilgi,ver i sunumu vardır. Hyper Text Transfer Protocol. O nedenle sen düzenini bu nedenden dolayı bozuk tutma
Kadir Doğan, 23.6.2006 tarihinde yazmış.
bi de edindiğim bilgilere ve deneylerime göre daha karışık bir html de (yani presslenmiş bir html) sayfa açılma hızı daha çabuk oluyor
html nin atasındaki boşluklar bile Byte cinsinden yer kaplıyor buda hem BWnin hemde Host alanının boşa harcanması demek
deney yaparak görebilirsiniz;
bir yeni metin belgesi açın ve içbi işlem yapmadan kaydedin özelliklerden baktığınızda 0 bayt olarak gösterecektir
başkabir yeni metin belgesi açıp elinizi spacebar tuşuna basılı tutup içinizden 5 e kadar sayıp bırakınız ve kaydediniz baktığınız zaman 165 byte veya civarlarında bir yer işgal ettiğini göreceksiniz buda hem BW hemde hosttan harcanması demektir ( YANİ HOSTA VERİLMESİ GERKEN FAZLADAN PARA)
htmlnizi presslerseniz hem böyle bir tasarruf edersiniz hemde Kötü niyetli tasarım/emek hırsızlarının bir nebze olsun önüne geçersiniz
deli dana, 11.7.2006 tarihinde yazmış.
Güzel bir yazı olmuş teşekkürler
Fatih, 18.7.2006 tarihinde yazmış.
[…] CSS’in tasarımcılara sağladığı güzellikler sadece yararlı özelliklerde kalmıyor, ayrıca bu listeye kolay kodlama, ve bununla birlikte gelen ‘gereksiz adımları ortadan kaldırma’ da eklenebiliyor. Daha önceki bir yazıda, css’de aynı özellikleri barındıran elementleri gruplayabileceğimizden bahsetmiştim (Bkz. ‘Bahar temizliğine ne dersiniz?‘ Asıl konuya girmeden önce, gruplama işlemine basitçe dönüp, bildiklerimizi pekiştirelim; […]
Muhammet Sevim* Web tasarımı üzerine » Neden uzatayım ki?, 22.7.2006 tarihinde yazmış.
E-posta adresiniz hiçbir zaman yayınlanmaz. Temel HTML metin şekillendirilmesi izinlidir.