HTML ile Logo Ekleme ( Nasıl Eklenir? )

HTML olan web sitesine logo nasıl Eklenir?

Web sitesine logo eklenme işlemi aslına bakılacak olursa oldukça basit bir işlemdir. Siteye logo eklerken Html img etiketi kullanılmaktadır ve bu kullanılan etiketin dosya yolu, uzantıları ve özelliklerinin eksiksiz olarak girilmesi gerekmektedir. Aşağıda sizlere Html kodlar ile nasıl logo ekleneceğini örnekli bir şekilde gösteriyor olacağım.

Html Kod:

<img src=”images/logo.png” width=”200″ height=”70″ alt=”Sitemin logosu” />

Açıklama: Web sitesine logo eklenmesinin en doğru yolundan birsi yukarıdaki örnekteki gibidir.

Logo Ekleme Özellikleri

  • src = Logo fotoğrafının sunucu üzerinde nerede olduğunu gösterdiğiniz alandır.
  • width = Logonun genişliğini tanımladığınız bölümdür.
  • height = Logonuzun uzunluğunu tanımladığınız bölümdür.
  • alt = Logonun, ne ile alakalı veya ne olduğunu yazacağınız alandır. (Mümkün olduğu kadar kısa tutmaya özen göstermelisiniz.)

Logo Nereye Eklenir?

Logonun nereye ekleneceği tüm Web tasarımcılar tarafından uzun zamandır bir söyleşi konusu olmuştur. Ancak bu sorunun cevabı oldukça basittir. Peki ya Web sitesi içinde logonun yerleştirileceği alan neresidir. Aşağıda size logonun yer alacağı alanları maddeler halinde veriyorum.

  • Sitenin her sayfa’da açılan baş bölümünde yer alabilir.
  • Web sitesinin en altında bulunan alana logo yerleştirilebilir.
  • Web tasarım kurumsal bölümünde sizi ve markanızı anlatan veya sizi temsil eden bir alanda yer alabilir.

Not: Logonun koyulacağı alanın tek bir doğrusu yoktur. Web sitesi içinde siz hangi bölüme logonuzu yerleştirmek isterseniz o alana sizin için çalışılan logoyu yerleştirebilirsiniz. Nasıl yerleştireceğiniz hakkında yukarıda Html kodu ile sizinle paylaşmış bulunuyoruz.

Web Sitesine Logo Hangi Ölçüde Eklenir?

Web sitesi içinde logolar genellikle site de ön planda duracak ve çok fazla sırıtmayacak yani tek odağın da logo üzerinde olmayacak şekilde yerleştirilmelidir. Bunun dışında tasarlanan Web sitesi için uygun logo boyutları ile sitenizde logoyu kullanabilirsiniz.

Logo Boyutları

  • Üst bölüm için : 230px genişlik x Uzunluk logonuza bağlıdır.
  • Alt bölüm için : 150px genişlik x Uzunluk logonuza bağlıdır.