Yükləmə düyməsini necə yaratmaq olar: 11 addım (şəkillərlə)

Mündəricat:

Yükləmə düyməsini necə yaratmaq olar: 11 addım (şəkillərlə)
Yükləmə düyməsini necə yaratmaq olar: 11 addım (şəkillərlə)

Video: Yükləmə düyməsini necə yaratmaq olar: 11 addım (şəkillərlə)

Video: Yükləmə düyməsini necə yaratmaq olar: 11 addım (şəkillərlə)
Video: MS Excel -də cədvəllərlə iş 2024, Bilər
Anonim

Yükləmə düyməsi veb saytınızı yükləməyinizi bağlantılar vasitəsilə təklif etməkdən daha əhəmiyyətli dərəcədə peşəkar edə bilər. Bir düymə daha təmiz bir interfeys təmin edir və özünüzü dizayn etmək istəsəniz, düymələriniz səhifənizin dizaynının ayrılmaz hissələri ola bilər. HTML düymələri yaratmaq və ya öz dizaynınızın düyməsini etmək üçün bu təlimatı izləyin.

Addımlar

Metod 1 /2: HTML Düyməsini Yaratmaq

Yükləmə Düyməsini Yaradın Adım 1
Yükləmə Düyməsini Yaradın Adım 1

Addım 1. Kod redaktorunda düyməni yaradın

Notepad və ya TextEdit kimi sadə bir mətn redaktoru mükəmməl işləyəcək. Redaktora aşağıdakı kodu daxil edin:

Yükləmə Düyməsini Yaradın 2. Adım
Yükləmə Düyməsini Yaradın 2. Adım

Addım 2. Faylı serverinizə yükləyin

Yükləmək üçün bir fayl təklif etmək istəyirsinizsə, ya öz serverinizdə yerləşdirməlisiniz, ya da düyməni faylın başqa bir yerində göstərməlisiniz. Veb saytınızın serverinə təqdim etmək istədiyiniz faylı yükləmək üçün FTP müştəri istifadə edin.

Yükləmə Düyməsini Yaradın Adım 3
Yükləmə Düyməsini Yaradın Adım 3

Addım 3. Özünüz barındırmadığınız bir fayla keçid etmək istəyirsinizsə, webmasterin icazəsinə malik olduğunuzdan əmin olun

Yükləmə Düyməsini Yaradın 4
Yükləmə Düyməsini Yaradın 4

Addım 4. Yükləmə URL'si ilə 'Yükləmə Yerini' əvəz edin. Ünvanın ətrafındakı tək sitatları və "window.location = 'Yerini Yüklə'" ətrafındakı ikiqat sitatları daxil etməyinizə əmin olun. HTTP: // və ya FTP: // kimi hər hansı bir prefiksi daxil edin və belə fayl uzantısını da daxil edin.-j.webp" />

Yükləmə düyməsini yaradın 5 -ci addım
Yükləmə düyməsini yaradın 5 -ci addım

Addım 5. Düyməni etiketləyin

"Düymə Mətni" ni düymədə görünməsini istədiyiniz sözlərlə əvəz edin. Mətn ətrafında ikiqat tirnoq saxladığınızdan əmin olun. Düymənin səhifədə böyük və lazımsız görünməməsi üçün düymə mətnini kiçik saxlayın.

Yükləmə Düyməsini Yaradın Adım 6
Yükləmə Düyməsini Yaradın Adım 6

Addım 6. Kodu səhifənizə yerləşdirin

Düymə kodunu veb səhifənizin hər hansı bir hissəsinə daxil edə bilərsiniz və düymə həmin yerdə görünəcək. Dəyişdirilmiş veb səhifənizi yükləyin və yeni düyməni sınayın.

Metod 2 /2: Şəkil Düyməsini Yarat

Yükləmə Düyməsini Yarat 7
Yükləmə Düyməsini Yarat 7

