Yuklab olish tugmachasini qanday yaratish mumkin: 11 qadam (rasmlar bilan)

Mundarija:

Yuklab olish tugmachasini qanday yaratish mumkin: 11 qadam (rasmlar bilan)
Yuklab olish tugmachasini qanday yaratish mumkin: 11 qadam (rasmlar bilan)

Video: Yuklab olish tugmachasini qanday yaratish mumkin: 11 qadam (rasmlar bilan)

Video: Yuklab olish tugmachasini qanday yaratish mumkin: 11 qadam (rasmlar bilan)
Video: 30ta maxfiy sir клавиатурадаги 30та махфий сир 2024, May
Anonim

Yuklab olish tugmasi sizning veb -saytingizni havolalar orqali yuklashni taklif qilishdan ko'ra ancha professional ko'rinishga ega bo'lishi mumkin. Tugma toza interfeysni ta'minlaydi va agar siz o'zingizni dizaynini yaratmoqchi bo'lsangiz, sizning tugmalaringiz sahifa dizaynining ajralmas qismi bo'lishi mumkin. HTML tugmachalarini yaratish yoki o'zingiz xohlagan tugmani yaratish uchun ushbu qo'llanmani bajaring.

Qadamlar

2 -usul 1: HTML tugmachasini yaratish

Yuklab olish tugmachasini yarating 1 -qadam
Yuklab olish tugmachasini yarating 1 -qadam

Qadam 1. Tugmani kod muharririda yarating

Notepad yoki TextEdit kabi oddiy matn muharriri mukammal ishlaydi. Tahrirlovchiga quyidagi kodni kiriting:

Yuklab olish tugmachasini yarating 2 -qadam
Yuklab olish tugmachasini yarating 2 -qadam

Qadam 2. Faylni serveringizga yuklang

Agar siz faylni yuklab olishni taklif qilmoqchi bo'lsangiz, uni o'z serveringizda joylashtirishingiz yoki faylni Internetdagi boshqa joyga ko'rsatishingiz kerak bo'ladi. Veb -saytingiz serveriga yuklamoqchi bo'lgan faylni yuklash uchun FTP mijozidan foydalaning.

Yuklab olish tugmachasini yarating 3 -qadam
Yuklab olish tugmachasini yarating 3 -qadam

Qadam 3. Agar siz o'zingizni joylashtirmagan faylga havola qilmoqchi bo'lsangiz, veb -ustaning ruxsatiga ega ekanligingizga ishonch hosil qiling

Yuklab olish tugmachasini yarating 4 -qadam
Yuklab olish tugmachasini yarating 4 -qadam

4 -qadam. Yuklab olish URL manziliga "Yuklab olish joyi" o'rnini qo'ying. Manzil atrofidagi bitta tirnoqni, shuningdek, "window.location = 'Manzilni yuklash" atrofidagi ikkita tirnoqni qo'shganingizga ishonch hosil qiling. HTTP: // yoki FTP: // kabi har qanday prefikslarni qo'shing va shu kabi fayl kengaytmalarini ham kiriting.-j.webp" />

Yuklab olish tugmachasini yarating 5 -qadam
Yuklab olish tugmachasini yarating 5 -qadam

Qadam 5. Tugmani belgilang

"Tugma matni" ni tugmachada ko'rsatmoqchi bo'lgan so'zlar bilan almashtiring. Matn atrofida ikkita tirnoq saqlanganligiga ishonch hosil qiling. Tugma sahifada katta va noqulay ko'rinmasligi uchun tugma matnini kichik qilib qo'ying.

Yuklab olish tugmachasini yarating 6 -qadam
Yuklab olish tugmachasini yarating 6 -qadam

Qadam 6. Kodni sahifangizga joylashtiring

Siz tugma kodini veb -sahifangizning istalgan joyiga kiritishingiz mumkin va tugma o'sha joyda paydo bo'ladi. O'zgartirilgan veb -sahifa kodini yuklang va yangi tugmani sinab ko'ring.

2 -usul 2: tasvir tugmachasini yaratish

