Dreamweaver ile bir web sayfasının başlığına nasıl resim koyulur

1. Adım

Uygun bir resim seçin Faviconlar çok küçüktür, sadece 16 kare pikseli ölçer, böylece seçtiğiniz görüntü minyatür boyutta okunaklı olacak kadar basit olmalıdır. Karmaşık logolar sıkı görünüyor veya 16 piksele yeniden boyutlandırıldığında düzensiz kenarlara sahip olabilir. Bu size olursa, logonuzu içermeyen alternatif bir görüntünün kullanımını düşünün, ancak web sitenizdeki içerik türünü veya site üzerindeki renklerin çeşitlerini yansıtır. Her halükarda, görüntünüzün bir azaltma sağlamak için mükemmel bir kare olduğundan emin olun.

2. Adım

Görüntünün boyutunu değiştir. İndirilecek bir görüntü seçtikten sonra, dosyayı Photoshop'ta açın. Ekranın üst kısmındaki menüde "Görüntü" öğesini seçin ve ardından "Görüntü Boyutu" nu tıklayın. Görüntülenen iletişim kutusunda görüntünün genişliğini ve yüksekliğini 16 piksel olarak değiştirin ve son olarak "Tamam" ı tıklayın.

3. adım

Resminizi bir GIF veya PNG dosyası olarak kaydedin. Bir sonraki adımda ICO formatına dönüştürülmeleri gerektiğinde, bu tür dosyalar neredeyse hiç problem yaşar. Resminizi bu biçimlerden birinde kaydetmek için, Photoshop'un üst menüsünde "Dosya" yı ve ardından "Farklı kaydet" i seçin. Favicon dosyasına bir isim verin ve dosya adı alanının altındaki açılır menüyü tıklayın ve "GIF" veya "PNG" seçeneğini seçin.

4. Adım

Resmi ICO formatına dönüştürün. Photoshop bu tür bir dosyayı kendi başına kaydedemez. Bunun yerine, bir bağlayıcı indirmeli veya bir web yardımcı programı kullanmalısınız. Örneğin, "favicon.cc" web sitesinden ücretsiz favicon jeneratörünü kullanın (bkz. Referanslar). Bu sitenin ana sayfasından "Resmi içe aktar" düğmesine tıklayın. 3. adımda oluşturulan GIF veya PNG dosyasını bulun ve "Yükle" yi tıklayın. Birkaç saniye içinde, yardımcı program dosyanızı 16 kare piksellik bir resme dönüştürür. ICO formatı ile bilgisayarınıza kaydetmek için, sayfanın altındaki "Önizleme" etiketli başlığı bulun ve ardından "Download favicon" a tıklayın. Bu dosyayı, web sayfalarınızın geri kalanıyla birlikte klasöre kaydedin.

Adım 5

Web sitenize favicon ekleyin. Tek tek web sayfalarını, JavaScript ve CSS gibi harici dosyaların yaptığı şekilde bağlarsınız. Web sayfanızı Dreamweaver ile açın, ardından ekranın üstündeki menüde "Görünüm" seçeneğini seçerek kodu değiştirin ve "Kod" seçeneğini tıklayın. Daha sonra aşağıdaki kod etiketlerini içerir: Bu kod, görüntü klasöründe favicon olduğunu varsayar. Favicon'u başka bir yere yerleştirirseniz, içeriğin yerini güncelleyin. Neden iki bağlantı eklemeniz gerekiyor? Tarayıcılar arasında uyumluluk için. Internet Explorer 7, favicons'ları diğer tarayıcılardan farklı bir şekilde ele alır ve doğru bir sunum sağlamak için tek bir kural gerektirir.

6. Adım

Web sayfanızı kaydedin ve ardından tarayıcınızda açın. Şimdi favicon'unu göreceksin. Tarayıcınız zaten açıksa, tamamen kapatmanız ve favicon görünmeden önce yeniden başlatmanız gerekebilir. Ayrıca, bazı tarayıcıların Sık Kullanılanlar klasöründe bulunan sayfaların başlıkları için favicon olduğunu ve başlığın tarayıcı çubuğunda bulunmadığını unutmayın.