Tasarım Probleminiz Var Olması Gereken Adımlar
Bir web sitesi oluşturduysanız, muhtemelen her şeyin planlandığı gibi gitmediğini keşfettiniz. Bir web tasarımcısı olmak, oluşturduğunuz sitelerle hata ayıklama sorunları yaşamanız gerektiği anlamına gelir.
Bazen Web tasarımınızda neyin yanlış olduğunu anlamak çok sinir bozucu olabilir, ancak analizinizle ilgili sistematik iseniz, genellikle sorunun nedenini bulabilir ve daha hızlı bir şekilde düzeltebilirsiniz. Bunu yapmak için kullanabileceğiniz bazı ipuçları.
HTML'nizi Doğrulayın
Web sayfamda bir sorunum olduğunda, yaptığım ilk şey HTML'yi doğrulamaktır. HTML'yi doğrulamak için birçok neden vardır, ancak yaptığınız ilk şey olması gereken bir sorun olduğunda. Her sayfayı otomatik olarak doğrulayan çok kişi var. Ancak alışkanlığınız olsa bile, bir sorununuz olduğunda HTML’nizin geçerliliğini kontrol etmek iyi bir fikirdir. Bu, yanlış yazılmış bir HTML öğesi veya özellik gibi basit bir hata olmadığını, sorununuzu oluşturmasını sağlayacaktır.
- HTML Doğrulayıcı
CSS'nizi Doğrulayın
Sorun yaşayacağınız en muhtemel yer CSS'nizdir . CSS'nizi doğrulamak, HTML’nizi doğrulamakla aynı işlevi görür. Hatalar varsa, CSS'nizin doğru olduğundan emin olursunuz ve sorunlarınızın nedeni bu değildir.
- CSS Validator
JavaScript'inizi veya Diğer Dinamik Öğelerinizi Doğrulayın
Sayfanızda JavaScript, PHP, JSP veya başka dinamik öğeler kullanılıyorsa, HTML ve CSS'de olduğu gibi, bunların da geçerli olduğundan emin olmalısınız.
Birden fazla tarayıcıda test edin
Gördüğünüz sorun, görüntülemekte olduğunuz Web tarayıcısının bir sonucu olabilir. Sorun, test edebileceğiniz her tarayıcıda ortaya çıkarsa, bunu düzeltmek için yapmanız gereken şey hakkında size bir şeyler söyler. Örneğin, sorunun yalnızca belirli bir tarayıcıda gerçekleştiğini biliyorsanız, yalnızca bir tarayıcının neden başkalarının sorun çıkarsa bir soruna neden olabileceğine daha fazla inebilirsiniz.
Sayfayı basitleştirin
HTML ve CSS'yi doğrulama yardımcı olmazsa, sorunu bulmak için sayfayı daraltmanız gerekir. Bunu yapmanın en kolay yolu, kalan kısım tamamen sorun olana kadar sayfanın bölümlerini silmek veya "yorumlamaktır". Aynı zamanda CSS'yi de aynı şekilde kesmelisiniz.
Basitleştirmenin ardındaki fikir, sayfayı yalnızca sabit öğe ile bırakacak olmanız değil, sorunun nedenini belirleyip düzeltmenizdir.
Çıkar ve ardından Geri Ekle
Sitenizin sorun alanını daralttıktan sonra, sorun giderilene kadar öğelerin tasarımdan çıkarılmasına başlayın. Örneğin, sorunu belirli bir
Her sökmeden sonra test edin. Düzeltmeyi kaldırdığınız veya sorunu tamamen ortadan kaldırırsa, düzeltmeniz gerekenleri bilirsiniz.
Sorunun nedenini tam olarak bildiğinizde, değiştirilen öğelerle tekrar eklemeye başlar. Her değişiklikten sonra test ettiğinizden emin olun. Web tasarımı yaparken, küçük şeylerin ne sıklıkla fark edeceği şaşırtıcıdır. Ancak, sayfanın her değişiklikten sonra nasıl göründüğünü test etmiyorsanız, görünüşte önemsiz olanları bile, sorunun nerede olduğunu belirleyemezsiniz.
Standartlara Uygun Tarayıcılar için Tasarım İlk
Web tasarımcılarının karşılaştığı en yaygın problemler, çoğu tarayıcıda aynı sayfaya bakan sayfaların etrafında dönüyor. Web sayfalarının tüm tarayıcılarda aynı görünmesini sağlamak çok zor, imkansız olmasa da tartışılabilse de, çoğu tasarımcı için hala bir hedef. Bu yüzden, standartlara uygun olanları içeren, en iyi tarayıcıları tasarlayarak başlamalısınız. Çalışmaya başladıktan sonra, sitenizin izleyicileriyle alakalı olabilecek eski tarayıcılar da dahil olmak üzere, diğer tarayıcılarla birlikte çalışabilirsiniz.
Kodunuzu Basit Tutun
Sorunlarınızı bulup düzelttikten sonra, daha sonra tekrar kırpmak için uyanık kalmalısınız. Sorunlardan kaçınmanın en kolay yolu HTML'nizi ve CSS'nizi olabildiğince basit tutmaktır. Sadece HTML veya CSS karmaşık olduğundan yuvarlatılmış köşeler oluşturma gibi bir şey yapmaktan kaçınmanız gerektiğini söylemediğimi unutmayın. Sadece daha basit bir çözüm kendini gösterirken karmaşık şeyler yapmaktan kaçınmalısınız.
Yardım çağır
Site sorununda hata ayıklamaya yardımcı olabilecek birinin değeri abartılamaz. Aynı koda bir süre için bakıyorsanız, kolay bir hatayı kaçırmak kolaylaşır. Bu koda başka bir göz seti koymak, bunun için yapabileceğiniz en iyi şeydir.
2/3/17 tarihinde Jeremy Girard tarafından düzenlenmiştir