Как создать файл, который можно скачать с вашей веб страницы

Загрузить PDF
Загрузить PDF

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

Метод 1
Метод 1 из 1:

Создание ссылки

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f5\/Make-a-File-Downloadable-from-Your-Website-Step-1.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f5\/Make-a-File-Downloadable-from-Your-Website-Step-1.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-1.jpg","smallWidth":460,"smallHeight":213,"bigWidth":728,"bigHeight":337,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Это можно сделать через протокол FTP или другим способом. Уточните у вашей хостинговой компании, как лучше это сделать. Разместите загружаемый файл в одной папке с файлом HTML-страницы, откуда будет производится скачивание. Это делается для того, чтобы было проще установить ссылку на загружаемый файл.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c3\/Make-a-File-Downloadable-from-Your-Website-Step-2.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c3\/Make-a-File-Downloadable-from-Your-Website-Step-2.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-2.jpg","smallWidth":460,"smallHeight":210,"bigWidth":728,"bigHeight":332,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Откройте страницу, в которой будет содержаться ссылка на файл, в простейшем текстовом редакторе. Например, в программе “Блокнот”.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6b\/Make-a-File-Downloadable-from-Your-Website-Step-3.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6b\/Make-a-File-Downloadable-from-Your-Website-Step-3.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-3.jpg","smallWidth":460,"smallHeight":176,"bigWidth":728,"bigHeight":278,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    У вас будут 2 варианта:
    • Слово, на которое пользователи будут нажимать для загрузки файла --> перейдите к шагу 4
    • Или изображение, содержащее ссылку на файл --> перейдите к шагу 6
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/Make-a-File-Downloadable-from-Your-Website-Step-4.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Make-a-File-Downloadable-from-Your-Website-Step-4.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-4.jpg","smallWidth":460,"smallHeight":205,"bigWidth":728,"bigHeight":325,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    <a href="имя_файла.xxx" target="_blank">'''слово'''</a>''
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/06\/Make-a-File-Downloadable-from-Your-Website-Step-5.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/06\/Make-a-File-Downloadable-from-Your-Website-Step-5.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-5.jpg","smallWidth":460,"smallHeight":203,"bigWidth":728,"bigHeight":322,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Замените имя_файла.xxx на название файла, который будет загружаться, а слово – на то слово, которое будет содержать ссылку. --> перейдите к шагу 8
  6. <a href="имя_файла.xxx" target="_blank"><img src=" картинка.xxx " alt=" имя_картинки " /></a>
    {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/9e\/Make-a-File-Downloadable-from-Your-Website-Step-6.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9e\/Make-a-File-Downloadable-from-Your-Website-Step-6.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-6.jpg","smallWidth":460,"smallHeight":199,"bigWidth":728,"bigHeight":315,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d3\/Make-a-File-Downloadable-from-Your-Website-Step-7.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/Make-a-File-Downloadable-from-Your-Website-Step-7.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-7.jpg","smallWidth":460,"smallHeight":195,"bigWidth":728,"bigHeight":308,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Если вы хотите, чтобы не было этой раздражающие рамки вокруг изображения, то наберите следующее <a href="имя_файла.xxx" target="_blank"><img border="0" src=" картинка.xxx " alt=" картинка "></a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/13\/Make-a-File-Downloadable-from-Your-Website-Step-8.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/13\/Make-a-File-Downloadable-from-Your-Website-Step-8.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-8.jpg","smallWidth":460,"smallHeight":181,"bigWidth":728,"bigHeight":287,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Замените имя_файла.xxx на название файла, который будет загружаться, картинка.xxx – на название изображения (размещенное в одной папке с файлом HTML-страницы, откуда будет производится скачивание), которое содержит ссылку на загружаемый файл, и имя_картинки – на выражение, которое будет всплывать, если пользователи будут удерживать курсор наведенным на картинке.
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/70\/Make-a-File-Downloadable-from-Your-Website-Step-9.jpg\/v4-460px-Make-a-File-Downloadable-from-Your-Website-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/70\/Make-a-File-Downloadable-from-Your-Website-Step-9.jpg\/v4-728px-Make-a-File-Downloadable-from-Your-Website-Step-9.jpg","smallWidth":460,"smallHeight":265,"bigWidth":728,"bigHeight":419,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Сохраните HTML-файл, залейте его на сервер и все должно заработать!
    Реклама


Советы

  • HTML не так сложен, как вам кажется. Каждая ссылка указывает на файл определенного типа, заставляя ваш браузер запускать ту программу, которая связана с данным типом файла. Например, если ссылка ведет на HTML страничку, то откроется ваш интернет-браузер по умолчанию, если ссылка ведет на PDF-файл – то за этим последует запуск программы чтения PDF-документов (такой, как Adobe Acrobat Reader или CoolPDF Reader).
  • Попробуйте воспользоваться сервисом MediaFire. Разместите на нем файл, скопируйте его ссылку, затем вставьте ее между тегами ссылки на файл в HTML коде.
Реклама

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

  • Если на заливаемый файл заявлены авторские права, убедитесь в том, что у вас есть на него разрешение!
  • Не поленитесь проверить заливаемый файл на корректность. В противном случае, он может не запуститься у пользователей, что приведет их в замешательство.
Реклама

Дополнительные статьи

Как
создать простую веб страницу в Блокноте
Как
создать простую веб страницу с помощью HTML
Как
задать цвет фона в HTML
Как
добавить фоновое изображение в HTML
Как
создать ссылку для оплаты через PayPal
Как
комментировать в HTML
Как
выделить текст жирным с помощью HTML
Как
бесплатно разместить свой сайт в Интернете
Как
задать ширину и высоту картинки с помощью HTML
Как
подчеркнуть текст в HTML
Как
начать wiki–сайт
Как
сделать сайт в Word
Как
создать ссылку на электронную почту в HTML
Как
использовать теги цвета шрифта в HTML
Реклама

Об этой статье

На других языках
Эту страницу просматривали 11 757 раз.

Была ли эта статья полезной?

Реклама