Ինչպես պատրաստել ներբեռնման կոճակ

Հեղինակ: Bobbie Johnson
Ստեղծման Ամսաթիվը: 6 Ապրիլ 2021
Թարմացման Ամսաթիվը: 1 Հուլիս 2024
Anonim
Beaded ապարանջան սկսնակների համար քայլ առ քայլ ստվարաթղթի վրա
Տեսանյութ: Beaded ապարանջան սկսնակների համար քայլ առ քայլ ստվարաթղթի վրա

Բովանդակություն

Ներբեռնման կոճակը կօգնի ձեր կայքին շատ ավելի պրոֆեսիոնալ տեսք ունենալ, քան պարզապես ներբեռնելու հղումը: Կոճակն ապահովում է ավելի մաքուր ինտերֆեյս, և եթե ինքներդ ինչ -որ բան եք նախագծում, ձեր կոճակները կարող են դառնալ էջի ձևավորման անբաժանելի մասը: Հետևեք այս ձեռնարկին ՝ HTML կոճակ կամ ձեր անձնական կոճակը ստեղծելու համար:

Քայլեր

Մեթոդ 1 2 -ից. Ստեղծեք HTML կոճակ

  1. 1 Ստեղծեք կոճակ աղբյուրի խմբագրում: Պարզ տեքստային խմբագիր, ինչպիսին է Notepad- ը կամ TextEdit- ը, լավ է: Տեքստային խմբագրում մուտքագրեք հետևյալ ծածկագիրը.
  2. 2 Վերբեռնեք ֆայլը ձեր սերվերին: Եթե ​​ցանկանում եք ֆայլ առաջարկել ներբեռնման համար, կամ պետք է այն պահեք ձեր սերվերում կամ կոճակը կապեք ցանցի այլուր ինչ -որ այլ ֆայլի հետ: Օգտագործեք FTP հաճախորդ ՝ ֆայլը վերբեռնելու համար, որը ցանկանում եք հասանելի դարձնել ձեր կայքի սերվերին:
  3. 3 Համոզվեք, որ ունեք վեբ վարպետի իրավունքներ, եթե ցանկանում եք հղում կատարել ձեր կողմից չպահված ֆայլին:
  4. 4 Փոխարինեք «Ներբեռնման վայրը» ՝ ձեր իրական ներբեռնման URL- ով: Համոզվեք, որ հասցեն կցեք միայնակ չակերտների մեջ և «window.location = 'Ներբեռնման վայրը» կրկնակի մեջբերումների մեջ: Ավելացրեք նախածանցներ, ինչպիսիք են HTTP: // կամ FTP: //, և ավելացրեք ֆայլի ընդարձակումներ, ինչպիսիք են .webp կամ .EXE ..
  5. 5 Գրեք կոճակի վրա: «Կոճակի տեքստը» փոխարինեք այն բառերով, որոնք ցանկանում եք հայտնվել կոճակի վրա: Համոզվեք, որ տեքստը ներառեք կրկնակի մեջբերումներում: Փորձեք կարճ արտահայտել ձեր արտահայտությունը, որպեսզի էկրանի կոճակը ծանր չթվա:
  6. 6 Տեղադրեք աղբյուրի կոդը ձեր էջում: Դուք կարող եք տեղադրել կոճակի աղբյուրի կոդը էջի ցանկացած վայրում, և կոճակը կհայտնվի հենց այդ վայրում: Վերբեռնեք ձեր նոր էջի կոդը և փորձարկեք ձեր նոր կոճակը:

Մեթոդ 2 -ից 2 -ը. Ստեղծեք կոճակ որպես նկար

  1. 1 Նկարեք ձեր ներբեռնման կոճակը: Օգտագործեք ձեր նախընտրած ցանկացած պատկերի խմբագիր և նկարեք ձեր կայքի ոճին համապատասխան կոճակ: Դուք կարող եք կոճակը դարձնել այնքան մեծ (կամ փոքր), որքան ցանկանում եք:
  2. 2 Ֆայլը և պատկերը կոճակով վերբեռնեք ձեր սերվերին: Եթե ​​ցանկանում եք ֆայլ առաջարկել ներբեռնման համար, կամ պետք է այն պահեք ձեր սերվերում կամ կոճակը կապեք ցանցի այլուր ինչ -որ այլ ֆայլի հետ: Օգտագործեք FTP հաճախորդ ՝ ֆայլը վերբեռնելու համար, որը ցանկանում եք հասանելի դարձնել ձեր կայքի սերվերին:
    • Վերբեռնեք կոճակի պատկերը սերվերի նույն վայրում, որտեղ գտնվում է այն էջը, որտեղ ավելացնում եք այս կոճակը:
  3. 3 Ներբեռնման համար գրեք աղբյուրի կոդը: Ներբեռնման կոճակը, որը պատկերված է, աշխատում է այնպես, ինչպես HTML- ի մյուս բոլոր հղումները: Պատճենեք հետևյալ կոդը ձեր խմբագրում.
  4. 4 Մուտքագրեք ֆայլի և պատկերի տվյալները: «Ներբեռնման վայրը» փոխարինեք իրական ներբեռնման URL- ով, ներառյալ ցանկացած HTTP: // կամ FTP: // նախածանց: «Image File» - ը փոխարինեք կոճակի պատկերի ֆայլի անունով: Եթե ​​ֆայլը գտնվում է սերվերի վրա, էջի նույն տեղում, ապա ձեզ հարկավոր չէ նշել ամբողջական ուղին:
    • Փոխարինեք «Հովեր տեքստը» տեքստով, որը պետք է հայտնվի, երբ օգտագործողը սավառնում է կոճակի պատկերի վրա:
    • «X» - ն և «Y» - ն համապատասխանաբար փոխարինեք պատկերի լայնությամբ և բարձրությամբ պիքսելներով:
    • Համոզվեք, որ այս բոլոր գրառումները ավելացրեք կրկնակի մեջբերումներով:
  5. 5 Մուտքագրեք սկզբնական կոդը ձեր էջում: Տեղադրեք կոդը այնտեղ, որտեղ պետք է հայտնվի կոճակը: Վերբեռնեք նոր ծածկագիր, այնուհետև բացեք ձեր կայքը ՝ տեսնելու, թե արդյոք կոճակն աշխատում է: Ստուգեք, որ հուշման տեքստը հայտնվի սավառնելի վրա և որ նկարի ինքնին ճիշտ չափը լինի:

Գուշացումներ

  • Երբեք ֆայլեր չբեռնեք հեղինակային իրավունքի օրենքների խախտմամբ, քանի որ դա կարող է հանգեցնել ծանր տուգանքի կամ նույնիսկ ազատազրկման:
  • Շատ ավելի լավ է ֆայլեր վերբեռնել ձեր սեփական սերվերում և դրանք ավելի ուշ կիսել, քան կախված լինել այլ կայքերից, որոնցում դրանք պահվում են: Եթե ​​պատճենեք ֆայլի գտնվելու վայրի հղումը այլ կայքից, ձեր ստեղծած ներբեռնման կոճակը կաշխատի միայն այնքան ժամանակ, քանի դեռ հղումը վավեր է: Դուք ստիպված կլինեք պարբերաբար ստուգել կոճակի կամ հղման ֆունկցիոնալությունը այն կայքից, որտեղից այն վերցրել եք, որպեսզի համոզվեք, որ օգտվողները կկարողանան ներբեռնել ֆայլը, երբ կտտացնում են կոճակին, և չեն սեղմում կոտրված հղման պատճառով այն փաստը, որ ֆայլն այլևս գոյություն չունի: