Как создать сайт с файлами для скачивания

Обновлено: 07.07.2024

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

Загружаем на обычный платный хостинг

Итак, прежде всего вам необходим доступ к серверу. Например, к панели управления. На простом shared-хостинге ее обычно именуют cPanel. Если такой доступ у вас есть, то отлично! В такой панели вы найдете что-то вроде “Диспетчер файлов”.

Здесь необходимо найти путь к нужному вам сайту, если у вас их несколько. Корневой папкой проекта иногда называется public_html (если это первый домен, который вы поставили), либо это будет папка с доменным именем сайта, если вы добавили домен позднее.

Теперь вам нужно перейти в эту корневую папку. Если у вас движок WordPress, то вы увидите в ней директории wp-admin, wp-content, wp-includes. Если видите, это говорит о том, что вы зашли в правильное место – это и есть корневой каталог.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Рис. 1. Третья, четвертая и пятая папка являются отличительными признаками движка wordpress, а еще того, что вы находитесь в корневой директории.

Именно в нее обычно загружают какие-то файлы. Несомненно, где-нибудь вверху вы увидите кнопки, которые позволяют удалять, скачивать и закачивать. Вам нужна именно последняя. Кстати, на сервер можно без проблем загрузить архив, распаковать его там, после чего удалить. Это удобно, когда нужно закачать сразу много всего. Например, полноценный движок или список документов.

Добавить файлы можно и по-другому. А именно, через FTP доступ. После покупки услуг у хостера он обязательно сообщит вам данные для входа по ftp. Чтобы соединиться таким образом с сайтом, вам необходима программа ftp-клиент. Из бесплатных рекомендую Filezilla. Как-то мне приходилось пользоваться и платной SmartFTP, но там уже навороты, не нужные рядовому пользователю.

Итак, вам нужно будет скачать Filezilla. В программе вверху вы можете увидеть 4 поля, которые необходимо заполнить для соединения. Это хост, логин, пароль и порт. Хост – это ip-адрес или доменное имя вашего сайта. Поскольку IP вы можете просто не знать, я рекомендую ввести доменное имя с //.

Логин и пароль вам нужно ввести те, что предоставил вам провайдер. Ну а стандартный порт для ftp – 21. Просто запомните это. Если все введено правильно, файловая структура вашего сервера станет доступна в правом окне. В левом будет то, что есть на вашем компьютере. Таким образом, закачивать можно с помощью перетаскивания в правое окно.

При подтверждении прав на сайт в инструментах веб-мастера от вас могут потребовать как раз загрузить html файл на сайт. Таким образом, происходит проверка, являетесь ли вы хозяином ресурса. Что ж, теперь вы знаете, как это сделать. Чтобы у вас не возникло вопросов, загружать надо в ту же самую корневую папку.

Кстати, я заметил, что Google и Mail иногда проверяют наличие подтверждающей странички и если вы ее удалили, то могут вновь попросить вас подтвердить права.

Как залить файл на VDS?

Если у вас vds, то там процесс загрузки немного отличается. В этом случае я вижу 2 разумных варианта:

Через панель управления

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Первый способ. На виртуальном сервере у вас тоже может быть панель управления, а может и не быть. Обычно ее добавления можно заказать отдельно, либо при выборе операцинной системы сервера выбрать вариант с встроенной панелью. На моем хостере это ISP Manager – очень удобная панель. У некоторых провайдеров вы можете подключить ее бесплатно, у других – платно.

Так вот, в этой isp panel есть пункт “Система”, а в нем “Менеджер файлов”. Здесь вас нужно среди многообразия папок найти папку с сайтами. Если у вас возникают какие-то проблемы, лучше спросить у тех. поддержки, потому что у каждого хостера путь может быть разным.

Соответственно, здесь почти все также, как и в Диспетчере файлов на cPanel, абсолютно такие же кнопки и возможности.