Addım 1. Yükləmə düyməsini dizayn edin

Tercih etdiyiniz şəkil redaktorundan istifadə edin və veb saytınızın üslubuna uyğun bir düymə yaradın. Düyməni istədiyiniz qədər kiçik və ya böyük edə bilərsiniz.

Yükləmə Düyməsini Yaradın Adım 8
Yükləmə Düyməsini Yaradın Adım 8

Addım 2. Faylı serverinizə və düymə şəklinə yükləyin

Yükləmək üçün bir fayl təklif etmək istəyirsinizsə, ya öz serverinizdə yerləşdirməlisiniz, ya da düyməni faylın başqa bir yerində göstərməlisiniz. Veb saytınızın serverinə təqdim etmək istədiyiniz faylı yükləmək üçün FTP müştəri istifadə edin.

Düymə görüntüsünü, qoyduğunuz səhifə ilə eyni yerdə serverə yükləyin

Yükləmə Düyməsini Yaradın Adım 9
Yükləmə Düyməsini Yaradın Adım 9

Addım 3. Yükləmə kodunuzu yaradın

Bir görüntü ilə təmsil olunan bir yükləmə düyməsi, bütün digər bağlantılar HTML -də işlədiyi kimi işləyir. Aşağıdakı kodu istədiyiniz redaktora kopyalayın:

Yükləmə Düyməsini Yaratın Adım 10
Yükləmə Düyməsini Yaratın Adım 10

Addım 4. Fayl və şəkil məlumatlarınızı daxil edin. Hər hansı bir HTTP: // və ya FTP: // öneki daxil olmaqla, yükləmə ünvanınızın tam URL'si ilə "Yükləmə Məkanını" əvəz edin. "Şəkil Faylını yükləmə düyməsinin görüntüsü üçün fayl adı ilə əvəz edin. Fayl serverinizdəki səhifə ilə eyni yerdədirsə, bütün ünvanı daxil etməyinizə ehtiyac yoxdur.

  • İstifadəçi imleci şəklin üzərinə gətirdikdə görünmək istədiyiniz hər hansı bir mətnlə "Hover Text" -i əvəz edin.
  • "X" və "Y" işarələrini müvafiq olaraq piksel eni və hündürlüyü ilə əvəz edin.
  • Hər giriş ətrafında ikiqat tirnoq saxladığınızdan əmin olun.
Yükləmə düyməsini yaradın Adım 11
Yükləmə düyməsini yaradın Adım 11

Addım 5. Kodu səhifənizə daxil edin

Kodu düymənizin görünməsini istədiyiniz yerə qoyun. Yeni kodu yükləyin və sonra düymənin işləməsini təmin etmək üçün veb səhifəni yükləyin. Hover mətninin yükləndiyini və şəklin düzgün ölçüdə olduğunu yoxlayın.

Video - Bu xidmətdən istifadə edərək bəzi məlumatlar YouTube ilə paylaşıla bilər

Xəbərdarlıqlar

  • Faylları öz serverinizə yükləmək, faylları yerləşdirmək üçün digər veb saytlardan asılı olmayaraq faylları onlayn olaraq paylaşmağın daha yaxşı bir yoludur. Başqa bir veb saytından bir bağlantı yerini kopyalasanız, yaratdığınız yükləmə düyməsi yalnız bağlantı yeri aktiv olduğu müddətdə işləyəcək.
  • Müəllif hüquqları qanunlarını pozaraq heç vaxt fayl yükləməyin, çünki bu, ağır cərimələrə və ya həbs cəzasına səbəb ola bilər.
  • İstifadəçilər, faylın artıq olmadığı qırıq bir linkə getmək əvəzinə düyməni basdıqda faylı yükləyə biləcəklərindən əmin olmaq üçün yükləmə düyməsini və ya bağlantı yerini aldığınız veb saytında yükləmə bağlantısını vaxtaşırı yoxlayın..

Tövsiyə: