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

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

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

Шаг 1. Регистрация хостинга

Для регистрации на главной странице нужно нажать на кнопку «Заказать»

1. Выбираете тарифный план

2. Выбираете как физ. лицо или как юр. лицо Вы регистрируетесь.

3. Вводите данные.

Хостинг-провайдер потребует обязательное подтверждение регистрации кодом из СМС. Также рекомендуется вводить реальные данные, т.к. для одобрения могут запросить скан паспорта для подтверждения. После успешной регистрации хостинг предоставит данные для входа в панель управления(!данные эти сохраните), там же информация о том, как залить сайт на хостинг Beget. На почту от Beget придет сообщение со всей необходимой информацией:

— Лимиты выбранного тарифа при регистрации;

— Данные для входа в панель управления хостингом и FTP-соединения(на рис обозначены как 1 и 2); . ВНИМАНИЕ! их нужно обязательно СОХРАНИТЬ!

— DNS адреса и технический домен.

(Комментарии: что помеченно как 1 — это нужно использовать при входе в акаунт на beget, а что помечено как 2 — это и нужно сохранить обязательно , чуть ниже мы воспользуемся этими данными)

Если доменное имя уже приобретено – его нужно перенести на beget.com, изменив DNS адреса. На случай отсутствия доменного имени используется предоставленный бесплатно технический адрес, переходя по которому можно видеть загруженный сайт. Либо можно зарегестрировать домен на Beget

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

Шаг 2. Загрузка FTP-приложения

Сначала лучше разобраться, что такое FTP-соединение. Это протокол передачи файлов на внешний сервер по безопасному каналу. Работа с FTP соединением позволяет быстро загрузить все файлы за короткий срок. Для загрузки файлов с помощью FTP-соединения существует много приложений, позволяющих выполнить ее путем удаленного подключения к серверу. Но следует остановиться на FileZilla. В отличие от других программ, эта утилита универсальна (для любой ОС) и обладает простым и понятным интерфейсом.

Скачать FTP-приложение можно на официальном сайте разработчика. Программа предоставляется бесплатно. После скачивания нужно открыть приложение. Она представляется верхним меню и несколькими блоками:

☰ В двух левых локальный проводник (на рис. обознач как 1 и 2);

☰ Верхний блок пустой, на нем выводится информация о состоянии соединения(на рис. обознач как 3);

☰ Нижний блок оповещает о статусе загрузки файла на хостинг(на рис. обознач как 4);

☰ В правом блоке оповещают об отсутствии подключения, что ненавязчиво наводит на мысль;(на рис. обознач как 5);

Все верно, в правом блоке будет размещен проводник для сайта на внешнем сервере. Теперь следует приступить к подключению к нему.

Шаг 3. Подключение к серверу

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

«логин – имя пользователя»;

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

Шаг 4. Загрузка файлов на хостинг

В каталоге сайте следует перейти в папку с названием сайта, далее в папку public_html. В эту папку и загружается сайт.

Теперь можно приступить к непосредственной загрузке сайта на хостинг. Перед этим следует сделать несколько вещей:

Теперь можно приступить к непосредственной загрузке сайта на хостинг. Перед этим следует сделать несколько вещей:

⚑ Удалить присутствующий в каталоге файл index.html;

⚑ Тщательно проверить соблюдение физической структуры сайта на локальном диске;

Загрузка файла происходит путем перетаскивания файла с окна локального диска в окно каталога сайта. Чтобы перетащить файл нужно выбрать его и, удерживая левую кнопку мышки, переместить в правый блок. Либо выделить все файлы(ctr+A) и также переместить в правый блок.

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

FileZilla оказалась простой и удобной программой. Несмотря на не скромное меню, для загрузки сайта на хостинг потребуется всего несколько минут. Достаточно знать, куда нужно ввести FTP данные и как загрузить файл. Но это только один из вариантов загрузки. Как заливать сайт на хостинг, FileZilla использовать или другие программы, выбор остается за пользователем

Всем привет! В этом видео мы рассмотрим, что такое хостинг и домен, выберем, на какой хостинг сейчас можно залить 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!

Введение

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

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

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

• Доступ к панели управления вашего хостинга
• Файлы вашего сайта (желательно заархивированные в .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-клиент помогает при загрузке большого количества файлов, однако это занимает определенное количество времени. Вместо этого лучше загрузить архив с нужными вам файлами.

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