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

Как работает хостинг сайтов?

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


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

Чтобы снизить риски, каждый тариф Hostinger предоставляется с 30-дневной гарантией возврата денег, чтобы вы могли попробовать и решить, действительно ли наша услуга вам подходит. Кроме того, вы можете начать с нашего наиболее доступного простого плана, разработанного специально для небольших проектов. Когда ваш сайт начнёт расти, и вам потребуется больше ресурсов на сервере, вы можете перейти к одному из наших расширенных планов, без промедлений.

На самом деле вам даже не нужны какие-либо знания в области программирования для выполнения регулярных задач управления сайтом. Аккаунты хостинга имеют графический интерфейс пользователя, где вы можете управлять всеми настройками своего сайта. Например, вы можете загружать на сервер HTML и другие файлы, устанавливать системы управления контентом, такие как WordPress, обращаться к своей базе данных и создавать бэкапы (резервные копии) для своего сайта.

Хотя cPanel – платформа хостинга, используемая большинством хостинг провайдеров, является мощным инструментом, она может быть пугающей для не технически ориентированных пользователей, которые просто хотят быстро создать и запустить сайт. Поэтому наша команда решила создать свою панель управления для наших пользователей. Мы можем с гордостью сказать, что панель управления Hostinger имеет красивый и интуитивно понятный интерфейс, вы сможете сразу в нём разобраться, даже, если впервые работаете с хостингом. Наши клиенты уже её полюбили, так как удобная панель помогает им уверенно и легко управлять своей учётной записью.

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

  • SSL-сертификаты (для обеспечения безопасности сайтов используется протокол https://)
  • Хостинг электронной почты Email
  • Конструкторы страниц
  • Инструменты для разработчиков
  • Услуги поддержки клиентов (обычно с онлайн чатом)
  • Автоматизированное создание бэкапов (резервных копий данных)
  • Установщики программ в 1-клик мыши (например, CMS WordPress или Drupal)

Если вы собираетесь начать своё увлекательное онлайн-путешествие, посмотрите, что может предложить Hostinger! Используя один из наших специальных купонов, в настоящее время вы можете сэкономить до 82% от всей покупки, включая 30-дневную гарантию возврата денег!

Предложение с ограниченным сроком действия — получите скидку 82% на создание нового веб-сайта! Использовать Купон

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

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

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

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

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

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

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

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

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

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

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

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

Загрузка сайта в интернет

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

3.1 Простой способ

Нам не понадобятся сторонние программы. Для этого необходимо лишь зайти в админ-панель и там выбрать «Файловый менеджер»:

Далее выбрать сайт, который нам нужен и зайти внутрь:

Затем в «public_html»:

Удалить стандартный файл index.php, он нам больше не пригодится.

Выбрать в верхнем меню «Загрузить файлы»:

Нажать на «Browse…»:

Выбрать наш архив на компьютере:

Поставить галочку напротив нашего архива и затем нажать «Загрузка»:


После загрузки можем закрыть данное окно.

Кликнуть на архив правой кнопкой мыши, а в выпадающем списке выбрать пункт «Распаковать архив»:

В появившемся окошке нажать «ОК»:

Супер! Наш архив распаковался как нужно и все файлы лежат в корне. Если вы заархивировали папку, то у вас разархивируется именно папка, что не очень удобно и лучше в самом начале правильно заархивировать файлы (об этом я написал выше).

Осталось открыть домен и проверить!

Мы рассмотрели более простой способ и без загрузки базы данных.

3.2 Чуть более сложный способ

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

Предлагаю использовать FileZilla. Скачать можно здесь.

Когда установите программу необходимо слева вверху кликнуть на значок «Менеджер сайтов»:

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

Жмем «Соединиться» и попадаем к корень нашего хостинга:

Заходим внутрь нашего домена:

Затем внутрь папки «public_html»:

Выделяем все файлы и переносим их правую часть:

Готово! Этот способ чуть сложнее, потому что необходимо подключиться с помощью сторонней программы подключиться к серверу. Но если рассматривать работы над сайтом, как постоянные (а они всегда именно такие, как ремонт ), то такой способ лучше. Потому что у вас на компьютере всегда будет актуальная копия сайта, а не только на сервере.

3.3 Загрузка базы данных на хостинг

Например, если вы создали сайт на WordPress или на другой CMS, то базу данных также нужно загрузить.

Сделать это можно в разделе «MySQL»:

Необходимо создать новую базу данных. Для этого ввести имя базы данных (префикс останется и его удалить нельзя) и пароль:


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

Далее нам необходимо перейти в phpMyAdmin:

Вверху выбрать «Импорт»:

Кликнуть «Обзор» и выбрать SQL файл вашей базы данных на компьютере:

Перед этим в phpMyAdmin на компьютере необходимо сделать экспорт вашей базы данных.

Не забудьте в конфиг файле вашей CMS (в WordPress это файл wp-config.php) прописать новое название базы данных, новое имя пользователя и пароль, который вы задали на хостинге.

Шаг 3 – Создание канала

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

Краткий порядок действий:

  1. После авторизации в личном кабинете, нажмите снова по значку с аватаром профиля.
  2. Откройте «Мой канал» и заполните все поля, которые предложит Ютуб.

Вход на канал

Если при выполнении Шагов 2 и 3 возникли вопросы, почитайте на сайте подробные инструкции, как правильно создавать новый профиль и канал, здесь или вот здесь.

А вообще, чтобы сделать все максимально правильно у меня уже написаны две подробнейшие инструкции, как создавать канал с нуля:

  • Как создать канал на Ютубе с компьютера
  • Как создать канал на ютубе с телефона

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

Шаг 1: выберите надёжный веб-хост

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

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

Вот несколько важных вещей, которые вы должны искать в веб-хостинге:

  1. Онлайн поддержка. Нет ничего хуже, чем застрять и узнать, что вам некому помочь. Если веб-хост не предлагает чат или телефонную горячую линию, вы можете оказываться в трудном положении время от времени.
  2. Контролируйте свой веб-хостинг. Чем меньше вы контролируете свой аккаунт, тем больше вероятность возникновения трудностей, когда ваш сайт начнёт расти. Хорошим примером может быть сравнение WordPress.com с WordPress.org (англ) (версия для самостоятельного размещения).
  3. Место для роста. Самые успешные веб-сайты играют в долговременную игру. Прежде чем вы присоединитесь к веб-хосту, убедитесь, что у них есть масштабируемые решения, если ваш веб-сайт начинает требовать больше огневой мощи (например, виртуальные частные серверы или облачный хостинг).
  4. Гарантия возврата денег. Никто не любит плохие инвестиции, поэтому не забудьте проверить политику возврата (англ). Это даст вам время, чтобы проверить всё, прежде чем полностью использовать эту услугу.
  5. Дополнительные ништячки. Кто не любит хорошую сделку? Например, мы включаем бесплатную регистрацию домена с каждым ежегодным планом веб-хостинга (а в бизнес-пакет также входит бесплатный SSL)! Короче говоря, постарайтесь поразить как можно больше зайцев одним выстрелом.

Отправляем файл на хостинг

В пане­ли управ­ле­ния хостин­га выби­ра­ем раз­дел «Доме­ны», там нахо­дим домен mihailmaximov.ru и нажи­ма­ем на зна­чок пап­ки рядом с ним. Пап­ка — это фай­ло­вый мене­джер, мы как бы откры­ва­ем вир­ту­аль­ный диск с нашим сай­том:

Несмот­ря на то, что сайт мы толь­ко созда­ли, там уже что-то лежит. Раз­бе­рём­ся:

Пап­ка cgi-bin — это пап­ка для выпол­не­ния скрип­тов, напи­сан­ных на язы­ках Perl, C и shell. У нас таких скрип­тов на сай­те нет, поэто­му эту пап­ку мы не тро­га­ем.

Файл .htaccess — это файл для локаль­ной настрой­ки веб-сервера, то есть той про­грам­мы, кото­рая отда­ёт нам сайт. С помо­щью это­го фай­ла мож­но защи­тить пап­ки паро­лем, доба­вить пере­ад­ре­са­ции, хит­рым обра­зом видо­из­ме­нять запро­сы — как-нибудь напи­шем об этом подроб­но.

index.html — это доку­мент, кото­рый веб-сервер счи­та­ет кор­не­вым, как бы «нуле­вой кило­метр» наше­го сай­та. Если запро­сить сайт mihailmaximov.ru, то веб-сервер най­дёт в кор­не­вой пап­ке index.html и отдаст его содер­жи­мое.

Сей­час в фай­ле index.html лежит стан­дарт­ный при­вет­ствен­ный текст от хостин­га, и он нам не нужен. Уда­лим его. Отме­ча­ем этот файл галоч­кой и нажи­ма­ем ввер­ху «Уда­лить».

Оста­лось зака­чать вме­сто него то, что нам нуж­но.

  1. Откры­ва­ем наш файл с сай­том. Для ваше­го удоб­ства исход­ный код при­ве­дён ниже в рас­хло­пе.
  2. Сохра­ня­ем этот файл под име­нем index.html — это будет глав­ный файл наше­го сай­та.
  3. В пане­ли управ­ле­ния хостин­гом нахо­дим кноп­ку «Загру­зить файл», выби­ра­ем наш index.html и под­твер­жда­ем.

Страница «О себе»

Когда DNS-записи обно­вят­ся, все уви­дят, что нахо­дит­ся по адре­су mihailmaximov.ru, Всё, сайт готов:

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

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

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

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

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

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


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

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

Выводы

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

Выбор хостинга

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

Я не буду рассматривать много сервисов услуг, а расскажу о том, который использую уже более 6 лет и на котором размещен этот сайт Sitehere.

Когда-то я его выбрал, потому что он был популярным и недорогим.

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

Ключевой момент при выборе хостинга: техническая поддержка.

Крутая техническая поддержка поможет решит практически любой вопрос.

Поэтому я остался там и затем только менял тариф, так как сайт разрастался.

Хостинг, которым пользуюсь я, называется Beget.

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

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

Но перед тем, как что-то покупать — рекомендую сравнить другие варианты.

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

Программа

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

Чтобы поставить себе программу Яндекс диск на компьютер, вам нужно зайти в свой аккаунт и выбрать пункт «Установить для Windows».

Теперь просто скачиваете и устанавливаете программу по инструкции. Ничего сложного там нет.

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

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

Ну а загрузить файл на яндекс диск для возможности скачивания теперь вообще не составит проблем. Так как это по сути папка, то и работать в ней можно точно также. То есть, мы берем любой любой документ с вашего компьютера, после чего копируем его CTRL+C.  А дальше снова заходим в нашу летающую тарелку, то бишь папку Яндекса. И уже там вставляем скопированное с помощью комбинации клавиш CTRL+V. После этого файл автоматически появится у вас и в браузерной версии.

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

Как поделиться ссылкой?

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

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

Зачем она нужна?

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

style=»display:block» data-ad-client=»ca-pub-8243622403449707″ data-ad-slot=»1319308473″ data-ad-format=»auto»>

Короче говоря, все зарегистрированные пользователи, пароли, статьи, комментарии, названия категорий и т.д. хранятся в БД. А чтобы было понятнее, установите свой сайт с нуля повторно на вновь созданном вами поддомене и увидите: как он выглядит. Можете еще поменять шаблон и добавить плагины и посмотрите, что получится.

Это при почти пустой базе. А что будет вовсе без нее? Хотите увидеть? Для этого зайдите в файл конфигурации, поменяйте там пароль на три единицы и сохраните его на сервере. Но прежде сделайте дубликат первоначального файла на компьютере в другой папке. Получилось? Что вы видите вместо своего сайта?

Дырку от бублика. То-то и оно! Теперь пароль верните, а то работы не будет!

Значит, без БД никуда! Это неотъемлемая часть сайта.


С этим читают