Web sitenize bir .gif resmi eklemek isteyebileceğiniz birçok neden vardır.
Web sitenize bir resim eklemek, ziyaretçiler için çekiciliğini büyük ölçüde artırabilir. Web'deki resimler için en yaygın kullanılan dosya biçimi .jpg ve .gif'tir. Indiana Üniversitesi, .gif dosyalarının azaltılmış renk geçişlerine sahip keskin kenarlı görüntüler için en uygun olduğunu söylüyor. Bunlar çizgi film, metin ve çizgi sanatı içerebilir. .gif dosyalarının diğer avantajları, arka planı şeffaflığa ayarlama ve animasyon ekleme yeteneğidir. Bir web sitesine .gif dosyası eklemek, bir dosya yüklemek ve bir cümle yazmak kadar basittir.
Aşama 1
Web sitenizin yönetim panelini açın. Bu, kullandığınız ana sunucuya veya sitenizi yönetmek için Dreamweaver gibi programlar kullanıp kullanmadığınıza bağlı olduğundan, her birey için farklı olacaktır. Temel olarak, iki ana düzenleme yazılımı türü vardır: html düzenleyici veya WYSIWYG. Smashing Magazine, WYSIWYG'nin "Ne Görürseniz Onu Alırsınız" anlamına geldiğini açıklıyor. Bu programlar, sayfa oluşturmayı daha sezgisel hale getirmek için tasarlanmıştır. HTML düzenleyicileri, HTML dilinin temellerini anlamanızı gerektirir.
Günün Videosu
Adım 2
.gif resim dosyanızı web sitenizin "images" veya uygun klasörüne kaydedin. Bilgisayarınızda bir program kullanıyorsanız, sabit sürücünüzde doğru klasörü bulmanız yeterli olacaktır. Çevrimiçi bir yönetim arayüzü kullanıyorsanız, resmi yüklemeniz gerekecektir. Yönetim panelinizde doğru klasöre gidin ve bir dosya yüklemek için talimatları izleyin. Çoğu durumda, bilgisayarınızdaki .gif dosyasını bulmak için bir göz at düğmesini kullanır ve ardından "Yükle"yi tıklarsınız.
Aşama 3
.gif'i web sayfasına ekleyin. Bir WYSIWYG düzenleyicide tek yapmanız gereken görüntüyü istediğiniz yere sürükleyip bırakmaktır. Sayfanın beklediğiniz gibi göründüğünden emin olmak için web sitesini önizleyin ve gerektiği gibi ayarlayın.
Bir HTML metin düzenleyicisi kullanıyorsanız, .gif'in yerleştirileceği HTML sayfasını açın. HTML metninde .gif'in görünmesini istediğiniz noktaya ilerleyin. "=" işaretlerinden sonra bilgileri .gif ile ilgili bilgilerle değiştirerek ve tırnak işaretlerini yerinde bırakarak aşağıdaki satırı ekleyin:
Cross Culture, "img src"nin "görüntü kaynağı" anlamına geldiğini açıklar. Tırnak işaretleri arasındaki bilgiler, .gif'in bulunduğu klasörün adını ve ardından .gif'in adını listelemelidir. "Alt" etiketi, resim bağlantısı bozulduğunda, ziyaretçinin resimleri devre dışı bırakıldığında veya metin okuyucuların kodunu çözmesi için görünecek metni ifade eder. "Genişlik" ve "yükseklik", görüntünün piksel olarak görüntülenen boyutunu belirler. Boşluk etiketleri, çevreleyen içeriğe göre görüntünün çevresinde ne kadar dikey veya yatay boşluk verildiğini tanımlar. Kenarlık etiketi görüntünün etrafına bir çizgi ekler ve tırnak içindeki sayı genişliğini belirler.
İhtiyacınız Olan Şeyler
İnternet bağlantısı olan bilgisayar
Web sitesine idari erişim
Eklenecek kayıtlı .gif resmi
Uç
.gif dosyasının yaygın bir kullanımı, spacer.gif olarak adlandırılır. Bu görüntü, 1 piksele 1 piksel ölçülerinde şeffaf bir karedir. Bu .gif dosyası, sayfa tasarımcılarına mizanpajdaki çeşitli konumlara verimli bir şekilde öngörülebilir alan ekleme seçeneği sunar. Örneğin, bir metin bloğunun altına boşluk eklemek için, spacer.gif'i kendi paragrafına yerleştirebilir ve yükseklik ve genişliği tercihlerinize göre ayarlayabilirsiniz.
Uyarı
Yeni .gif'i eklemeye çalışmadan önce değiştirdiğiniz web sayfasının bir kopyasını kaydedin ve sonuçlarınızdan memnun kalana kadar mümkünse çevrimdışı çalışmayı deneyin. Bu, alıştırma sayfalarının herkese açık hale gelmesini engeller ve zorluk yaşamanız durumunda yeniden başlama yeteneğinizi korur.
