Как да създадете бутон за изтегляне: 11 стъпки (със снимки)

Съдържание:

Как да създадете бутон за изтегляне: 11 стъпки (със снимки)
Как да създадете бутон за изтегляне: 11 стъпки (със снимки)

Видео: Как да създадете бутон за изтегляне: 11 стъпки (със снимки)

Видео: Как да създадете бутон за изтегляне: 11 стъпки (със снимки)
Видео: How to Format KDP Self Published Books - Bleed and Margin 2024, Може
Anonim

Бутонът за изтегляне може да направи вашия уебсайт да изглежда значително по -професионален, отколкото просто да предлагате изтеглянето си чрез връзки. Бутонът осигурява по -чист интерфейс и ако искате да проектирате свой собствен, вашите бутони могат да бъдат неразделна част от дизайна на вашата страница. Следвайте това ръководство, за да създадете HTML бутони или да направите бутон по ваш собствен дизайн.

Стъпки

Метод 1 от 2: Създаване на HTML бутон

Създайте бутон за изтегляне Стъпка 1
Създайте бутон за изтегляне Стъпка 1

Стъпка 1. Създайте бутона в редактор на кодове

Един прост текстов редактор като Notepad или TextEdit ще работи перфектно. Въведете следния код в редактора:

Създайте бутон за изтегляне Стъпка 2
Създайте бутон за изтегляне Стъпка 2

Стъпка 2. Качете файла на вашия сървър

Ако искате да предложите файл за изтегляне, ще трябва или да го хоствате на вашия собствен сървър, или да насочите бутона към файла някъде другаде в мрежата. Използвайте FTP клиент, за да качите файла, който искате да направите достъпен за сървъра на вашия уебсайт.

Създайте бутон за изтегляне Стъпка 3
Създайте бутон за изтегляне Стъпка 3

Стъпка 3. Уверете се, че имате разрешението на уеб администратора, ако искате да свържете към файл, който не хоствате сами

Създайте бутон за изтегляне Стъпка 4
Създайте бутон за изтегляне Стъпка 4

Стъпка 4. Заменете „Местоположение за изтегляне“с URL адреса на изтеглянето. Уверете се, че сте включили единичните кавички около адреса, както и двойните кавички около „window.location = 'Изтегляне на местоположение'". Включете всички префикси като HTTP: // или FTP: // и също така включете разширението на файла, като като-j.webp" />

Създайте бутон за изтегляне Стъпка 5
Създайте бутон за изтегляне Стъпка 5

Стъпка 5. Етикетирайте бутона

Заменете „Текст на бутона“с думите, които искате да се появят на бутона. Не забравяйте да запазите двойните кавички около текста. Дръжте текста на бутона малък, за да не изглежда бутонът голям и тромав на страницата.

Създайте бутон за изтегляне Стъпка 6
Създайте бутон за изтегляне Стъпка 6

Стъпка 6. Поставете кода във вашата страница

Можете да вмъкнете кода на бутона навсякъде в тялото на вашата уеб страница и бутонът ще се появи на това място. Качете променения си код на уеб страница и тествайте новия си бутон.

Метод 2 от 2: Създаване на бутон за изображение

Създайте бутон за изтегляне Стъпка 7
Създайте бутон за изтегляне Стъпка 7

Стъпка 1. Проектирайте бутона за изтегляне

Използвайте предпочитания от вас редактор на изображения и създайте бутон, който съответства на стила на вашия уебсайт. Можете да направите бутона толкова малък или толкова голям, колкото искате.

Създайте бутон за изтегляне Стъпка 8
Създайте бутон за изтегляне Стъпка 8

Стъпка 2. Качете файла на вашия сървър и изображението на бутона

Ако искате да предложите файл за изтегляне, ще трябва или да го хоствате на вашия собствен сървър, или да насочите бутона към файла някъде другаде в мрежата. Използвайте FTP клиент, за да качите файла, който искате да направите достъпен за сървъра на вашия уебсайт.

Качете изображението на бутона на същото място на сървъра като страницата, в която го поставяте

Създайте бутон за изтегляне Стъпка 9
Създайте бутон за изтегляне Стъпка 9

Стъпка 3. Създайте своя код за изтегляне

Бутонът за изтегляне, представен от изображение, работи по същия начин, по който всички останали връзки работят в HTML. Копирайте следния код в предпочитания от вас редактор:

Създайте бутон за изтегляне Стъпка 10
Създайте бутон за изтегляне Стъпка 10

Стъпка 4. Въведете във файла информация и изображение. Заменете „Местоположение за изтегляне“с пълния URL адрес на изтеглянето, включително всички HTTP: // или FTP: // префикси. Заменете „Файл с изображение с името на файла за изображението на бутона за изтегляне. Ако файлът е на същото място като страницата на вашия сървър, не е нужно да включвате целия адрес.

  • Заменете „Hover Text“с всеки текст, който искате да се появи, когато потребителят задържи курсора върху изображението.
  • Заменете „X“и „Y“с ширината и височината на изображението съответно в пиксели.
  • Не забравяйте да запазите двойните кавички около всеки запис.
Създайте бутон за изтегляне Стъпка 11
Създайте бутон за изтегляне Стъпка 11

Стъпка 5. Въведете кода във вашата страница

Поставете кода, където искате да се показва бутонът ви. Качете новия код и след това заредете уеб страницата, за да сте сигурни, че бутонът работи. Проверете дали текстът с мишката се зарежда и картината е с правилния размер.

Видео - Използвайки тази услуга, може да се сподели част от информацията с YouTube

Предупреждения

  • Качването на файлове на вашия собствен сървър е по -добър начин за споделяне на файлове онлайн, вместо да зависи от други уебсайтове за хостване на файловете. Ако копирате местоположение на връзка от друг уебсайт, създаденият от вас бутон ще работи само докато местоположението на връзката е активно.
  • Никога не качвайте файлове в нарушение на законите за авторското право, защото това може да доведе до големи глоби или лишаване от свобода.
  • Периодично тествайте бутона за изтегляне или връзката за изтегляне на уебсайта, от който сте получили местоположението на връзката, за да се уверите, че потребителите ще могат да изтеглят файла, когато кликнат върху бутона, вместо да отидат до прекъсната връзка, където файлът вече не съществува.

Препоръчано: