Bu yazı, Web Sitesi Nedir, Nasıl Yapılır? adlı yazının devamıdır.

Geçen sefer bir web sayfasının ana yapısından ve basit bir web sayfası yapmayı niçin bilmeniz gerektiğinden bahsetmiştim. Şimdi birazcık daha derine inip sayfamıza içerik ekleyelim.

Örneğimiz şöyle;

Burada kullandığımız tag’lerden bazılarını önceki yazımızdan hatırlayabilirsiniz ancak bu kez içerik de ekledik. “h1″ tagleri arasına yazdığımız şey sayfada başlık büyüklüğünde görünecek. “p” tagleri arasına yazdığımız şey ise bir adet paragraf, istediğiniz kadar yazı ekleyebilirsiniz oraya.

Şimdi bakalım yaptığımız şey bir browserda nasıl görünüyor? Bu kodu bir text dosyasına yazıp dosyayı web-sitem.html adıyla kaydederseniz bu dosyanın üzerine çift tıkladığınızda kullandığınız browserda açılır ve sonuçları görebilirsiniz. Tabi resim.jpg’in de görüntülenebilmesi için web-sitem.html dosyası ile aynı klasörde yer alacak resim.jpg adında bir resim olmalı. Bunun için herhangi bir resmi o klasöre atıp adını resim.jpg olarak değiştirebilirsiniz.

Şimdi biraz daha önemli bir konuya gelelim, birçok ofis yazılımı yarattığınız dökümanları web sayfasına otomatik olarak çeviriyorken biz neden html hakkında bilgi sahibi olmak zorundayız? Çünkü ofis yazılımları dökümanlarınızı web sayfasına çevirirken bu işi bizim az evvel yaptığımız kadar sade yapamıyorlar. Başta Microsoft Office ailesi olmak üzere herhangi bir ofis yazılımında yarattığınız belgeyi web sayfası olarak kaydetme opsiyonunu kullanarak kaydedin ve sonra onu bir metin editöründe açın, mesela notepad’de. Göreceksiniz ki her birkaç satırda bir font tipi, font rengi, arkaplan rengi, vb. her satırda gerekmeyen detaylar kodun içine yerleştirilmiş. Bu nedenle bazı basit web sayfalarını elle yapmak, bunu hazır yazılımlar kullanarak yapmaktan daha kolaydır.

Peki sonuçta görüntü aynı görüntü, kodlar karmaşık olsun ya da olmasın sonuç alabildiğimize göre neden sade ve basit bir kodlama tercih ediyoruz? Çünkü arama motorları sizinle aynı kanıda değil. Web sayfanıza fazladan yerleştireceğiniz her “table”, h1, h2, h3, vs. yerine başlıklarınızı belirtmek için kullanacağınız her “b” (bold) tag’i, sizi arama motorlarında sonuç elde etmekten biraz daha uzaklaştırıyorlar. Bizim burada gösterdiğimiz örnekler, arama motorlarına ya da internette benzeri görev yapan diğer robotlara yazdığımız yazının içinde neyin nerede olduğunu anlatıyor. Yani biz robotlara diyoruz ki “şimdi sen bu yazıyı endeksleyeceksen ve veritabanına atacaksan, bu yazının başlığı bu, içeriği de şu”. Diğer türlü robotlar yazımızın başlığını içeriğinden ayırdedemezler.

Madem öyle niçin ofis yazılımları böyle sorunlu kodlar üretiyor? Sizin de takdir edebileceğiniz gibi bu sorunun muhatabı ben değilim, yazılımınızı satın aldığınız yere danışın.

Sanırım rahat bir çizgide devam edebilmemiz için bugünlük bunlar yeterli olmuştur. Internet ve web okur yazarlığı hakkındaki yazılarıma ilerleyen günlerde devam edeceğim.

Benzer yazılar:

• Web Sitesi Nedir, Nasıl Yapılır? 3
• WordPress’e Ne Yazsam Gider Mi?
• Web Sitesi Nedir, Nasıl Yapılır?
• WordPress İçin Nasıl Template Yapılır – 2

Rastgele yazılar:

• GNU/Linux Kullanarak Apple’la Rekabet Etmek
• Sınır (Borderline) Kişilik Bozukluğu
• Vista’nın MAC OS X’ten Esinlendiği Noktalar
• Mezunlara Duymak İstemeyecekleri Öğütler