Հեղինակ:
Bobbie Johnson
Ստեղծման Ամսաթիվը:
6 Ապրիլ 2021
Թարմացման Ամսաթիվը:
1 Հուլիս 2024
![Beaded ապարանջան սկսնակների համար քայլ առ քայլ ստվարաթղթի վրա](https://i.ytimg.com/vi/9awpkG29wYw/hqdefault.jpg)
Բովանդակություն
Ներբեռնման կոճակը կօգնի ձեր կայքին շատ ավելի պրոֆեսիոնալ տեսք ունենալ, քան պարզապես ներբեռնելու հղումը: Կոճակն ապահովում է ավելի մաքուր ինտերֆեյս, և եթե ինքներդ ինչ -որ բան եք նախագծում, ձեր կոճակները կարող են դառնալ էջի ձևավորման անբաժանելի մասը: Հետևեք այս ձեռնարկին ՝ HTML կոճակ կամ ձեր անձնական կոճակը ստեղծելու համար:
Քայլեր
Մեթոդ 1 2 -ից. Ստեղծեք HTML կոճակ
1 Ստեղծեք կոճակ աղբյուրի խմբագրում: Պարզ տեքստային խմբագիր, ինչպիսին է Notepad- ը կամ TextEdit- ը, լավ է: Տեքստային խմբագրում մուտքագրեք հետևյալ ծածկագիրը.
2 Վերբեռնեք ֆայլը ձեր սերվերին: Եթե ցանկանում եք ֆայլ առաջարկել ներբեռնման համար, կամ պետք է այն պահեք ձեր սերվերում կամ կոճակը կապեք ցանցի այլուր ինչ -որ այլ ֆայլի հետ: Օգտագործեք FTP հաճախորդ ՝ ֆայլը վերբեռնելու համար, որը ցանկանում եք հասանելի դարձնել ձեր կայքի սերվերին:
3 Համոզվեք, որ ունեք վեբ վարպետի իրավունքներ, եթե ցանկանում եք հղում կատարել ձեր կողմից չպահված ֆայլին:
4 Փոխարինեք «Ներբեռնման վայրը» ՝ ձեր իրական ներբեռնման URL- ով: Համոզվեք, որ հասցեն կցեք միայնակ չակերտների մեջ և «window.location = 'Ներբեռնման վայրը» կրկնակի մեջբերումների մեջ: Ավելացրեք նախածանցներ, ինչպիսիք են HTTP: // կամ FTP: //, և ավելացրեք ֆայլի ընդարձակումներ, ինչպիսիք են .webp կամ .EXE ..
5 Գրեք կոճակի վրա: «Կոճակի տեքստը» փոխարինեք այն բառերով, որոնք ցանկանում եք հայտնվել կոճակի վրա: Համոզվեք, որ տեքստը ներառեք կրկնակի մեջբերումներում: Փորձեք կարճ արտահայտել ձեր արտահայտությունը, որպեսզի էկրանի կոճակը ծանր չթվա:
6 Տեղադրեք աղբյուրի կոդը ձեր էջում: Դուք կարող եք տեղադրել կոճակի աղբյուրի կոդը էջի ցանկացած վայրում, և կոճակը կհայտնվի հենց այդ վայրում: Վերբեռնեք ձեր նոր էջի կոդը և փորձարկեք ձեր նոր կոճակը:
Մեթոդ 2 -ից 2 -ը. Ստեղծեք կոճակ որպես նկար
1 Նկարեք ձեր ներբեռնման կոճակը: Օգտագործեք ձեր նախընտրած ցանկացած պատկերի խմբագիր և նկարեք ձեր կայքի ոճին համապատասխան կոճակ: Դուք կարող եք կոճակը դարձնել այնքան մեծ (կամ փոքր), որքան ցանկանում եք:
2 Ֆայլը և պատկերը կոճակով վերբեռնեք ձեր սերվերին: Եթե ցանկանում եք ֆայլ առաջարկել ներբեռնման համար, կամ պետք է այն պահեք ձեր սերվերում կամ կոճակը կապեք ցանցի այլուր ինչ -որ այլ ֆայլի հետ: Օգտագործեք FTP հաճախորդ ՝ ֆայլը վերբեռնելու համար, որը ցանկանում եք հասանելի դարձնել ձեր կայքի սերվերին:
- Վերբեռնեք կոճակի պատկերը սերվերի նույն վայրում, որտեղ գտնվում է այն էջը, որտեղ ավելացնում եք այս կոճակը:
3 Ներբեռնման համար գրեք աղբյուրի կոդը: Ներբեռնման կոճակը, որը պատկերված է, աշխատում է այնպես, ինչպես HTML- ի մյուս բոլոր հղումները: Պատճենեք հետևյալ կոդը ձեր խմբագրում.
4 Մուտքագրեք ֆայլի և պատկերի տվյալները: «Ներբեռնման վայրը» փոխարինեք իրական ներբեռնման URL- ով, ներառյալ ցանկացած HTTP: // կամ FTP: // նախածանց: «Image File» - ը փոխարինեք կոճակի պատկերի ֆայլի անունով: Եթե ֆայլը գտնվում է սերվերի վրա, էջի նույն տեղում, ապա ձեզ հարկավոր չէ նշել ամբողջական ուղին:
- Փոխարինեք «Հովեր տեքստը» տեքստով, որը պետք է հայտնվի, երբ օգտագործողը սավառնում է կոճակի պատկերի վրա:
- «X» - ն և «Y» - ն համապատասխանաբար փոխարինեք պատկերի լայնությամբ և բարձրությամբ պիքսելներով:
- Համոզվեք, որ այս բոլոր գրառումները ավելացրեք կրկնակի մեջբերումներով:
5 Մուտքագրեք սկզբնական կոդը ձեր էջում: Տեղադրեք կոդը այնտեղ, որտեղ պետք է հայտնվի կոճակը: Վերբեռնեք նոր ծածկագիր, այնուհետև բացեք ձեր կայքը ՝ տեսնելու, թե արդյոք կոճակն աշխատում է: Ստուգեք, որ հուշման տեքստը հայտնվի սավառնելի վրա և որ նկարի ինքնին ճիշտ չափը լինի:
Գուշացումներ
- Երբեք ֆայլեր չբեռնեք հեղինակային իրավունքի օրենքների խախտմամբ, քանի որ դա կարող է հանգեցնել ծանր տուգանքի կամ նույնիսկ ազատազրկման:
- Շատ ավելի լավ է ֆայլեր վերբեռնել ձեր սեփական սերվերում և դրանք ավելի ուշ կիսել, քան կախված լինել այլ կայքերից, որոնցում դրանք պահվում են: Եթե պատճենեք ֆայլի գտնվելու վայրի հղումը այլ կայքից, ձեր ստեղծած ներբեռնման կոճակը կաշխատի միայն այնքան ժամանակ, քանի դեռ հղումը վավեր է: Դուք ստիպված կլինեք պարբերաբար ստուգել կոճակի կամ հղման ֆունկցիոնալությունը այն կայքից, որտեղից այն վերցրել եք, որպեսզի համոզվեք, որ օգտվողները կկարողանան ներբեռնել ֆայլը, երբ կտտացնում են կոճակին, և չեն սեղմում կոտրված հղման պատճառով այն փաստը, որ ֆայլն այլևս գոյություն չունի: