Как сделать кнопку скачать на сайте

Как сделать кнопку скачать на сайте

Как сделать кнопку скачать на сайте

Как сделать кнопку скачать на сайте

Очень интересный вариант создания ссылки для скачивания файла, с использованием формы и кнопки находящейся в ней, этот вариант я лично использовал для электронной книги и сокрытия реферальной ссылки в ней, так как пока человек не нажмет, он не видит, самой ссылки.
Реферальная ссылка это не минус для человека прошедшего по ней, это дополнительный стимул для вебмастера.
Вы можете использовать этот прием с кнопкой для того, чтобы пользователи могли нажать на кнопку и скачать нужный файл, можно открыть страницу, но я советовал бы все-таки ограничиться текстовой ссылкой.
Решать конечно вам. Интересен совет? Читайте.


html код кнопки

Для того, чтобы на вашем сайте появилась кнопка, необходимо вставить данный код в то место, где вы хотите, чтобы она была, в визуальных редакторах это сделать проще, но если вы делаете сайт в блокноте придется поискать нужные теги, хотя я уверен, что вы сможете найти то место куда хотите вставить код представленный ниже.
Итак копируем данный код себе в страницу.
<form method=post title=»Скачать крутой файл»>
<input type=button onclick=location.href=”moifail.zip”
name=»openFile» value=Скачать>
</form>

Как изменить код для своих целей

Обратите внимание на часть строки —
onclick=location.href=”moifail.zip” здесь есть ссылка на файл moifail.zip – если судить по ссылке файл лежит в одном каталоге с страничкой, а если у вас файл лежит в каталоге download, а страничка лежит в одном каталоге с папкой download , то ваша ссылка изменится и станет выглядеть так — onclick=location.href= “download/moifail.zip”
А если вы уже знаете как называется ваш сайт и хотите например сделать ссылку в книге для загрузки файла с сайта, то можно поменять ссылку на такую
onclick=location.href=”http://www.vash-sait.ru/download/moifail.zip” или если сайт на бесплатном хостинге onclick=location.href=”http://www.vash-sait.xosting.ru/download/moifail.zip”

 

Что еще можно изменить в коде кнопки?

Вы так же можете еще изменить внешний вид кнопки, нажимая на которую пользователь сможет скачать файл, но для этого почитайте в книге про HTML раздел о формах

Можно еще поменять содержимое строки <form method=post title=»Скачать крутой файл»>
Заменив метод с method=post на method=get и тогда ваши пользователи будут видеть открывающуюся ссылку в строке браузера.
Замените title=»Скачать крутой файл» на title=»Моя книга о золотых рыбах» или что-то свое.

Удачи в освоении языка HTML и создании сайта.
Автор: Титов Сергей



Понравилась статья?
Закажи бесплатную подписку!

Сообщения по теме:

  • Как сделали красную кнопку
  • Браузеры. установка и настройка.
  • Скачать Foxit Reader

  • Метки: , , ,

    Комментарии (12)

    1. Александра 06.08.2009 #

      Здравствуйте, Сеогей.
      Подскажите, пожалуйста, как сделать кнопку «Поиск по сайту». То есть внешне саму кнопку я сделала, только вот она не работает. хелп!!! Заранее спасибо за ответ!
      С уважением,
      Александра

    2. admin 06.08.2009 #

      В HTML никак, можно воспользоваться формой поиска по сайту от Google или Яндекса, просто скопировать полученый код в свою старничку.

    3. admin 06.08.2009 #

      Видел такое на некоторых сайтах.
      http://site.yandex.ru/help.xml — все подробно расписано.
      http://site.yandex.ru/new_info.xml — регистрируйтесь и добавляйте, можно кстати заодно сразу вводить логин — название вашего будущего сайта, получается таким образом и хостинг.

    4. Александра 06.08.2009 #

      спасибо большое!

    5. Димон 24.03.2010 #

      Здравсвуйте! вот у меня сайт на ucoz`e и я хочю вставить кнопу в каталог файлов . можно ли это сделать???

    6. admin 24.03.2010 #

      Димон: скорее всего можно, если не редактированием меню — добавлением нового элемента, то в тексте…
      У меня на укозе сайта нет, поэтому дельное что-то подсказать не смогу.
      Вордпресс ради бога, а укоз…. там в панели администратора не бывал.

      Вообще советую не делать ява скриптом — лучше просто гиперссылка или картинка в виде гиперссылки.

    7. Юрий 27.10.2011 #

      Тестировал кнопку при помощи Safari. (Сайт пока что у меня на компьютере)
      Сразу открывается вся директория, где лежит указаный файл. Типа «Заходите, добрые люди, берите кому что нравится» Нет, интуитивно я понимаю, но хотелось бы конкретно…

    8. admin 27.10.2011 #

      Юрий, на мой взгляд все эти скрипты не есть хорошо, лучше нарисовать кнопку, и сделать ссылку в виде рисунка кнопки — так намного удобнее и для индексации лучше.
      А открывается директория потому, что ссылка видимо ведет на директорию, а не на файл.

    9. Андрей 16.02.2012 #

      Сергей, спасибо за кнопку! Сделал! Но, она нажимается, но не работает. Как сделать, чтобы скачка произошла? С нетерпением жду помощи!

    10. admin 16.02.2012 #

      Андрей, поменяйте кавычки) у меня тоже не работало пока кавычки не поменял, Вы видимо не сами печатали, а скопировали со страницы, а они тут какие-то другие.

    11. ыыы.... 16.05.2013 #

      ламмер сделал сайт, чтобы утвердиться за счёт чайников 8( бяда….

    12. admin 16.05.2013 #

      ыыы…., а Вы для чего комментарий написали?

    Оставить комментарий

    

    0.47MB/0.00046 sec