Как сделать кнопку для скачивания

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

Метод 1 из 2: Создание кнопки на HTML

  1. Создайте кнопку в редакторе исходного кода. Прекрасно подойдет простой текстовый редактор вроде Notepad или TextEdit. В текстовом редакторе введите следующий код:
  2. Загрузите файл на ваш сервер. Если вы хотите предлагать файл для скачивания, вам либо придется хранить его на вашем сервере, либо связать кнопку с каким-то файлом где-то еще в сети. Используйте FTP-клиент, чтобы загрузить на сервер вашего сайта тот файл, который хотите сделать доступным.
  3. Убедитесь, что у вас есть права веб-мастера, если вы хотите ссылаться на файл, который хранится не у вас.
  4. Замените 'Download Location' на реальный URL-адрес для скачивания. Обязательно заключите адрес в одинарные кавычки, а “window.location='Download Location'" в двойные кавычки. Добавьте префиксы, например HTTP:// или FTP://, а также добавьте расширения файлов, например .JPG или .EXE. .
  5. Сделайте надпись на кнопке. Замените “Button Text” на те слова, которые должны быть на кнопке. Обязательно указывайте текст в двойных кавычках. Старайтесь сделать фразу короткой, чтобы кнопка на экране не казалась громоздкой.
  6. Разместите исходный код на своей странице. Вы можете вставить исходный код для кнопки в любом месте страницы, и кнопка появится именно в том месте. Загрузите ваш новый код страницы и протестируйте вашу новую кнопку.

Метод 2 из 2: Создание кнопки в виде картинки

  1. Нарисуйте вашу кнопку для скачивания. Используйте любой удобный для вас редактор изображений и нарисуйте кнопку, которая подходит по стилю вашему сайту. Вы можете сделать кнопку настолько большой (или маленькой), насколько пожелаете.
  2. Загрузите файл и картинку с кнопкой на ваш сервер. Если вы хотите предлагать файл для скачивания, вам либо придется хранить его на вашем сервере, либо связать кнопку с каким-то файлом где-то еще в сети. Используйте FTP-клиент, чтобы загрузить на сервер вашего сайта тот файл, который хотите сделать доступным.
    • Загрузите изображение кнопки в то же место на сервере, где расположена страница, на которую вы эту кнопку добавляете .
  3. Напишите исходный код для скачивания. Кнопка для загрузки, сделанная в виде изображения, работает так же, как работают все остальные ссылки в HTML. Скопируйте следующий код в ваш редактор:
  4. Введите информацию о файле и изображении. Замените “Download Location” на реальный URL-адрес для скачивания, включая любые префиксы HTTP:// или FTP://. Замените “Image File” на имя файла изображения кнопки. Если файл на сервере расположен там же, где и страница, нет необходимости указывать полный путь.
    • Замените “Hover Text” на текст, который должен появляться, когда пользователь наводит курсор мыши на изображение кнопки.
    • Замените “X” и “Y” на ширину и высоту изображения в пикселях соответственно.
    • Обязательно добавляйте все эти записи в двойных кавычках.
  5. Введите исходный код на своей странице. Разместите код там, где должна появиться кнопка. Загрузите новый код и затем откройте свою веб-страницу, чтобы убедиться, что кнопка работает. Проверьте, что текст-подсказка появляется при наведении курсора, а сама картинка правильного размера.

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

  • Никогда не загружайте файлы в нарушение авторских прав, так как это может привести к крупному штрафу или даже тюремному заключению.
  • Намного лучше закачивать файлы на ваш собственный сервер и выкладывать их потом в общий доступ, чем зависеть от других сайтов, на которых они хранятся. Если вы копируете ссылку на расположение файла с другого сайта, создаваемая вами кнопка для скачивания будет работать только до тех пор, пока эта ссылка остается действующей. Вам придется периодически проверять работоспособность кнопки или ссылки на том сайте, с которого вы ее взяли, чтобы убедиться, что пользователи при нажатии на кнопку смогут скачать файл, а не перейдут по битой ссылке из-за того, что файл уже не существует.
Информация
Посетители, находящиеся в группе Guests, не могут оставлять комментарии к данной публикации.