Второй способ. Опять вам понадобится программа для работы с ftp, только на этот раз нам нужен способ соединения Secure Shell (тот самый SSH). Чтобы соединиться таким образом, просто поменяйте номер порта на 22. Обо всем остальных полях для ввода я уже писал ранее.

Как загрузить на сайт файл для его скачивания

Хотите закачать файл к себе и дать возможность людям его скачать? Нет ничего проще. Что вам для этого нужно проделать? Во-первых, я советую для этого в корневой директории создать новую папку, специально для файлов. Можно назвать ее files, archive, filestorage. Ну это не важно, название может быть любым, просто я предлагаю такие, чтобы было сразу понятно, что в папке находиться.

Итак, заходим в эту пустую папочку и грузим сюда нужный документ. Теперь на странице сайта, где вы хотите дать возможность скачать его, нужно просто сделать на него ссылку. Кодом это делается так:

Привет! В этой емкой инструкции поделюсь, как загрузить файлы для скачивания на свой хостинг – например, материалы в архиве или отдельно pdf-документы, и поделиться ссылкой на скачивание.

Это как альтернатива облачному хранилищу, когда вы можете давать ссылку на скачивание не с облака Яндекс, Гугл и т.п., а напрямую с вашего хостинга. Но минус тоже есть – если размещать тяжеловесные файлы от 500 мегабайт/1 гигабайт и таких файлов у вас много, то быстро можно исчерпать место на хостинге, и придется покупать более дорогие тарифы. Для небольших весом архивов, pdf-ок обычного хостинга с дисковым пространством 5-10 гигабайт будет более чем достаточно.

Итак, давайте на примере разберем, как происходит процесс загрузки файлов в архиве или отдельных pdf-документов на хостинг, как берется ссылка на эти файлы и происходит скачивание.

Вы можете посмотреть мой видеоурок ниже:

Загружать файлы вы можете в корневую папку вашего существующего сайта, например, где установлен Вордпресс – мешать работе сайта они никак не будут. Но можно зарегистрировать отдельный домен (или создать бесплатный поддомен от уже купленного домена). Создать с ним сайт (не ставить на него Вордпресс), а использовать чисто под загрузку файлов, чтобы не мешать все в кучу.

Главное, чтобы ваш тариф хостинга позволял создать более чем 1 сайт. Если у вас доступен только 1 сайт, то загружайте файлы в его корневую папку.

Давайте рассмотрим на примере с отдельным сайтом на поддомене. Показываю на своем хостинге Timeweb. Поддомен тут создается в пару кликов.

Идем в раздел «Домены и поддомены». Напротив домена жмем по иконке плюса (добавить поддомен).

Указываем название поддомена – короткое латиницей или цифры.

На этом же шаге можем сразу создать сайт с нашим поддоменом. Для этого выбираем «Создать директорию» и указываем ее название. Лучше всего называть директорию так же, как называется ваш поддомен, чтобы не путаться.

Ниже под вашим доменом отобразится добавленный поддомен.

А в разделе «Сайты» отобразится ваш новый сайт:

Также в разделе «Файловый менеджер» появляется корневая папка этого сайта (она называется аналогично директории, к которой привязан домен) – в эту папку и загружаются любые файлы.

Загрузим архив с материалами, которыми хотим поделиться для скачивания. К примеру, у меня есть бесплатность – комплект чек-листов для набора подписчиков. На компьютере они лежат в папке, для загрузки на хостинг я ее запакую в архив. Например, в zip. Но перед этим обязательно нужно назвать папку латиницей, без пробелов и лишних символов.

Затем иду на хостинг в «Файловый менеджер», захожу в корневую папку своего сайта (открываю двойным кликом левой кнопкой мыши).

Внутри открываю папку public_html и в нее загружаю свой архив.

Загрузить можно перетаскиванием архива с рабочего стола компьютера на строку «Чтобы добавить файлы, перетащите их в это окно». Просто сворачиваем браузер, идем на рабочий стол, жмем по архиву левой кнопкой мыши и, удерживая, тянем его во вкладку браузера с открытой корневой папкой.

