Bir indirme düğmesi, web sitenizi yalnızca bağlantılar aracılığıyla indirmenizi sunmaktan çok daha profesyonel görünmesini sağlayabilir. Bir düğme daha temiz bir arayüz sağlar ve kendinizinkini tasarlamak isterseniz, düğmeleriniz sayfa tasarımınızın ayrılmaz parçaları olabilir. HTML düğmeleri oluşturmak veya kendi tasarımınızın bir düğmesini oluşturmak için bu kılavuzu izleyin.
adımlar
Yöntem 1/2: Bir HTML Düğmesi Oluşturma
Adım 1. Düğmeyi bir kod düzenleyicide oluşturun
Notepad veya TextEdit gibi basit bir metin düzenleyici mükemmel bir şekilde çalışacaktır. Düzenleyiciye aşağıdaki kodu girin:
Adım 2. Dosyayı sunucunuza yükleyin
İndirilecek bir dosya sunmak istiyorsanız, onu kendi sunucunuzda barındırmanız veya düğmeyi web'de başka bir yere yönlendirmeniz gerekir. Web sitenizin sunucusuna sunmak istediğiniz dosyayı yüklemek için bir FTP istemcisi kullanın.
Adım 3. Kendiniz barındırmadığınız bir dosyaya bağlantı vermek istiyorsanız, web yöneticisinin iznine sahip olduğunuzdan emin olun
Adım 4. 'İndirme Konumu'nu indirilecek URL ile değiştirin. "window.location='Download Location'" etrafındaki çift tırnakların yanı sıra adresin etrafına tek tırnak işareti eklediğinizden emin olun. HTTP:// veya FTP:// gibi önekleri ve dosya uzantısını da ekleyin.-j.webp" />
Adım 5. Düğmeyi etiketleyin
“Düğme Metni”ni düğmede görünmesini istediğiniz kelimelerle değiştirin. Metnin etrafında çift tırnak işareti bıraktığınızdan emin olun. Düğmenin sayfada büyük ve hantal görünmemesi için düğme metnini küçük tutun.
Adım 6. Kodu sayfanıza yerleştirin
Düğme kodunu web sayfanızın gövdesinin herhangi bir yerine ekleyebilirsiniz ve düğme o konumda görünecektir. Değiştirilen web sayfası kodunuzu yükleyin ve yeni düğmenizi test edin.
Yöntem 2/2: Bir Görüntü Düğmesi Oluşturma
Adım 1. İndirme düğmenizi tasarlayın
Tercih ettiğiniz resim düzenleyiciyi kullanın ve web sitenizin stiline uygun bir düğme oluşturun. Düğmeyi istediğiniz kadar küçük veya büyük yapabilirsiniz.
Adım 2. Dosyayı sunucunuza ve buton görüntüsünü yükleyin
İndirilecek bir dosya sunmak istiyorsanız, onu kendi sunucunuzda barındırmanız veya düğmeyi web'de başka bir yere yönlendirmeniz gerekir. Web sitenizin sunucusuna sunmak istediğiniz dosyayı yüklemek için bir FTP istemcisi kullanın.
Düğme görüntüsünü, yerleştirdiğiniz sayfayla sunucudaki aynı konuma yükleyin
Adım 3. İndirme kodunuzu oluşturun
Bir görüntüyle temsil edilen indirme düğmesi, HTML'deki diğer tüm bağlantıların çalıştığı şekilde çalışır. Aşağıdaki kodu tercih ettiğiniz düzenleyiciye kopyalayın:
Adım 4. Dosya ve resim bilgilerinizi girin. "İndirme Konumu"nu, HTTP:// veya FTP:// önekleri dahil olmak üzere indirmenizin tam URL'si ile değiştirin. “Görüntü Dosyasını indirme düğmesi görüntüsünün dosya adıyla değiştirin. Dosya sunucunuzdaki sayfayla aynı konumdaysa, adresin tamamını eklemeniz gerekmez.
- Kullanıcı imleci resmin üzerine getirdiğinde görünmesini istediğiniz herhangi bir metinle "Metin Üzerine Gel" öğesini değiştirin.
- “X” ve “Y”yi sırasıyla piksel cinsinden görüntü genişliği ve yüksekliği ile değiştirin.
- Her girişin etrafında çift tırnak işareti bıraktığınızdan emin olun.
Adım 5. Kodu sayfanıza girin
Kodu, düğmenizin görünmesini istediğiniz yere yerleştirin. Yeni kodu yükleyin ve ardından düğmenin çalıştığından emin olmak için web sayfasını yükleyin. Fareyle üzerine gelinen metnin yüklenip yüklenmediğini ve resmin doğru boyutta olup olmadığını kontrol edin.
Video - Bu hizmet kullanılarak YouTube ile bazı bilgiler paylaşılabilir
Uyarılar
- Dosyaları kendi sunucunuza yüklemek, dosyaları barındırmak için diğer web sitelerine bağlı kalmak yerine dosyaları çevrimiçi paylaşmanın daha iyi bir yoludur. Başka bir web sitesinden bir bağlantı konumunu kopyalarsanız, oluşturduğunuz indirme düğmesi yalnızca bağlantı konumu etkin olduğu sürece çalışır.
- Ağır para cezalarına veya hapis cezasına yol açabileceğinden, telif hakkı yasalarını ihlal eden dosyaları asla yüklemeyin.
- Kullanıcıların, dosyanın artık mevcut olmadığı bozuk bir bağlantıya gitmek yerine, düğmeyi tıkladıklarında dosyayı indirebileceklerinden emin olmak için, indirme düğmenizi veya bağlantı konumunu aldığınız web sitesindeki indirme bağlantısını düzenli olarak test edin..