Kā izveidot lejupielādes pogu

Autors: Bobbie Johnson
Radīšanas Datums: 6 Aprīlis 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
How to Create Download Button   HTML and CSS
Video: How to Create Download Button HTML and CSS

Saturs

Lejupielādes poga palīdzēs jūsu vietnei izskatīties daudz profesionālāk nekā vienkārši izveidot saiti uz lejupielādi. Poga nodrošina tīrāku saskarni, un, ja kaut ko izstrādājat pats, pogas var kļūt par neatņemamu lapas dizaina sastāvdaļu. Izpildiet šo apmācību, lai izveidotu HTML pogu vai savu pielāgoto pogu.

Soļi

1. metode no 2: izveidojiet HTML pogu

  1. 1 Izveidojiet pogu avota redaktorā. Vienkāršs teksta redaktors, piemēram, Notepad vai TextEdit, ir piemērots. Teksta redaktorā ievadiet šādu kodu:
  2. 2 Augšupielādējiet failu savā serverī. Ja vēlaties piedāvāt failu lejupielādei, tas ir jāsaglabā serverī vai jāpiesaista poga ar kādu failu kaut kur citur tīklā. Izmantojiet FTP klientu, lai augšupielādētu failu, kuru vēlaties padarīt pieejamu vietnes serverim.
  3. 3 Pārliecinieties, ka jums ir tīmekļa pārziņa tiesības, ja vēlaties izveidot saiti uz failu, kuru neesat saglabājis.
  4. 4 Aizstājiet lejupielādes atrašanās vietu ar savu īsto lejupielādes URL. Noteikti iekļaujiet adresi pēdiņās un “window.location = 'Lejupielādes vieta” pēdiņās. Pievienojiet prefiksus, piemēram, HTTP: // vai FTP: //, un pievienojiet failu paplašinājumus, piemēram, .webp vai .EXE ..
  5. 5 Uzrakstiet uz pogas. Aizstājiet “Pogas teksts” ar vārdiem, kurus vēlaties parādīt uz pogas. Noteikti iekļaujiet tekstu pēdiņās. Centieties, lai frāze būtu īsa, lai ekrānā redzamā poga nešķiet smaga.
  6. 6 Ievietojiet avota kodu savā lapā. Pogas avota kodu var ielīmēt jebkurā lapas vietā, un poga parādīsies tieši tajā vietā. Augšupielādējiet jauno lapas kodu un pārbaudiet jauno pogu.

2. metode no 2: izveidojiet pogu kā attēlu

  1. 1 Uzzīmējiet lejupielādes pogu. Izmantojiet jebkuru attēlu redaktoru, kas jums patīk, un uzzīmējiet pogu, kas atbilst jūsu vietnes stilam. Jūs varat padarīt pogu tik lielu (vai mazu), cik vēlaties.
  2. 2 Augšupielādējiet failu un attēlu ar pogu savā serverī. Ja vēlaties piedāvāt failu lejupielādei, tas ir jāsaglabā serverī vai jāpiesaista poga ar kādu failu kaut kur citur tīklā. Izmantojiet FTP klientu, lai augšupielādētu failu, kuru vēlaties padarīt pieejamu vietnes serverim.
    • Augšupielādējiet pogas attēlu tajā pašā servera vietā, kur atrodas lapa, kurā pievienojat šo pogu.
  3. 3 Uzrakstiet lejupielādes avota kodu. Lejupielādes poga, kas atveidota kā attēls, darbojas tāpat kā visas citas HTML saites.Kopējiet redaktorā šādu kodu:
  4. 4 Ievadiet faila un attēla informāciju. Aizstājiet “Lejupielādes atrašanās vieta” ar reālu lejupielādes URL, ieskaitot visus HTTP: // vai FTP: // prefiksus. Aizstājiet “Attēla failu” ar pogas attēla faila nosaukumu. Ja fails atrodas serverī tajā pašā vietā, kur lapa, jums nav jānorāda pilns ceļš.
    • Nomainiet tekstu “Novietojiet kursoru” ar tekstu, kas jāparādās, kad lietotājs novieto kursoru virs pogas attēla.
    • Aizstājiet “X” un “Y” attiecīgi ar attēla platumu un augstumu pikseļos.
    • Noteikti pievienojiet visus šos ierakstus pēdiņās.
  5. 5 Ievadiet avota kodu savā lapā. Ievietojiet kodu vietā, kur vajadzētu parādīties. Augšupielādējiet jaunu kodu un pēc tam atveriet savu tīmekļa lapu, lai redzētu, vai poga darbojas. Pārbaudiet, vai mājiena teksts parādās, virzot kursoru un vai attēls ir pareiza izmēra.

Brīdinājumi

  • Nekad augšupielādējiet failus, pārkāpjot autortiesību likumus, jo tas var izraisīt lielu naudas sodu vai pat cietumsodu.
  • Ir daudz labāk augšupielādēt failus savā serverī un kopīgot tos vēlāk, nekā būt atkarīgiem no citām vietnēm, kurās tie tiek glabāti. Ja nokopējat saiti uz faila atrašanās vietu no citas vietnes, jūsu izveidotā lejupielādes poga darbosies tikai tik ilgi, kamēr saite būs derīga. Jums būs periodiski jāpārbauda pogas vai saites funkcionalitāte vietnē, no kuras to paņēmāt, lai pārliecinātos, ka lietotāji, noklikšķinot uz pogas, varēs lejupielādēt failu un neklikšķinās uz salauztās saites, jo fakts, ka fails vairs nepastāv.