Как загрузить свой сайт на хостинг

Введение

Загрузка сайта на хостинг — это один из самых первых шагов, которые необходимо сделать новому пользователю для публикации своего творения в интернете. Это руководство даст вам общее представление о том, как загрузить сайт на хостинг используя три основных инструмента:

Что вам понадобится

Перед тем, как вы начнете это руководство, вам понадобится следующее:

  • Доступ к панели управления вашего хостинга
  • Файлы вашего сайта (желательно заархивированные в .zip или .tar формат)
  • (необязательно) FTP-клиент и FTP данные для входа на ваш хостинг

Ищете профессиональный хостинг? Он уже ждёт вас! Всё, и даже больше, в нашем предложении Чёрная Пятница! Скидки на хостинг до 90%!

Вариант 1 — Как загрузить сайт на хостинг с помощью Файлового Менеджера Hostinger

  1. Войдите в панель управления Hostinger и нажмите на Файловый Менеджер в разделе Файлы.

  1. После этого, войдите в каталог public_html, который является root каталогом вашего домена (к примеру: http://www.имядомена.ru/). Ваши файлы должны быть загружены сюда. Если вы хотите, чтобы ваш сайт был доступен не по прямой ссылке, а к примеру по такой http://www.имядомена.ru/вашсайт/ , то файлы вашего сайта должны находится в public_html/вашсайт.

  1. Для начала загрузки файлов сайта, нажмите правой кнопкой мыши на пустом месте и выберите Загрузка файлов или нажмите соответствующую иконку.

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

  1. Для извлечения содержимого архива, выделите его и нажмите правой клавишей мыши, далее Извлечь.

  1. Выберите каталог для извлечения. В этом примере, этим каталогом будет public_html/test.

  1. Для перемещения ваших файлов – выделите файлы которые хотите переместить, нажмите правой кнопкой мыши на одном из них и выберите опцию Переместить. В этом примере, мы переместим содержимое каталога public_html/test в public_html.

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

Вариант 2 — Как загрузить сайт на хостинг с помощью FTP

Некоторые пользователи для загрузки сайта на хостинг предпочитают использовать FTP-клиенты, такие как FileZilla, SmartFTP, CoreFTP или любые другие. В этом руководстве мы будем использовать FTP-клиент FileZilla.

  1. Во-первых, вам необходимо узнать данные вашего FTP аккаунта. В Hostinger, они расположены в контрольной панели в разделе FTP Доступ. Если вы забыли пароль от вашего FTP аккаунта, воспользуйтесь функцией смены пароля нажав кнопку Сменить пароль аккаунта.

  1. Откройте FileZilla и введите ваши данные FTP для подключения в верхние поля программы, далее нажмите Быстрое подключение.

  1. После того как вы подключитесь к FTP серверу, используйте браузер файлов СЛЕВА для поиска файлов вашего сайта на компьютере. После того как вы их найдете, используйте менеджер файлов СПРАВА для открытия вашего каталога public_html на сервере хостинга. Как только вы это сделаете, просто перетащите файлы с левого окна в правое и FTP-клиент начнет загрузку файлов на сервер.

ЗАМЕТКА! Аналогичным образом используя FTP-клиент вы можете загрузить архив с сайтом Обратитесь к части “Вариант 1” руководства для получения инструкции об извлечении архива.

  1. После загрузки файлов вашего сайта в каталог public_html, вы сможете получить доступ к нему через URL. Для проверки того, что загрузка была успешной зайдите на него через браузер.
Читайте также:  Как зайти в инженерное меню на айфоне

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

Вариант 3 — Как загрузить сайт на хостинг с помощью Диспетчера файлов cPanel

Войдите в cPanel вашего хостинг аккаунта и следуйте следующим инструкциям:

  1. Нажмите на иконку Диспетчера файлов в разделе Файлы.

  1. Далее, внутри Диспетчера файлов, откройте каталог public_html.

  1. Нажмите кнопку Отправить, после входа в каталог public_html.

  1. Вы можете нажать Выбрать файл для выбора одного файла или просто перетащить ваши файлы в специальную область.

  1. В этом примере, мы загрузим стандартный архив установщика WordPress, wordpress.zip

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

  1. Если откроется окно с указанием места для распаковки, убедитесь что это /public_html.

  1. Архив успешно распакован, все файлы теперь должны находится внутри каталога public_html. Зайдите в public_html и убедитесь в правильности распаковки архива.

  1. Теперь ваш сайт полностью загружен и может быть доступен через его URL. Все что остается, это проверить правильность его работы. Просто впишите ваше доменное имя в браузер, к примеру http://www.доменноеимя.ru/ и получите доступ к сайту. В нашем случае мы увидим стандартное окно установки WordPress, что означает успешную загрузку файлов нашего сайта. Теперь мы можем продолжить установку WordPress.

ВАЖНО! В случае, если вы видите список каталогов сайта, как на картинке ниже, следуйте данному руководству.

Заключение

Поздравляем! Теперь вы узнали, как загрузить сайт на хостинг с помощью 3 различных способов. FTP-клиент помогает при загрузке большого количества файлов, однако это занимает определенное количество времени. Вместо этого лучше загрузить архив с нужными вам файлами.

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

Всем привет! В этом видео мы рассмотрим, что такое хостинг и домен, выберем, на какой хостинг сейчас можно залить HTML-документ, и рассмотрим передачу данных по FTP. Тема исключительно для новичков, кто на хостинге раньше ничего никогда не публиковал.

Итак, что есть хостинг. Это услуга по предоставлению ресурсов для размещения информации на сервере, постоянно находящегося в сети Интернет.

А теперь по-простому – у вас есть HTML-документы (или если вы уже крутые, то phр или еще что-нибудь подобное), а у какого-то дядьки в сети есть сервак с постоянным ip-адресом. У вас же нет постоянного ip-адреса на компе, поэтому нужен тот, у кого он есть. И он дает возможность разместить эти файлы у себя на сервере за определенную плату (либо по доброте душевной, что реже).

Но одного хостинга недостаточно, потому что все сайты в сети привязаны к домену. Домены бывают второго, третьего и так далее уровней. И домены второго уровня придется покупать. Это, к примеру, site.ru, site.org и так далее. А для теста домены третьего уровня вам на хостинге легко дадут бесплатно. Это домены такого вида: text.site.ru, когда в url-адресе две точки. Сами хостинги, кстати, тоже делятся на платные и бесплатные.

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

Осталось выбрать хостинг и выложить туда свой первый сайт. Хостингов существует огромное количество, но нас, например, устраивает Timeweb. Здесь нужно зарегистрироваться, чтобы получить бесплатный пробный период. Заходим в хостинг, где можно найти очень много разных вариантов. Поскольку мы с вами только практикуемся –сейчас не важно, какой выбирать, все равно вы возьмете бесплатный пробный период, поэтому давайте выберем оптимальный тариф и вобьем свои данные. Ура, мы зашли в аккаунт. Вам еще нужно будет на почте выполнить стандартное подтверждение. Это совсем несложно.

Читайте также:  Как одним интернет кабелем подключить два компьютера

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

Вбиваем адрес в адресную строку, и видим стандартное сообщение-заглушку: «Здравствуйте, уважаемый пользователь!».

Свой первый HTML-документ можно было бы загрузить и сюда, через файловый менеджер, но по-хорошему вам в дальнейшем придется работать по FTP. Поэтому заходите в пользователи ПУ FTP, и при необходимости добавляете нового пользователя. Этого можно не делать – если вы находитесь на главной странице, то здесь уже есть адрес, который за вами сейчас закреплен. У вас есть айпишник, логин, который дали при регистрации и пароль, который вам отправили на почту. Все эти данные являются по умолчанию базовым FTP-пользователем, их можно смело использовать в дальнейшем.

Сейчас нам необходим FTP-клиент. Находим в гугле одну из самых популярных вещей – Filezilla. И внимание – на самом деле у них официальный сайт этот – filezillaproject.org. Проверить это можно на Википедии. Скачиваем файлзиллу и устанавливаем ее себе, разумеется пропуская все ненужные назойливые предложения. После установки файлзиллы у вас появится значок – открываем его и видим установленную программу. Здесь мы должны ввести те данные, по которым собираемся приконнектится к нашему серверу. Где брать эти данные – в поле «хост» копируем ip-адрес (также он есть и в письме которое было прислано после регистрации), копируем логин, и из письма достаем пароль. Нажимаем «быстрое соединение». Вот и каталог public.html. Заходим в него и удаляем документ index, он нам не нужен. А теперь элементарное действие – перетягиваем сюда мышкой первый html-файл (он остался с прошлого урока), его обязательно нужно назвать index.html, и мышкой затаскиваем в файлзиллу в эту папку. Теперь проверяем – заходим на таймвеб, копируем ссылку, которая уже была – и видим «Мой первый сайт». Все, можете отправлять эту ссылку друзьям и хвастаться, но лучше потерпите еще несколько уроков и пришлете уже реальное подобие сайта, сделанного с помощью HTML и CSS.

Запомните эти действия: с технической стороны нужно зарегистрироваться на хостинге (пока вы учитесь, на тестовый период), и скачать себе FTP-клиент (например, файлзиллу). Кому будет лень это делать – разберется, как закачать файл через файловый менеджер. Но в будущем, по-хорошему, вам FTP все равно пригодится.

На этом все. Приятного изучения HTML и CSS!

В какой каталог нужно загружать файлы сайта?

В статье мы расскажем как загрузить html сайт на хостинг и как происходит размещение сайта на хостинге. Инструкция по размещению дана ниже.

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

Затем определите, в какой каталог (корневую директорию/корневую папку сайта/корень документа) нужно разместить файлы по инструкции ниже. От верного выбора каталога зависит, отобразится ли сайт корректно. Если вы определите каталог неправильно, после размещения файлов на сайте будет отображаться ошибка 403.

Читайте также:  Как избавиться от черного экрана windows 7

Чтобы определить, в какой каталог разместить файлы сайта:

Перейдите в раздел WWW-домены и найдите в списке домен (в нашем примере faq-reg.ru), по которому должен открываться ваш сайт. Каталог, в который нужно разместить файлы сайта, отображается в столбце «Корневая директория» (/www/faq-reg.ru — корневая директория для сайта faq-reg.ru):

В разделе Сайты и домены найдите домен, по которому должен открываться сайт (в нашем примере faq-reg.ru). Каталог, в котором нужно размещать файлы, отмечен на скриншоте (faq-reg.ru/ — папка сайта для домена faq-reg.ru):

Кликните по значку Дополнительные домены:

Каталог, в котором нужно размещать файлы, отображается в столбце «Корень документа» (/faq-reg.ru — корень документа для домена faq-reg.ru):

Абсолютный путь корневой папки сайта

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

  • ISPmanager: /var/www/u1234567/data/;
  • Plesk: /var/www/vhosts/u1234567.plsk.regruhosting.ru/;
  • cPanel: /var/www/u1234567/;
  • Plesk: C:inetpubvhostsu1234567.plsk.regruhosting.ru

где «u1234567» — ваш логин хостинга. Логин хостинга можно узнать с помощью статьи: Пароли для доступа к хостингу, серверу, FTP и MySQL.

Абсолютный путь до папки на примере сайта site.ru будет выглядеть так:

  • пример с ISPmanager: /var/www/u1234567/data/www/site.ru/;
  • пример с Plesk: /var/www/vhosts/u1234567.plsk.regruhosting.ru/site.ru/;
  • пример с cPanel: /var/www/u1234567/site.ru/;
  • Plesk: C:inetpubvhostsu1234567.plsk.regruhosting.ruhttpdocssite.ru.

Как загрузить файл в корневую папку сайта?

Чтобы загрузить файлы на хостинг, откройте панель управления хостингом и следуйте дальнейшей инструкции:

Перейдите в Менеджер файлов, далее в директорию www, кликнув по ней 2 раза:

как свой сайт залить на хостинг

Теперь перейдите в каталог вашего сайта (имя домена), также кликнув по нему дважды:

Внимание: если у вас кириллический домен (например, в зоне .РФ), каталог сайта будет отображаться в формате Punycode.

В верхней панели справа нажмите Закачать:

Выберите файл с локального компьютера и нажмите Ok:

«`sequence %% 1 На вкладке *Сайты и домены* рядом с именем вашего домена кликните по папке сайта:

как залить шаблон сайта на хостинг

%% 2 Нажмите Загрузить файлы. Выберите необходимый файл с локального ПК — он будет загружен в корневую папку сайта.

Перейдите в Дополнительные домены:

размещение сайта на хостинге что это

Перейдите в каталог вашего сайта:

Вверху на панели инструментов нажмите Отправить:

Выберите файл с локального ПК для загрузки. Файл будет загружен сразу же после выбора:

Как изменить корневую папку сайта?

Стандартными средствами изменить папку сайта для уже созданного домена нельзя. Вы можете сделать это через пересоздание WWW-домена. Для этого:

Перейдите в Менеджер файлов, далее в директорию www. Выделите строку с названием папки сайта mysite.ru и нажмите Атрибуты:

Переименуйте папку mysite.ru, задав новое имя new_mysite.ru, и нажмите Ок:

Затем перейдите в раздел WWW-домены, выберите в списке нужное имя сайта (mysite.ru) и нажмите Удалить:

Вернитесь в раздел Менеджер файлов, затем в директорию www. Выделите строку с названием папки сайта new_mysite.ru и нажмите *Атрибуты*:

В открывшемся окне снова переименуйте ее в mysite.ru:

Вернитесь в раздел WWW-домены и нажмите в верхней панели инструментов Создать:

Заполните строки следующим образом:

  • Имя: имя сайта, которое вы удаляли во 2-м шаге;
  • Корневая директория: вида www/новая папка сайта

и сохраните изменения:

Корневая папка сайта будет изменена:

На вкладке «Сайты и домены» кликните Настройки хостинга рядом с именем домена:

Пропишите путь до новой корневой папки сайта:

и нажмите OK внизу страницы.

В блоке «Домены» нажмите Дополнительные домены:

Рядом с именем домена нажмите значок редактирования корневого каталога документов:

Пропишите новый корневой каталог документов и нажмите Изменить:

Adblock
detector