İçerik

• adımlar
• Yöntem 1/2: Bir HTML Düğmesi Oluşturun
• Yöntem 2/2: Resim olarak bir düğme oluşturun
• Uyarılar

İndirme düğmesi, sitenizin yalnızca indirmeye bağlantı vermekten çok daha profesyonel görünmesine yardımcı olur. Bir düğme daha temiz bir arayüz sağlar ve kendiniz bir şey tasarlarsanız, düğmeleriniz sayfa tasarımının ayrılmaz bir parçası olabilir. Bir HTML düğmesi veya kendi özel düğmenizi oluşturmak için bu öğreticiyi izleyin.

adımlar

Yöntem 1/2: Bir HTML Düğmesi Oluşturun

1. 1 Kaynak düzenleyicide bir düğme oluşturun. Not Defteri veya TextEdit gibi basit bir metin düzenleyici iyidir. Bir metin düzenleyicide aşağıdaki kodu girin:
2. 2 Dosyayı sunucunuza yükleyin. İndirmek için bir dosya sunmak istiyorsanız, ya onu sunucunuzda saklamanız ya da düğmeyi ağda başka bir yerde bir dosyayla ilişkilendirmeniz gerekir. Site sunucunuza sunmak istediğiniz dosyayı yüklemek için bir FTP istemcisi kullanın.
3. 3 Sizin tarafınızdan saklanmayan bir dosyaya bağlantı vermek istiyorsanız, web yöneticisi haklarına sahip olduğunuzdan emin olun.
4. 4'İndirme Konumunu' gerçek indirme URL'nizle değiştirin. Adresi tek tırnak içine aldığınızdan ve “window.location =' İndirme Konumu”nu çift tırnak içine aldığınızdan emin olun.HTTP: // veya FTP: // gibi önekler ekleyin ve .webp veya .EXE gibi dosya uzantıları ekleyin. ..
5. 5 Düğmeye yazın. “Düğme Metni”ni düğmede görünmesini istediğiniz kelimelerle değiştirin. Metni çift tırnak içine aldığınızdan emin olun. Ekrandaki düğmenin hantal görünmemesi için cümlenizi kısa tutmaya çalışın.
6. 6 Kaynak kodunu sayfanıza yerleştirin. Düğmenin kaynak kodunu sayfanın herhangi bir yerine yapıştırabilirsiniz ve düğme tam olarak o yerde görünecektir. Yeni sayfa kodunuzu yükleyin ve yeni düğmenizi test edin.

Yöntem 2/2: Resim olarak bir düğme oluşturun

1. 1 İndirme düğmenizi çizin. Beğendiğiniz herhangi bir resim düzenleyiciyi kullanın ve sitenizin stiline uygun bir düğme çizin. Düğmeyi istediğiniz kadar büyük (veya küçük) yapabilirsiniz.
2. 2 Dosyayı ve butonlu görseli sunucunuza yükleyin. İndirmek üzere bir dosya sunmak istiyorsanız, ya onu sunucunuzda saklamanız ya da düğmeyi ağda başka bir yerde bir dosyayla ilişkilendirmeniz gerekir. Site sunucunuza sunmak istediğiniz dosyayı yüklemek için bir FTP istemcisi kullanın.
   • Düğme görüntüsünü, bu düğmeyi eklediğiniz sayfanın bulunduğu sunucuda aynı konuma yükleyin.
3. 3 İndirmek için kaynak kodunu yazın. Resim olarak oluşturulan indirme düğmesi, HTML'deki diğer tüm bağlantılarla aynı şekilde çalışır.Aşağıdaki kodu editörünüze kopyalayın:
4. 4 Dosya ve görüntü bilgilerini girin. "İndirme Konumu"nu, herhangi bir HTTP: // veya FTP: // önekleri dahil olmak üzere gerçek bir indirme URL'si ile değiştirin. “Görüntü Dosyası”nı düğme görüntüsünün dosya adıyla değiştirin. Dosya sunucuda sayfayla aynı yerde bulunuyorsa tam yolu belirtmeniz gerekmez.
   • Kullanıcı fareyle düğme görüntüsünün üzerine geldiğinde görünmesi gereken metinle "Vurgulu Metni" değiştirin.
   • “X” ve “Y”yi, sırasıyla görüntünün piksel cinsinden genişliği ve yüksekliği ile değiştirin.
   • Tüm bu girişleri çift tırnak içine aldığınızdan emin olun.
5. 5 Kaynak kodunu sayfanıza girin. Kodu, düğmenin görünmesi gereken yere yerleştirin. Yeni kod yükleyin ve ardından düğmenin çalışıp çalışmadığını görmek için web sayfanızı açın. Fareyle üzerine gelindiğinde ipucu metninin göründüğünü ve resmin kendisinin doğru boyutta olup olmadığını kontrol edin.

Uyarılar

• Telif hakkı yasalarını ihlal eden dosyaları asla yüklemeyin, çünkü bu ağır bir para cezasına ve hatta hapis cezasına neden olabilir.
• Dosyaları kendi sunucunuza yüklemek ve bunları, depolandıkları diğer sitelere bağımlı olmaktan daha sonra paylaşmak çok daha iyidir. Başka bir siteden bir dosya konumuna bağlantı kopyalarsanız, oluşturduğunuz indirme düğmesi yalnızca bağlantı geçerli olduğu sürece çalışır. Kullanıcıların düğmeye tıkladıklarında dosyayı indirebileceklerinden ve bozuk bağlantıya tıklamayacaklarından emin olmak için, aldığınız sitedeki düğmenin veya bağlantının işlevselliğini periyodik olarak kontrol etmeniz gerekecektir. dosyanın artık mevcut olmadığı gerçeği.