Yuklab olish tugmachasini yarating 7 -qadam
Yuklab olish tugmachasini yarating 7 -qadam

Qadam 1. Yuklab olish tugmasini loyihalashtiring

O'zingiz yoqtirgan rasm muharriridan foydalaning va veb -saytingiz uslubiga mos keladigan tugma yarating. Siz tugmani xohlaganingizcha kichkina yoki kattalashtirishingiz mumkin.

Yuklab olish tugmachasini yarating 8 -qadam
Yuklab olish tugmachasini yarating 8 -qadam

Qadam 2. Faylni serveringizga va tugma tasvirini yuklang

Agar siz faylni yuklab olishni taklif qilmoqchi bo'lsangiz, uni o'z serveringizda joylashtirishingiz yoki faylni Internetdagi boshqa joyga ko'rsatishingiz kerak bo'ladi. Veb -saytingiz serveriga yuklamoqchi bo'lgan faylni yuklash uchun FTP mijozidan foydalaning.

Tugma tasvirini siz joylashtirayotgan sahifa bilan bir xil serverga yuklang

Yuklab olish tugmachasini yarating 9 -qadam
Yuklab olish tugmachasini yarating 9 -qadam

Qadam 3. Yuklab olish kodini yarating

Rasm bilan tasvirlangan yuklash tugmasi boshqa barcha havolalar HTML -da bo'lgani kabi ishlaydi. Quyidagi kodni o'zingiz yoqtirgan muharrirga nusxalash:

Yuklab olish tugmachasini yarating 10 -qadam
Yuklab olish tugmachasini yarating 10 -qadam

4 -qadam. Fayl va rasm ma'lumotlarini kiriting. "Yuklab olish joyi" o'rnini HTTP: // yoki FTP: // prefikslarini o'z ichiga olgan holda yuklash uchun to'liq URL bilan almashtiring. "Rasm faylini yuklash tugmasi tasvirining fayl nomi bilan almashtiring. Agar fayl sizning serveringizdagi sahifa bilan bir xil bo'lsa, manzilni to'liq kiritish shart emas.

  • "Hover Text" ni foydalanuvchi kursorni rasm ustiga o'tkazganda paydo bo'ladigan matn bilan almashtiring.
  • "X" va "Y" ni mos ravishda piksel kengligi va balandligi bilan almashtiring.
  • Har bir yozuv atrofida ikkita tirnoq saqlanganligiga ishonch hosil qiling.
Yuklab olish tugmachasini yarating 11 -qadam
Yuklab olish tugmachasini yarating 11 -qadam

Qadam 5. O'z sahifangizga kodni kiriting

Kodni tugma paydo bo'lishini xohlagan joyga qo'ying. Yangi kodni yuklang va tugma ishlashiga ishonch hosil qilish uchun veb -sahifani yuklang. Hover matn yuklanganligini va rasm to'g'ri o'lchamda ekanligini tekshiring.

Video - bu xizmatdan foydalanib, ba'zi ma'lumotlar YouTube bilan bo'lishishi mumkin

Ogohlantirishlar

  • Fayllarni o'z serveringizga yuklash, fayllarni joylashtirish uchun boshqa veb -saytlarga qaramasdan, fayllarni onlayn almashishning eng yaxshi usuli. Agar siz havolani boshqa veb -saytdan nusxa ko'chirsangiz, siz yaratgan yuklash tugmasi faqat havola joylashuvi faol bo'lgan vaqtdagina ishlaydi.
  • Hech qachon mualliflik huquqi to'g'risidagi qonunlarni buzgan holda fayllarni yuklamang, chunki bu katta jarimaga yoki qamoq jazosiga olib kelishi mumkin.
  • Vaqti -vaqti bilan yuklash tugmachasini yoki havola joylashgan veb -saytdagi yuklab olish havolasini tekshirib turing, shunda foydalanuvchilar fayl tugmachasini bosganida, fayl endi yo'q bo'lgan buzilgan havolaga o'tishi mumkin..

Tavsiya: