Лого SiteHere.ru

Как разместить (опубликовать) сайт в сети интернет

Как разместить сайт в интернете?

В этой статье мы рассмотрим способы как по этапам разместить сайт в сети интернет, или как опубликовать сайт.

Этими способами в нашей компании мы пользуемся на протяжении 4-х лет и они позволяют быстро перенести сайт.

Содержание

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

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

Подробная видеоинструкция

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

Видеоурок о публикации сайта в интернете

Нужен сайт, который будет продавать? Читайте об этом в нашей статье по созданию продающих лендингов.

Подготовка файлов сайта для публикации

Сжать исходные файлы сайта

Для начала нужно подготовить файлы.

Но вы ведь уже создали сайт и они уже готовы, как еще нам нужно их подготовить?)

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

За время работы с сайтами появился быстрый способ размещения сайта в сети интернет. И мы его сейчас рассмотрим.

Сжать исходные файлы сайта

Это сильно ускорит передачу файлов. Можно в обычный ZIP архив.

Файлы будут передаваться быстрее, если это будет происходить одним архивом, чем по одному файлу.

Особенно это важно для сайтов на CMS, потому что там файлов очень много и нужно их все передать на сервер.

Очень важно сжать не папку, а только файлы, потому что при распаковке на хостинге у вас все распаковалось в корень сайта.

Файлы вы сжали, но куда их передавать?)

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

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

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

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

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

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

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

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

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

Хостинг Beget

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

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

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

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

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

2. Выбор домена

На хостинге Beget можно без покупки домена протестировать сайт бесплатно в течение 30 дней.

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

Сейчас у нас есть хостинг, то есть у нас есть место, куда мы можем загрузить наш сайт.

Но если вы хотите сразу красивое доменное имя, то внутри панели управления перейдите в раздел проверки.

Регистрация домена из админ-панели

Нужно перейти в раздел «Домены и поддомены»:

Раздел "Домены и поддомены"

А затем выбрать пункт «Зарегистрировать домен»:

Пункт "Зарегистрировать домен"

Если домен занят, то вы увидите соответствующее сообщение:

Домен занят

Регистрация домена с сайта

Также без покупки хостинга можно проверить свободен ли домен, который вы придумали. На странице с регистрацией доменов введите название домена и затем нажмите «Проверить»:

Проверка домена

В результате ниже вы увидите какие именно домены свободны для регистрации и затем только останется зарегистрировать:

Результат проверки домена

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

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

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

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

Файловый менеджер в админ-панели

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

Выбрать свой домен на хостинге

Затем в «public_html»:

Перейти в public_html в файловом менеджере

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

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

Жмем "Загрузить файлы"

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

Окно выбора сайта на компьютере

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

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

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

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

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

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

Распаковка архива с сайтом на хостинге

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

Распаковать архив с сайтов

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

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

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

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

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

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

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

Filezilla - менеджер сайтов

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

Ввести данные доступа на хостинг

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

Подключение к хостингу

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

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

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

Filezilla - public_html

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

Находим сайт на компьютере

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

Выделяем файлы сайта на компьютере

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

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

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

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

Раздел "MySQL"

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

Создание новой базы данных

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

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

Перейти в phpmyadmin

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

Выбрать "Импорт"

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

Выбрать файл базы данных на компьютере

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

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

Бесплатное размещение сайта в сети интернете

Кто-то скажет, что можно ведь бесплатно разместить сайт в интернете.

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

Бесплатный хостинг от Beget

У вас есть 30-дневный бесплатный период. Зарегистрировать его можно здесь и выбрать тариф хостинга.

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

Также читайте о том, как создать интернет-магазин на WordPress:

Либо вы всегда можете отдать данную работу агентству и не заниматься самостоятельно. В каком случае выгодно отдавать разработку и маркетинг на аутсорс читайте в стать "Аустсорсинг маркетинга".

Вывод

Я показывал пример размещения сайта в интернете в хостинге Beget потому что сам пользуюсь им.

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

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

Если что-то из статьи осталось нераскрытым — в комментариях вы можете смело задать свой вопрос!

6 комментариев к записи
  • константин

    > я начинающий…
    > зарегистрировал у beget бесплатный хост и домен.
    > перенес файлы на локальный.
    > как теперь проверить работает ли моя страница в интернете?

     
    • Юрий Немец

      Здравствуйте, Константин!
      В панели управления хостинга перейдите в раздел «Сайты» и увидите адрес сайта, по которому должна быть доступна ваша перенесенная страница.

       
  • константин

    я создал по мотивам ваших уроков свой сурагат))) на хостинге бегет загрузил него..пож-та оцените)

     
    • Юрий Немец

      Добрый день, Константин!
      Давай посмотрим, пришлите ссылку на ваш первый сайт 🙂 .

       
      • константин

        http://j919452v.beget.tech/

         
        • Юрий Немец

          Отлично! Начало положено, сейчас необходимо освоить CSS и дальше совершенствовать процесс верстки.

           

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Содержание