Paano Lumikha ng isang Button sa Pag-download: 11 Mga Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Lumikha ng isang Button sa Pag-download: 11 Mga Hakbang (na may Mga Larawan)
Paano Lumikha ng isang Button sa Pag-download: 11 Mga Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Button sa Pag-download: 11 Mga Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Button sa Pag-download: 11 Mga Hakbang (na may Mga Larawan)
Video: PAANO MAG PADALA NG MGA DOKUMENTO SA EMAIL (GMAIL) |PINOYTUTORIAL 2024, Abril
Anonim

Ang isang pindutan sa pag-download ay maaaring gawing mas propesyonal ang iyong website kaysa sa simpleng pag-aalok ng iyong pag-download sa pamamagitan ng mga link. Nagbibigay ang isang pindutan ng isang mas malinis na interface, at kung nais mong magdisenyo ng iyong sarili, ang iyong mga pindutan ay maaaring maging mahalagang bahagi ng disenyo ng iyong pahina. Sundin ang gabay na ito upang lumikha ng mga pindutan ng HTML o gumawa ng isang pindutan ng iyong sariling disenyo.

Mga hakbang

Paraan 1 ng 2: Lumilikha ng isang HTML Button

Lumikha ng isang Button sa Pag-download Hakbang 1
Lumikha ng isang Button sa Pag-download Hakbang 1

Hakbang 1. Lumikha ng pindutan sa isang code editor

Ang isang simpleng text editor tulad ng Notepad o TextEdit ay gagana nang perpekto. Ipasok ang sumusunod na code sa editor:

Lumikha ng isang Button sa Pag-download Hakbang 2
Lumikha ng isang Button sa Pag-download Hakbang 2

Hakbang 2. I-upload ang file sa iyong server

Kung nais mong mag-alok ng isang file upang ma-download, kakailanganin mong i-host ito sa iyong sariling server o ituro ang pindutan sa file sa ibang lugar sa web. Gumamit ng isang FTP client upang mai-upload ang file na nais mong gawing magagamit sa server ng iyong website.

Lumikha ng isang Button sa Pag-download Hakbang 3
Lumikha ng isang Button sa Pag-download Hakbang 3

Hakbang 3. Tiyaking mayroon kang pahintulot ng webmaster kung nais mong mag-link sa isang file na hindi mo nai-host ang iyong sarili

Lumikha ng isang Button sa Pag-download Hakbang 4
Lumikha ng isang Button sa Pag-download Hakbang 4

Hakbang 4. Palitan ang 'Lokasyon ng Pag-download' ng URL sa pag-download. Tiyaking isama ang solong mga quote sa paligid ng address, pati na rin ang mga dobleng quote sa paligid ng “window.location = 'I-download ang Lokasyon'". Isama ang anumang mga awtomatikong tulad ng HTTP: // o FTP: // at isama din ang file extension tulad bilang-j.webp" />

Lumikha ng isang Button sa Pag-download Hakbang 5
Lumikha ng isang Button sa Pag-download Hakbang 5

Hakbang 5. Lagyan ng label ang pindutan

Palitan ang "Teksto ng Button" ng mga salitang nais mong lumitaw sa pindutan. Siguraduhin na panatilihin ang mga dobleng quote sa paligid ng teksto. Panatilihing maliit ang teksto ng pindutan upang hindi lumitaw ang pindutan na malaki at hindi maayos sa pahina.

Lumikha ng isang Button sa Pag-download Hakbang 6
Lumikha ng isang Button sa Pag-download Hakbang 6

Hakbang 6. Ilagay ang code sa iyong pahina

Maaari mong ipasok ang code ng pindutan kahit saan sa katawan ng iyong webpage, at lilitaw ang pindutan sa lokasyon na iyon. I-upload ang iyong nabago na code ng webpage, at subukan ang iyong bagong pindutan.

Paraan 2 ng 2: Lumilikha ng isang Button ng Imahe