Таким образом, архив оказывается в корневой папке нашего сайта на хостинге.

Ссылка на скачивание архива формируется так: ваш домен/название архива.zip или ваш домен/название архива.rar (то есть в конце после точки обязательно добавляется формат архива).

При этом, когда мы переходим по ссылке на архив, тут же происходит его скачивание без дополнительных действий со стороны пользователя.

А теперь загрузим рdf-книгу, ссылкой на скачивание которой хотим поделиться.

Как и архив, pdf должен называться латинскими буквами без пробелов и лишних символов. Можно использовать дефис или нижнее подчеркивание в названии.

Ссылка на скачивание этого файла формируется так: ваш домен/название документа.pdf. Здесь аналогично – в конце после точки обязательно добавляется формат документа.

Когда мы перейдем по ссылке, pdf документ откроется в браузере – его можно просматривать онлайн (все ссылки внутри будут кликабельны), либо скачать себе, нажав вверху справа по стрелке.

кликните на скриншот для увеличения

Кстати, этот вариант с загрузкой pdf на хостинг можно использовать для добавления политики конфиденциальности, договора-оферты на свой сайт и т.д.

Итак, в этой статье мы разобрались с вопросом – как загружать на свой хостинг файлы (архивы, pdf документы) и делиться ссылкой на их скачивание.

В конструкторе «Нубекс» существует три основных способа разместить на странице сайта файлы для скачивания:

1. Прикрепить их к тексту страницы в виде гиперссылки;

2. Добавить на страницу в виде блока;

3. Вставить в узкую колонку сайта (левую или правую) с помощью виджета.

Все три способа позволяют загрузить на сайт файлы любого формата, размер которых не превышает 10 Мб. Кликнув на ссылку — неважно, расположена ли она в тексте страницы, в блоке или теле виджета — пользователь сможет скачать прикрепленный файл на свой компьютер.

Способ 1. Прикрепить файл для скачивания к тексту страницы

Как показано на скриншоте выше, с помощью этого способа можно сделать ссылку на скачивание файла прямо в тексте страницы. Это удобно, если файл всего один (или их совсем немного), и для него нет смысла создавать на странице отдельный блок. Кроме того, гиперссылка в тексте смотрится весьма изящно: даже если прикрепленный файл называется «Документ1», на сайте ссылка на него отобразится в виде введенного вами текста.

Перед тем, как прикрепить файлы к тексту страницы, необходимо загрузить их в библиотеку ресурсов — виртуальное хранилище данных вашего сайта. А затем, редактируя текст страницы, выделить нужную фразу и вставить ссылку на загруженный файл. Вам помогут следующие инструкции:

Способ 2. Загрузить файлы для скачивания с помощью блоков страницы

Такой способ размещения подходит для любого количества файлов. В виде отдельного блока можно оформить, например, перечень образцов заполнения документов или подборку методических рекомендаций. Будьте внимательны к названиям загружаемых файлов: на сайте будут отображаться как введенные вами подписи, так и наименования самих документов.

При добавлении файлов через блоки страницы вам не нужно будет предварительно загружать их в библиотеку ресурсов. Просто создайте блок «Файлы» при редактировании страницы и загрузите нужные документы с вашего компьютера. Вот подробная инструкция по размещению файлов для скачивания с помощью блоков страницы.

Способ 3. Разместить скачиваемые файлы в узкой колонке сайта

Если композиция вашего сайта предусматривает наличие узких колонок (справа или слева), в них тоже можно разместить файлы для скачивания. Для этого подойдет виджет «Прайс-лист»: его можно использовать не только для загрузки прейскурантов, но и для добавления файлов любого формата. Единственное ограничение — количество файлов: с помощью этого способа можно загрузить не более трех документов.

Будьте внимательны: текст ссылки для скачивания будет совпадать с названием самого файла, поэтому перед загрузкой переименуйте его на своем компьютере так, чтобы пользователи могли понять его содержание.