Web tasarımı yaparken daima konu ön planda olmalıdır. Bu yüzden bir konu belirlememiz gerekiyor. Bugünlük konumuz psikoloji olsun. İhtiyacımız olan ilk ve en basit şeyler ana başlık, alt başlıkları ve metinler. Web sayfası yapmak demek, bu bilgileri webde yer alacak biçimde organize etmek demek. Başlık: Psikoloji Metin: Bu web sayfası psikoloji hakkındadır. Alt başlık bir: Tanım Metin: Zihinsel süreçler ve davranışlarla ilgilenen bilim dalı. Alt başlık iki: Tarihçe Metin: Psikoloji, insanoğlunun rüyaları inceleme arzusuyla başlamış; günden güne gelişerek günümüze kadar gelmiştir. Alt başlık üç: Kullanım Alanları Metin: Psikoloji ruh hastalıklarının tedavisinde, iş hayatında takım çalışmasının başarıyla uygulanmasında, sporda daha iyi sonuçlar elde edilmesinde, eğitimde daha başarılı olma çalışmalarında kullanılır. Şimdi elimizdeki bilgileri bir web sayfası olarak düzenleyelim: Gördüğünüz gibi, basit bir web sayfası böyle yapılıyor. İlerleyen yazılarda web sayfalarının içeriklerini renklendirmek ve görsel ögelerle zenginleştirmek üzerine çalışmaya devam edeceğiz ama şimdi neyi niçin yaptığımıza bakalım. Ana başlığımızı h1 tagleri arasına koyduk, alt başlıklarımızı ise h3 tagleri arasında kullandık. Bunları kullanmayabilirdik, sadece font kalınlığı ve font büyüklüğü ile halledebilirdik işimizi. Günümüzde hala birçok web sayfası başlık yaparken bold ve font büyüklüğü özelliklerini kullanarak başlık yaratmaktalar. Böylece arama motorları bu satırın başlık olduklarını anlayamazlar. bu arkadaşların amaçları da bu olsa gerek. Ama biz yaptığımız işin arama motorları tarafından bulunmasını hatta arama motorlarına ait robotların sayfamızın konularını anlamalarını istiyoruz ki bizleri buna göre rakip sayfalarımıza oranla daha iyi yerlere yerleştirsinler. Metinler ise p tagleri arasına yerleştirdik. İleride CSS kullanarak bu taglere değişik font, renk, ve başka görsel özellikler kazandıracağız. Bunları sınfılandırıp birbirlerinden ayırdedebilmemiz için (p class=”css_de_anlattigimiz_ozellik”) bir tag kullanmamız gerekiyor. Bunu da paragraf’ın p’sinden gelen p tag’i ile yapıyoruz. Bu arada bir de yanlışımız var. Web sitemizin, browserların başlığında görünecek olan “title”‘ını “web sayfası yapıyoruz” olarak yazdık. Oysa sitemiz psikoloji üzerine ve biliyoruz ki “title” satırımız da bizi arama motorlarındaki amaçlarımıza daha çok yaklaştıracak olan bir bölüm. Bir önceki yazıda nasıl link verileceğinden bahsetmiştim, nasıl resim yerleştirileceğinden de bahsetmiştim. Bir web sayfasına nasıl resim yerleştirilir, bir web sayfasına nasıl link ya da bağlantı konur, bunların da elbette detayları var. Ancak hepsinin bir öğrenim ve özümseme hızı söz konusu bu yüzden de aşırı hızlı gitmemek gerek. Bu yazı da dahil olmak üzere son üç yazıyı tekrar inceleyerek ve çeşitli olasılıkları biraraya getirerek, deneyerek farklı sayfalar yapmaya çalışın. Bunları notepad üzerinde kaydederek browser’ınızda açabilirsiniz (browser derken; firefox, opera, konqueror, safari ya da internet explorer’ı kastediyorum).