Lumikha ng isang Button sa Pag-download Hakbang 7
Lumikha ng isang Button sa Pag-download Hakbang 7

Hakbang 1. Idisenyo ang iyong pindutan sa pag-download

Gamitin ang iyong ginustong editor ng imahe, at lumikha ng isang pindutan na tumutugma sa estilo ng iyong website. Maaari mong gawin ang pindutan ng maliit o kasing laki ng nais mo.

Lumikha ng isang Button sa Pag-download Hakbang 8
Lumikha ng isang Button sa Pag-download Hakbang 8

Hakbang 2. I-upload ang file sa iyong server at ang imahe ng pindutan

Kung nais mong mag-alok ng isang file upang ma-download, kakailanganin mong i-host ito sa iyong sariling server o ituro ang pindutan sa file sa ibang lugar sa web. Gumamit ng isang FTP client upang mai-upload ang file na nais mong gawing magagamit sa server ng iyong website.

I-upload ang imahe ng pindutan sa parehong lokasyon sa server tulad ng pahina kung saan mo inilalagay ito

Lumikha ng isang Button sa Pag-download Hakbang 9
Lumikha ng isang Button sa Pag-download Hakbang 9

Hakbang 3. Lumikha ng iyong code sa pag-download

Ang isang pindutan sa pag-download na kinakatawan ng isang imahe ay gumagana sa parehong paraan na gumagana ang lahat ng iba pang mga link sa HTML. Kopyahin ang sumusunod na code sa iyong ginustong editor:

Lumikha ng isang Button sa Pag-download Hakbang 10
Lumikha ng isang Button sa Pag-download Hakbang 10

Hakbang 4. Ipasok ang iyong file at impormasyon sa imahe. Palitan ang "Lokasyon ng Pag-download" ng buong URL sa iyong pag-download, kasama ang anumang mga HTTP: // o FTP: // na mga prefic. Palitan ang "Image File ng filename para sa imahe ng pindutan ng pag-download. Kung ang file ay nasa parehong lokasyon ng pahina sa iyong server, hindi mo kailangang isama ang buong address.

  • Palitan ang "Hover Text" ng anumang teksto na nais mong lumitaw kapag inilagay ng gumagamit ang cursor sa imahe.
  • Palitan ang "X" at "Y" ng lapad ng imahe at taas ayon sa pagkakabanggit sa mga pixel.
  • Siguraduhin na panatilihin ang mga dobleng quote sa paligid ng bawat entry.
Lumikha ng isang Button sa Pag-download Hakbang 11
Lumikha ng isang Button sa Pag-download Hakbang 11

Hakbang 5. Ipasok ang code sa iyong pahina

Ilagay ang code kung saan mo nais na lumitaw ang iyong pindutan. I-upload ang bagong code, at pagkatapos ay i-load ang webpage upang matiyak na gumagana ang pindutan. Suriin na naglo-load ang hover na teksto at ang larawan ay ang tamang sukat.

Video - Sa pamamagitan ng paggamit ng serbisyong ito, maaaring ibahagi ang ilang impormasyon sa YouTube

Mga babala

  • Ang pag-upload ng mga file sa iyong sariling server ay isang mas mahusay na paraan upang ibahagi ang mga file sa online sa halip na depende sa ibang mga website upang ma-host ang mga file. Kung makopya mo ang isang lokasyon ng link mula sa isa pang website ang pindutan ng pag-download na iyong nilikha ay gagana lamang hangga't ang lokasyon ng link ay aktibo.
  • Huwag kailanman mag-upload ng mga file na lumalabag sa mga batas sa copyright dahil maaaring humantong ito sa mabibigat na multa o pagkabilanggo.
  • Pana-panahong subukan ang iyong button sa pag-download o ang link ng pag-download sa website kung saan mo nakuha ang lokasyon ng link upang matiyak na magagawa ng mga gumagamit na mag-download ng file kapag nag-click sila sa pindutan sa halip na pumunta sa isang sirang link kung saan wala na ang file..

Inirerekumendang: