Размещение сайта на сервере


Как создать сайт бесплатно и самостоятельно с полного нуля не имея технических знаний? Что такое «домен» и «хостинг» и зачем они нужны? Что такое «HTML-сайт», «CMS-система» и «конструктор сайтов» и в чем их ключевые отличия друг от друга? 

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

Содержание

  1. С чего начинается любой сайт?
  2. Какие задачи можно решить с помощью сайта?
  3. Технические аспекты создания сайта
    1. Конструкторы сайтов
      1. Пример создания сайта
      2. Создаем Сайт-визитку
      3. Создаем Интернет-магазин
      4. Создаем Лендинг (Landing Page)
      5. Рейтинг конструкторов сайтов
    2. CMS-системы
    3. Самостоятельное создание сайта с нуля
      1. Создание HTML-сайта
      2. Ключевые этапы создания сайта
        • Создание макета сайта
        • Верстка сайта
        • Создание сайта с помощью PHP

    4. Создавать с нуля или на конструкторе сайтов?
    5. Полезные программы для начинающих вебмастеров
  4. Публикация созданного сайта в сети «Интернет»
    1. Что такое «домен»
    2. Как выбрать домен для сайта
    3. Что такое «хостинг»
    4. Как выбрать хостинг для сайта
    5. Размещение готового сайта на сервере
  5. Ответы на распространенные вопросы
  6. Заключение

1. С чего начинается любой сайт?

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

С какой целью может быть создан сайт?

На самом деле, все цели создания нового сайта можно разделить на две основные категории:

  • коммерческие;
  • некоммерческие.

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

Итак, коммерческой целью создания сайта может быть:

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

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

Определение задач, стоящих перед создаваемым сайтом

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

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

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

Технические аспекты создания сайта


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

  • с помощью конструкторов сайтов;
  • с помощью CMS-систем;
  • путем самостоятельного написания исходного кода сайта.

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

Конструкторы сайтов

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

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

Наиболее популярные конструкторы сайтов


  • Wix – один из наиболее популярных конструктов сайтов, который позволяет быстро и просто создавать интернет-ресурсы действительно высокого качества. На нашем сайте вы найдете подробный обзор этого конструктора, а также пошаговое руководство по работе с ним. Рекомендуем!
  • UKit – конструктор, который позволяет создавать современные сайты, а затем успешно заниматься их SEO-продвижением. Он имеет простой в освоении и интуитивно понятный пользовательский интерфейс, а также включает в себя продвинутую систему аналитики. Специально для читателей нашего сайта мы подготовили пошаговое руководство по работе с этим конструктором.
  • Nethouse – конструктор, который отлично подойдет для создания сайтов-визиток, сайтов-портфолио, интернет-магазинов. Он достаточно прост в первичном освоении и дальнейшем использовании. Мы подготовили его подробный обзор, а также пошаговое руководство.
  • UMI – еще один простой в освоении и использовании конструктор сайтов. Прочтите наш подробный обзор, а также пошаговое руководство по работе с ним.

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

Простой пример создания сайта

Давайте вкратце пробежимся по этапам создания сайта в конструкторе Wix. Он отлично подойдет для деловых людей, кто не желает погружаться в тонкости создания сайтов и избавит их от необходимости делать свой первый ресурс на «голом» HTML или разбираться с особенностями работы CMS.


Сам процесс состоит из нескольких понятных и простых шагов, о которых чуть ниже!

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

Шаг второй – выбираем базовый шаблон дизайна для будущего сайта.
Конструктор предоставляет в распоряжение пользователей коллекцию из более 500 уникальных бесплатных шаблонов! Такого выбора нет нигде!

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

Шаг третий – оформляем и персонализируем сайт.
В первую очередь необходимо дать создаваемому ресурсу уникальное название. Стоит отметить, что в случае необходимости присвоенное на этом шаге название сайта можно будет изменить в любой момент.
По умолчанию, вы получаете домен третьего уровня (вида вашлогин.wix.com/вашсайт), но вы легко можете подключить своей домен 2го уровня.

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

В частности можно:

  • Добавлять на сайт необходимые страницы и наполнять их контентом.

  • Фотогалереи и видеоролики.
  • Разнообразные функциональные элементы, такие как формы, кнопки и меню.
  • Кнопки социальных сетей.
  • Функционал для ведения блога компании.
  • Реализовать полноценный интернет-магазин.
  • Активировать SEO-инструменты для продвижения создаваемого сайта.
  • Добавить красочный favicon.
  • Разнообразные счетчики и метрики для отслеживания важных параметров и характеристик сайта.
  • И еще множество и множество самых разных модулей под разные назначения.

Шаг четвертый – финальные штрихи и запуск.

  • Просмотрите мобильную версию, убедитесь, что вас все устраивает.
  • Подтвердите ранее введенные контактные данные.
  • Обязательно сделайте «Предпросмотр» перед запуском сайта.
  • И наконец, нажмите кнопку «Публикация», чтобы созданный вами сайт стал частью всемирной паутины и был доступен всем пользователям.

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

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

CMS-системы

Термин CMS происходит от английского выражения Content Management System и используется для обозначения так называемых «систем управления контентом» (сайтом). Эти же системы зачастую называют «движками» для сайтов. На сегодняшний день любая CMS-система позволяет управлять всем содержимым сайта с помощью простого и наглядного интерфейса.


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

Топ бесплатных CMS-систем

  • WordPress – отлично подходит для создания блогов, сайтов-визиток, корпоративных сайтов. Кстати, сайт, который вы сейчас читаете, работает на базе именно этой CMS. И мы уже опубликовали руководство, в котором рассказывается о том, как создать сайт на WordPress.
  • Joomla – еще одна многофункциональная CMS-система, которая позволяет создать как простой сайт-визитку или корпоративный сайт, так и полноценный интернет-магазин. Обязательно прочитайте наше руководство, посвященное тому, как создать сайт на Joomla.
  • InstantCms – в первую очередь, этот движок предназначен для создания социальных сетей, городских порталов, а также сайтов знакомств и онлайн-клубов;
  • Drupal — ещё одна популярная CMS-система, которая отлично подходит для создания корпоративных сайтов, сайтов-визиток, а также сайтов-портфолио, социальных сетей и интернет-магазинов;

  • OpenCart –данная CMS-система предназначена, прежде всего, для создания интернет-магазинов. Вместе с тем стоит учитывать, что она проста в использовании, но при этом достаточно сложна в плане разработки. Как показывает практика, для разработки полноценного интернет-магазина на основе этого движка требуется привлечение опытного PHP-программиста.
  • phpBB – отличная CMS-система, предназначенная для создания форумов.

Топ платных CMS-систем

  • «1С-Битрикс» — мощная и многофункциональная система управления сайтами. Она позволяет создавать и поддерживать интернет-ресурсы практически любого типа. В качестве ключевых особенностей стоит выделить простоту управления созданным сайтом, высокую производительность, интеграцию с 1С (это очень важный момент для российских интернет-магазинов), а также обширные возможности мобильного администрирования.
  • UMI.CMS – еще один достойный представитель платных CMS-систем. Девиз его разработчиков — «удобство для людей». Специально для этого движка было создано 500 уникальных шаблонов, которые подойдут практически для любого сайта и при этом предоставят возможность доработки под каждый конкретный проект. А 2500 разработчиков будут рады помочь вам в создании сайта на основе UMI.CMS и его «затачивании» именно под ваши цели.
  • osCommerce  — платная CMS-система, предназначенная для создания современных интернет-магазинов и обладающая богатейшими функциональными возможностями.

Самостоятельное создание сайта

Специально для тех, кто хочет научиться самостоятельно писать исходный код создаваемого сайта, мы подготовили пошаговую инструкцию по созданию простого сайта на HTML. Поехали!

Внимание! Если вы абсолютный новичок или просто не хотите погружаться в работу с кодом и другие технические моменты, можете смело переходить к разделу «Создать сайт с нуля или на конструкторе сайтов?» 

Создание HTML-сайта

В качестве первого примера мы создадим простой HTML-сайт, который будет состоять всего из одной страницы. HTML (HyperText Markup Language — язык разметки гипертекстов) – универсальный язык, предназначенный для описания веб-страниц. Его задача заключается в том, чтобы указать браузеру, что и как нужно отображать при загрузке страницы в браузере пользователя. Каждый из его тегов описывает фрагмент страницы.

Ниже приводится исходный код простейшей HTML-страницы:

Скопируйте этот код в новый текстовый файл и сохраните его на своем компьютере. Задайте для сохраняемого файла имя index.html. Затем откройте этот файл в любом браузере и посмотрите на результат.

Обратите внимание, что по умолчанию любой веб-сервер пытается выдать браузеру именно страницу с названием index.html. Поэтому в 99% случаев исходный код главной страницы сайта сохраняется в файле под таким названием и это считается хорошим тоном.

Полную версию этого простейшего HTML-сайта вы можете скачать в виде архива (10,8Mb). После распаковки архива запускаем html/index.html.

Ключевые этапы создания сайта

Самостоятельное создание сайта с нуля состоит из трех основных этапов:


  • Создание макета сайта. Именно на этом этапе появляется четкое визуальное представление, как будет выглядеть создаваемый интернет-ресурс. Чаще всего используется Adobe Photoshop или другие растровые редакторы.
  • Верстка сайта. На этом этапе приступают к верстке сайта из макета .psd, мобильной адаптации и тестированию на корректное отображение в различных браузерах.
  • Внедрение PHP. На этом этапе сайт превращается из статичного в динамический.

Давайте разберемся со всеми этими этапами более подробно.

Создание макета сайта 

Чаще всего макет (в данном случае под этим словом стоит понимать визуальное оформление) сайта создается в программах, которые принято называть графическими редакторами. Наиболее популярными являются Adobe Photoshop и CorelDRAW. Мы рекомендуем использовать именно Photoshop, так как он чуть проще в освоении и при этом обладает богатейшими возможностями.  Кроме того, именно им пользуются все веб-дизайнеры.

Создаем новый документ в Adobe Photoshop. Задаем ему имя – MySite.

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

Выбираем разрешение 72 пикселя на дюйм и RGB-цвет. Эти установки делаем обязательно, так как именно они отвечают за корректное отображение веб-страницы.

Затем устанавливаем цвет фона F7F7C5 в шестнадцатеричном формате или выбираем его с помощью палитры цветов.

После этого выбираем пункт меню «Просмотр» – «Направляющие» и активируем отображение линеек и направляющих.

В пункте меню «Просмотр» — «Привязка к» необходимо проверить, что включена привязка к направляющим и границам документа.

С помощью инструмента «Текст», вводим текстовое название будущего сайта, слоган под ним, а также контактный номер телефона справа вверху макета.

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

Затем с помощью инструмента «Формы» создаем прямоугольник с закруглёнными краями (радиус – 8 точек) и с его помощью обозначаем место под изображение, которое будет располагаться в шапке сайта.

Теперь пришло время вставить изображение в шапку сайта.

С помощью инструмента «Текст», и шрифта Georgia, входящего в стандартный набор операционной системы Windows, создаем навигационное меню и заголовок главной страницы сайта.

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

Для заголовка в тексте используем черный шрифт. Для навигационного меню – белый.

Перемещая правую границу основного текстового блока, вставляем изображение в текст страницы (справа от текста).

Используя инструмент «Формы» — «Прямая», проводим заключительную линию под текстом страницы.

C помощью инструмента «Текст» (шрифт Arial) размещаем копирайт в подвале страницы (под линией).

Нарезаем необходимые для вёрстки сайта фрагменты изображений с помощью инструмента «Раскройка» (мы выделили основную картинку в шапке и картинку в тексте страницы).

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

Для того чтобы сохранить и использовать результаты проделанной работы в виде изображений для последующей вёрстки сайта, переходим в меню «Файл» и выбираем пункт «Сохранить для Веб». Затем настраиваем качество выходных изображений и сохраняем их.

В результате этого мы получим множество графических фрагментов для нашего будущего шаблона. В папке, где был сохранен сам шаблон, появится папка с изображениями (images). Отбираем нужные и переименовываем.

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

Вместе с тем стоит отметить, что для максимально быстрого старта можно воспользоваться готовыми шаблонами, а не создавать их самостоятельно. В разделе «шаблоны сайтов» можно найти и создать собственный сайт на основе HTML и CSS.

Верстка сайта

Прежде всего, необходимо создать новый текстовой файл и сохранить его под названием index.html.

Первая строка этого файла должна выглядеть следующим образом:

Она сообщит браузеру, как именно обрабатывать содержимое страницы. Далее следует набор тегов:

Пара тегов <html>…</html> говорит о том, что внутри содержится HTML-код.

Внутри <head>…</head> располагаются теги, которые не отображаются в окне браузера пользователя. Как правило, они начинаются со слова meta, и называются мета-тегами, а вот тег <title>…</title> отображается в качестве заголовка окна браузера и анализируется поисковыми системами.

Далее располагается пара тегов <body>…</body>, в которые заключено содержимое страницы. Именно эта часть, которую часто называют телом страницы, отображается в браузере пользователя.

Также важно понимать, что существует несколько способов организации контента. Наиболее популярные из них – организация с помощью блоков (<div>…</div>) и в виде таблиц (<table>…</table>).

Что касается формата отображения элементов, то он может быть задан как напрямую, с использованием соответствующих тегов, так и с помощью таблиц стилей CSS. При этом именно второй способ является наиболее предпочтительным, так как он позволяет повторно применять стили компонентов. Таблица стилей задается либо в внутри тега <head>, либо в отдельном файле (чаще всего этот файл имеет имя style.css), ссылка на который также располагается внутри <head>.

В нашем случае структура элементов сайта выглядит следующим образом:

Основополагающими документами, в которых описываются все компоненты того или иного языка, применяемого при создании сайтов, являются спецификации.

Более подробно изучить все основные HTML-теги, их назначение, использование таблиц стилей (CSS) можно воспользовавшись книгами, представленными в разделе «Языки разметки», кроме того, полезные советы по организации контента, верстке, CSS приводятся в статьях.

Создание сайта с помощью PHP

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

Если же предоставляемая пользователям сайта информация изменяется в зависимости от каких-либо факторов или запросов, говорят, что веб-страница содержит динамический контент (является динамической).

Для создания таких страниц необходимо использовать языки веб-программирования. Среди них наиболее широко распространены PHP, Python и Ruby on Rails для Unix-систем, а для Windows характерна разработка динамического контента с использованием средств .NET.

Это все касается серверной части, а для программирования на клиентской стороне чаще всего используется JavaScript.

В подготовленном нами архиве есть папка php, в которой сохранен файл index.php. Именно он позволяет реализовать три странички нашего тестового сайта с помощью PHP.

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

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

Суть этих действий заключается в том, что мы выносим шапку и подвал сайта в отдельные файлы: header.php и footer.php соответственно. А затем на страницах с текстовым содержанием вставляем их в макет сайта с помощью PHP. Сделать это можно с помощью приведенного ниже кода:

Попробуйте запустить в браузере файл php/index.php. Не получилось? Конечно нет. Ведь браузер не знает, что ему делать с командами, из которых состоит PHP-файл (он же PHP-скрипт).

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

Для отладки веб-приложений и реализации полноценного веб-сервера на компьютерах, работающих под управлением операционной системы Windows, был создан  бесплатный пакет Denwer (для вашего удобства он присутствует в подготовленном нами архиве). Он включает в себя веб-сервер Apache, интерпретаторы таких языков веб-программирования как PHP и Perl, базу данных MySQL, а также средства для работы с электронной почтой.

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

Только что установленный нами веб-сервер запускается кликом по ярлыку Start Denwer (у вас он может называться иначе). После старта веб-сервера скопируйте в папку home/test1.ru/www/, расположенную на появившемся в системе виртуальном диске (обычно Z), содержимое папки php из архива, с которым мы работаем, кроме файла index.html.

После этого наберите в адресной строке браузера test1.ru. Знакомая картина? А теперь пройдитесь по ссылкам, расположенным сверху страницы. Работает? Отлично!

Создавать сайт с нуля или на конструкторе сайтов?

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

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

В приведенной ниже таблице мы постарались обобщить ключевые преимущества и недостатки сайта с нуля VS конструктора сайтов:

Какой же способ создания сайта наиболее предпочтителен?

На самом деле, однозначного ответа на этот вопрос не существует. Все зависит от ваших целей и задач. Может быть, вы хотите изучить наиболее популярные CMS-системы? А может, научиться самостоятельно формировать исходный код создаваемого сайта? Нет ничего невозможного!

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

Полезные программы для начинающих вебмастеров

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

Notepad++ — текстовый редактор, позволяющий создавать и редактировать исходный код создаваемого сайта. Отличная замена программе «Блокнот», входящей в состав операционной системы Windows.

Adobe Dreamweaver — мощная и многофункциональная программа для создания сайтов. Помимо всего прочего она включает в себя возможность предварительного просмотра создаваемого ресурса.

NetBeans – среда разработки приложений, которая позволяет эффективно работать с такими языками разметки и Веб-программирования, как HTML, CSS, JavaScript и PHP.

Публикация созданного сайта в сети Интернет

Допустим, вы уже создали свой первый сайт, но что нужно сделать, чтобы на него мог зайти любой пользователь Всемирной паутины?

Что такое «домен» и зачем он нужен

Домен — это имя сайта. Кроме того, под термином «домен» зачастую понимают адрес вашего сайта в сети «Интернет».

Отличным примером домена может быть имя сайта, на котором вы сейчас находитесь — internet-technologies.ru.

Как видно из приведенного выше примера доменное имя сайта состоит из двух частей:

  • непосредственно названия сайта — в нашем случае это internet-technologies;
  • выбранной доменной зоны. В нашем случае была выбрана доменная зона «.ru». Доменная зона указывается в адресе сайта после его названия.

Также стоит отметить, что существуют домены различных уровней. Разобраться в этом очень просто – достаточно посмотреть на количество разделенных точкой частей адреса сайта. Например:

  • internet-technologies.ru – домен второго уровня;
  • forum.internet-technologies.ru – домен третьего уровня (он же поддомен).

Доменные зоны могут быть разными. Чаще всего выбор доменной зоны зависит от страны или назначения каждого конкретного сайта.

Наиболее часто используются следующие доменные зоны:

  • .ru — наиболее популярная доменная зона в рамках русскоязычного сегмента Всемирной паутины;
  • .biz — часто доменная зона используется для сайтов бизнес-тематики;
  • .com — эта доменная зона чаще всего используется для коммерческих и корпоративных сайтов;
  • .info — в этой доменной зоне достаточно часто располагаются именно информационные сайты;
  • .net — еще одна популярная доменная зона, подходящая для проектов, связанных с Интернетом;
  • .рф — официальная доменная зона Российской Федерациию

Важно! Мы настоятельно не рекомендуем использовать домены в зоне .рф. Связано это со сложностью в продвижении сайта, расположенного в этой доменной зоне.

Если большая часть целевой аудитории находится в России, мы рекомендуем регистрировать домен в зоне «.ru».

Как выбрать домен

При выборе домена для собственного сайта мы рекомендуем руководствоваться следующими принципами:

  • оригинальность и легкость запоминания;
  • максимальна длина – 12 символов;
  • легкость набора на латинице;
  • отсутствие в имени домена знака «тире» (желательно, но не обязательно).
  • Чистота истории домена и отсутствие на нем каких-либо санкций со стороны поисковых систем. Это можно проверить с помощью сервиса «whois history».

Где можно купить домен?

Мы рекомендуем пользоваться услугами надежного и проверенного временем регистратора доменных имен – WebNames. Мы используем именно его.

Помимо всего прочего, сайт этого регистратора позволяет прямо в режиме онлайн подобрать имя (домен) для своего сайта. Сделать это довольно просто.

Для этого достаточно ввести в соответствующее поле желаемое имя домена и нажать кнопку «Искать домен».

Размещение сайта на сервере

Что такое «хостинг»

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

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

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

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

Как выбрать хостинг

При выборе хостинга для создаваемого сайта мы рекомендуем руководствоваться следующими критериями:

  • Стабильная работа. Выбранный вами хостинг должен стабильно работать 24 часа в сутки, 7 дней в неделю. Иначе вы будете нести репутационные потери в глазах посетителей, а также потеряете доверие со стороны поисковых систем. В этой связи стоит обратить особое внимание на такой параметр, как uptime хостинга. Uptime — это время, в течение которого сайт работает в штатном режиме и посетители могут его открыть в своем браузере без каких-либо проблем. Оно должно быть максимально приближено к 100%. В свою очередь время отклика сайта демонстрирует, насколько быстро ваш сайт отвечает на запрос, поступающий от браузера пользователя. Чем меньше время отклика, тем лучше.
  • Простота и удобство пользовательского интерфейса. При входе в личный кабинет вся панель управления должна быть не только доступна, но и интуитивно понятна. В частности, вы должны видеть текущий баланс, а также иметь быстрый доступ ко всем основным функциям хостинга.
  • Профессиональная русскоязычная служба поддержки. Быстрая, квалифицированная и говорящая на родном для вас языке техническая поддержка очень важна в случае возникновения различных сбоев в работе сайта и необходимости их оперативного устранения.
  • Стоимость услуг. Этот аспект важен как для начинающих вебмастеров, которые имеют в своем распоряжении ограниченный бюджет, так и для владельцев масштабных интернет-проектов, требующих использования действительно дорогостоящего хостинга.

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

Размещение готового сайта на сервере

Допустим, вы уже создали сайт, купили домен и хостинг. Что делать дальше?

Теперь нужно разместить все файлы нашего сайта на сервере выбранного вами хостинг-провайдера. Есть сразу несколько способов сделать это. Давайте поговорим о них.

  1. Это загрузка содержимого вашего сайта по HTTP-протоколу с помощью панели управления хостингом.
  2. По протоколу FTP с помощью так называемого FTP-клиента.

Именно второй способ является наиболее быстрым. Для этой задачи мы рекомендуем один из лучших бесплатных FTP-клиентов – FileZilla.

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

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

Вместо заключения

Благодарим вас за прочтение этой статьи. Мы будем очень рады, если вам помогут нашими рекомендации. Кроме того, благодарим вас за лайки и шаринги. Оставайтесь с нами, и вы узнаете еще много интересного!

Может быть, у вас есть какие-то вопросы по созданию сайтов? Задайте их в комментариях, и мы постараемся вам помочь!

www.internet-technologies.ru

Создание сайта.

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

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

Во втором случае у вас есть несколько вариантов — это:

  • Сделать сайт на HTML страницах.
  • Создать сайт при помощи специального конструктора сайтов.
  • Создать сайт при помощи CMS — системы управления контентом.

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

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

Выбор и регистрация доменного имени для сайта.

Домен или доменное имя — это адрес по которому будет доступен ваш сайт. Например на данном сайте домен выглядит так: webmastermix.ru. Поэтому, как вы понимаете, без доменного имени разместить свой сайт в интернете просто не возможно.

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

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

Выбор хостинга для сайта.

Хостинг — это услуга по предоставлению места для файлов и папок вашего сайта на сервере в интернет. Фирмы которые предоставляют хостинг называются хостинг-провайдерами.  Подробнее смотрите «Что такое хостинг» и «Виды хостинга».  

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

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

Материалы которые вам могут пригодится при выборе хостинга:

  • Хостинг для Joomla 2.5 и 3.0.
  • Хостинг для Drupal.
  • Хостинг для WordPress.

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

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

После заказа к вам на E-mail, который вы указали при заказе, придет письмо содержащее очень важные данные. Эти данные пригодятся в дальнейшем при  переносе сайта на сервер в интернет и его управлении.

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

Размещение своего сайта в интернете.

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

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

Весь процесс переноса сайта в интернет можно разделить на два этапа. Это перенос папок и файлов сайта и перенос базы данных сайта на сервер в интернет. 

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

Перенос папок и файлов сайта на хостинг.

Для переноса папок и файлов сайта на сервер используются специальные программы — FTP клиенты. Самым популярным FTP клиентом является FileZilla Client. Для подключения при помощи данной программы к серверу необходимо в ней настроить FTP соединение.

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

Перенос файлов сайта на хостинг в интернет

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

Теперь вам остается только перетащить папки и файлы вашего сайта в окошко справа и они все скопируются на сервер. Копировать папки и файлы сайта в большинстве случаев необходимо, в зависимости от хостинга, в директорию public_html или www.

Перенос базы данных сайта на хостинг.

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

Т. к. скорее всего при создании сайта вы будете пользоваться локальным сервером. Вам необходимо зайти в phpMyAdmin по адресу: http://localhost/tools/phpmyadmin/, выбрать базу данных вашего сайта, а затем кликнув по вкладке «Экспорт» экспортировать данные в файл.

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

Для проведения импорта достаточно в phpMyAdmin перейти на вкладку «Импорт», затем выбрать ранее экспортированный файл и произвести процедуру импорта.

Теперь остается только связать ваше доменное имя с вашим сайтом. Для этого в кабинете пользователя, у того регистратора где вы регистрировали ваше доменное имя, необходимо найти раздел «Управление DNS-серверами» или «DNS сервера» и указать там адреса NS серверов вашего хостинга.

Узнать адреса NS серверов можно из письма присланного провайдером сразу после заказа хостинга. 

Сайт по вашему адресу станет доступен в течении суток, после того как произойдет сопоставление NS серверов с ваши доменом.

Материал подготовлен проектом: WebMasterMix.ru

webmastermix.ru

Определяем доменное имя

Перед тем, как разместить сайт на хостинге, необходимо выбрать подходящее доменное имя. От домена (адреса сайта) зависит территориальный охват целевой аудитории. Доменное имя в зоне .RU предполагает, что сайт ориентирован на российскую аудиторию, в зонах .COM, .ORG, .INFO или .BIZ – на международную. Некоторые компании регистрируют один сайт под несколькими доменами. В пример можно привести крупные бренды одежды, чьи интернет-магазины имеют разное доменное имя в зависимости от страны (.ru; .by; .uz и т.д.).

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

создание и размещение сайта

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

выбор домена

На каком хостинге разместить сайт?

Надежный провайдер должен отвечать следующим условиям:

  • Официальная регистрация компании.
  • Наличие лицензии на предоставление соответствующих услуг.
  • Наличие офиса. Не обязательное требование, но позволит в случае возникновения вопросов лично встретиться с владельцами.
  • Длительный срок работы. Чем дольше компания на рынке, тем выше шансы, что предоставляемые услуги будут надлежащего качества.

Где лучше разместить сайт? Мы рекомендуем остановиться на провайдере Хостлэнд.

Почему Hostland?

Основное преимущество провайдера Hostland – адаптация под особенности конкретной системы управления содержимым (CMS). Любая CMS имеет слабые места, которые проявляются при необходимости более «тонкой» настройки сайта в результате увеличения нагрузки на сервер и прочих проблемах. Хостлэнд предлагает оптимальные настройки для каждой CMS. Это идеальное решение для дальновидных, практичных веб-мастеров, не знающих, где разместить сайт.

Остальные плюсы:

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

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

Сколько стоит разместить сайт? Подбираем тариф

Чтобы определить оптимальный тариф, необходимо знать:

  • размер сайта (какой объем дискового пространства он будет занимать);
  • какой объем базы данных необходим в перспективе;
  • число сайтов, требующих размещения.

Хостлэнд предлагает 3 тарифа, 2 из которых позволяют размещать неограниченное количество сайтов.

выбор хостинга и тарифа

Разместить сайт бесплатно

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

хостинг хостлэнд

www.hostland.ru

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

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

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

1. Сколько свободного дискового пространства требует Ваш сайт. Проще говоря, сколько он весит в мегабайтах(мб). Узнав это, Вы сможете отсеять тарифные планы, предлагающие меньше дискового пространства. При подсчете размера Вашего сайта, не забудьте о размере базы данных, если она у Вас есть. Также подумайте о почтовых ящиках. Если Вы хотите использовать почтовые ящики со своим доменным именем, для начала отделите 50мб для каждого предполагаемого ящика. Представим, к примеру, что Ваш сайт весит 100 мб, база данных Вашего сайта весит 30мб, и Вы хотите иметь 3 почтовых ящиков, для которых отделяете по 50мб для каждого. Итого потребуется 330мб свободного места.

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

3. Посещаемость сайта. Очень сложно для новичка, определить, сколько людей будут посещать его в день. Но от того как точно Вы сможете предсказать будет зависеть правильность Вашего выбора. Подумайте, для кого Вы предназначаете свой сайт, какая у Вас аудитория посетителей? Если Ваш сайт узкоспециализированный, в этом случае не стоит ждать большого количества посетителей. Когда как если у Вас развлекательный портал или социальная сеть, скорее всего Вы, сможете добиться большой посещаемости на Ваш сайт. Конечно, это будет зависеть от продвижения Вашего сайта, но это уже другой вопрос. Если Вы рассчитываете на посещаемость более 5000 человек в месяц, смело берите виртуальный сервер, опять-таки, начните с самого дешевого тарифа, позволяющий уместить Ваш сайт.
Это все, для начала разобраться в этих параметрах будет достаточным, для того чтобы правильно сделать выбор.
Знайте, что Вам нет необходимости, сразу покупать выделенный физический сервер. Так как стоимость подобного сервера намного выше, чем у виртуального сервера. Когда как перенести сайт с виртуального сервера на физический сервер будет не сложно. А вот перенос с виртуального хостинга на виртуальный сервер, может быть не таким уж простым. Так как в этом случае будет меняться программное обеспечение, которое использует хостинг провайдер на сервере виртуального хостинга, и хостинг провайдер может попросить за эту услугу дополнительную оплату.

Всем удачи в своих начинаниях!

habr.com

 

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

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

Бэкап,  RAID, да, само собой. Размер (объем) дисков подбирается по расчетам потребностей в резервном копировании.

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

Все действия менеджеров будут писаться на отдельный HDD в виде логов.

 

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

Держать такое хозяйство дома, эээ… проблематично. Смысл? Конечно, как уже заметили, нужен и «толстый» канал от провайдера и внешние IP и еще куча геморроя.

 

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

Сообщение отредактировал Mercium: 19 April 2015 — 16:05

www.biznet.ru

Регистрация в FastVPS

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

В правом верхнем углу нажмите на  ссылку «Регистрация». Откроется диалоговое окошко, в которое необходимо вписать свой email.

ввод email

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

  • логин и пароль для авторизации
  • ссылка подтверждения email адреса

Перейдите по ссылке. Вас перенаправит на сайт компании. Теперь необходимо заполнить контактные данные.Контактные данные

Выберете «Физическое лицо» и далее заполните остальные данные:

  • ФИО
  • Страна
  • Город
  • Адрес
  • Мобильный телефон

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

Вот и всё! Первый этап регистрации завершен. Теперь необходимо зарегистрировать виртуальный выделенный сервер. Для этого перейдите по ссылке «Сделать заказ» и выберете «VPS».

Заказ VPS

Перед вами откроется страница с различными тарифами от 2,9 евро и более. Я пользуюсь тарифом EVO-4-SSD. Согласно этому тарифу я имею в своем распоряжении 4 ГБ оперативной памяти и 25 ГБ жесткого диска. А стоит это удовольствие 7,9 евро в месяц.

Определитесь с тарифом и жмите кнопку «заказать» напротив.

выбор тарифа для vps

Откроется страница с настройками сервера. Всё можно оставить так, как есть. Но я рекомендую включить в свой заказ еще и панель управления ispmanager. Она нужна для управления сервером.

По оплате есть два варианта:

  1. С помесячной оплатой 5 евро
  2. Единоразово 50 евро

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

Панель spmanager

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

Нажмите на кнопку «готово» в самом низу.

Остался последний шаг. Перед вами все варианты оплаты виртуального выделенного сервера и панели управления. Посмотрите внимательно на все варианты. Комиссия у них разная. Самая маленькая комиссия при оплате пластиковой картой либо Яндекс деньги. Выбор за вами.

Нажмите на кнопку «Оформить заказ». Вы будете перенаправлены в выбранную платежную систему для оплаты услуги.

На этом процесс регистрации полностью завершен.

abdullinru.ru

Введение

Как выложить сайт в Интернет? Для того что бы Ваш сайт стал доступен много миллионной публике сети Интернет Вам необходимо сделать две вещи:

  • Присвоить ему индивидуальное имя — домен.
  • Разместить сайт на каком либо сервере — (воспользоваться услугой хостинга)

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

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

Все выше перечисленные требования к web — серверу подводят нас тому, что нам придётся воспользоваться услугой хостинга.

Хостинг: Платная или бесплатная услуга размещения сайта (информации) на каком либо профессиональном web — сервере. Ниже поговорим более подробно о том как воспользоваться услугой хостинга.

Web — узел: Ваше место (папка) на сервере к содержанию которой Вы будете иметь доступ. Как правило администраторы сервера не предоставляют информации о том где именно она расположена в общем дереве каталогов сервера. Впрочем эта информация нам и не пригодится. Нам нужна только наша папка в которую мы и разместим сайт в том виде как и в рабочей папке на своём компьютере, построив в ней своё собственное дерево каталогов.

Доменное имя (домен): Индивидуальное неповторимое имя Вашего сайта, например www.site.ru Для того что бы получить собственный домен необходимо его зарегистрировать у лицензированного регистратора доменных имен. Опять таки платно.. или бесплатно, но это будет домен третьего уровня. (ниже расскажу что такое уровни домена)

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

Рассмотрим два варианта:

  • Бесплатная публикация сайта.
  • Платная публикация сайта.

www.webremeslo.ru

Что такое локальный сервер и когда он нужен

Речь идет о программе или наборе программ, которые имитируют работу реальных серверов хостинг-провайдеров. Локальный сервер обеспечивает доступ к ресурсу через браузеры. Набор программ и скриптов преобразует информацию баз данных типа MySQL и языков программирования типа Perl и PHP в HTML- и CSS-код, который «понимают» веб-обозреватели.

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

В число наиболее популярных программных решений входят Open Server, Denwer, XAMPP, Desktop Server и другие. Ниже вы найдете руководства по работе с самыми востребованными локальными серверами. Но сначала уделите внимание подготовке ПК.

Как подготовить компьютер к работе с локальным сервером

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

В первую очередь попробуйте изменить настройки Skype. Откройте меню Skype «Инструменты – Настройки – Дополнительно – Соединение». Уберите флаг напротив опции «Использовать порты 80 и 443 для дополнительных входящих соединений». Сохраните изменения и перезапустите программу».

Если изменение настроек Skype не помогает, скорее всего необходимо менять настройки операционной системы. Порт 80 часто занимает служба Internet Information Services (IIS). Чтобы убедиться в этом, введите в командную строку команду netstat -aon | findstr 0.0:80. Если порт 80 действительно занимает системный процесс, в диалоговом окне в последнем столбце вы увидите значение «4».

Чтобы отключить IIS, в панели управления выберите меню «Программы и компоненты – Включение и отключение компонентов Windows». Снимите флаг напротив опции «Службы IIS» и сохраните изменения. Может потребоваться перезагрузка системы.

Если изменение настроек системы не помогло, отключите брандмауэр. Некоторые сетевые экраны блокируют порт 80. Если этот шаг также не помог, скачайте и запустите надстройку для Windows TCP View. Программа не требует установки. С ее помощью вы увидите список активных процессов и используемых портов. Найдите процесс, который занимает порт 80, и отключите связанную с ним программу на время работы с локальным сервером.

Когда порт 80 освобожден, приступайте к установке локального сервера.

Desktop Server: простой способ запустить сайт на WordPress локально

Если вы создаете сайт на WordPress, воспользуйтесь Desktop Server. Скачайте дистрибутив с официального сайта проекта. Распакуйте архив и запустите инсталлятор.

Активируйте Desktop Server и воспользуйтесь меню Create New development site. По умолчанию установочный пакет содержит устаревшую версию CMS WordPress. Вы можете скачать и загрузить в папку Xampplite – Blueprints на диске C дистрибутив актуальной версии WordPress.

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

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

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

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

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

Как запустить сайт на Open Server

Особенность Open Server — возможность работать без установки ПО на компьютер. Вы можете запускать сервер с USB-накопителя.

Скачайте дистрибутив с официального сайта проекта. Open Server можно использовать бесплатно. Разработчики предлагают сделать пожертвование на развитие проекта. Без платежа скорость загрузки дистрибутива сильно ограничена. Скачивать полный пакет придется несколько часов.

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

Запустите исполняемый файл в папке Open Server и выберите язык.

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

Введите в адресную строку браузера адрес http://localhost/. Вы увидите страницу приветствия.

Теперь установите на локальный сервер выбранную CMS. Для этого создайте новую папку в разделе Domains. Распакуйте в нее архив с дистрибутивом движка.

Перезапустите Open Server с помощью меню в трее.

Введите в адресной строке браузера URL экспериментального сайта. Вы попадете в меню установки CMS.

Для продолжения установки необходимо создать базу данных. Через меню управления Open Server войдите в панель управления phpMyAdmin. Для доступа к серверу введите имя пользователя root, а поле «Пароль» оставьте пустым.

В панели управления phpMyAdmin выберите вкладку «Базы данных» и создайте БД экспериментального сайта.

В меню установки WordPress укажите название БД и имя пользователя. Завершите установку: укажите название сайта, имя пользователя, пароль, электронный адрес администратора.

Теперь вы можете работать с сайтом на локальном сервере.

После окончания разработки перенесите его на сервер хостинг-провайдера.

Как работать с локальным сервером Denwer

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

Скачайте дистрибутив с сайта проекта. Закройте браузеры и запустите установщик. Используйте подсказки в диалоговом окне инсталлятора. После завершения установки браузер откроет окно приветствия. Запустить программу можно с помощью ярлыка на рабочем столе Start Denwer.

В адресную строку браузера введите URL http://localhost/denwer/. Вы попадете на стартовую страницу локального сервера Denwer.

Чтобы установить CMS на локальный сервер «Денвер», создайте раздел с названием сайта в папке WebServers – Home. В разделе создайте еще одну папку с именем www. Распакуйте в нее архив с дистрибутивом движка.

Создайте базу данных экспериментального сайта в разделе управления phpMyAdmin. Для этого введите в адресную строку браузера адрес http://localhost/tools/phpMyAdmin/.

Перезапустите локальный сервер с помощью ярлыка Restart Denwer на рабочем столе. Установите WordPress. Для этого в адресной строке браузера наберите адрес экспериментального сайта.

После окончания разработки перенесите сайт с локального сервера на сервер хостинг-провайдера.

Обратите внимание на особенности удаления локального сервера с ПК. Чтобы удалить «Денвер», выполните следующие действия:

  • Остановите сервер с помощью ярлыка Stop Denwer на рабочем столе.
  • В командную строку введите команду subst z: /d. Это необходимо для удаления виртуального диска Z, который создается при установке ПО «Денвер». Если вы вместо значения по умолчанию Z использовали другое название виртуального диска, укажите это в команде.
  • Удалите папку WebServers с диска C.
  • Удалите ярлыки управления локальным сервером с рабочего стола.

Вы полностью удалили «Денвер» с ПК.

Как создать сайт на локальном сервере Xampp

Xampp — популярный программный комплекс для создания локального сервера Apache. Чтобы установить ПО, скачайте дистрибутив и запустите инсталлятор. Во время установки оставьте настройки по умолчанию. При необходимости поменяйте путь установки.

В папке Xampp активируйте контрольную панель: запустите приложение xampp-control. На панели запустите сервер Apache и базу данных.

Введите в адресную строку браузера URL http://localhost. Если Xampp работает корректно, вы попадете на страницу приветствия.

Создайте базу данных экспериментального сайта. Для этого введите в адресную строку браузера URL http://localhost/phpmyadmin/. На вкладке «Базы данных» укажите название БД и нажмите кнопку «Создать».

Установите на локальный сервер WordPress. Скачайте дистрибутив с официального сайта и разархивируйте его в папку xampp – htdocs. Укажите URL тестового сайта в качестве названия папки с файлами движка.

Чтобы завершить установку CMS, введите в адресную строку браузера URL http://localhost/folder-name. Вместо значения folder-name укажите название папки с файлами CMS.

Завершите установку и проверьте работоспособность сайта.

Как пользоваться локальным сервером Winginx

Winginx — локальный сервер, с помощью которого можно быстро создать сайт на своем компьютере. Скачайте дистрибутив и запустите программу-установщик. После установки ПО нажмите на иконку Winginx в трее и включите компоненты программы.

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

Перейдите в панель управления phpMyAdmin с помощью меню «Менеджеры баз данных – phpMyAdmin». Создайте базу данных экспериментального сайта.

Откройте папку сайта с помощью соответствующего меню в панели управления Winginx.

Разархивируйте дистрибутив выбранной CMS в каталог public_html.

Введите в адресную строку браузера адрес wp-admin/install.php и установите движок на сервер.

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

Как перенести действующий сайт на локальный сервер

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

  • Запустите локальный сервер и установите на него WordPress.
  • Установите на локальном сайте дизайн-шаблон, который вы используете на реальном ресурсе.
  • Установите на действующий сайт и активируйте плагин Duplicator.
  • В административной консоли выберите меню «Duplicator – Пакеты». Нажмите кнопку «Создать новый».
  • Скачайте созданные пакеты на жесткий диск компьютера. Перенесите их в корневой каталог ресурса на локальном сервере.
  • Введите в адресную строку браузера путь к файлу installer.php на тестовом ресурсе. Вы попадете на страницу установки базы данных.
  • Удалите из корневой директории тестового ресурса файлы install.php и wp-config.php.
  • Укажите имя пользователя и название базы данных экспериментального сайта. Отметьте, что вы прочитали техническое предупреждение и запустите установку копии ресурса на локальный сервер. Запустите установку.

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

Вы можете перенести сайт с сервера хостинг-провайдера на экспериментальный ресурс на локальном сервере без помощи плагинов. Для этого можно воспользоваться функцией «Экспорт» в административной консоли.

С помощью функции «Импорт» можно загрузить полученный файл на локальный сервер.

Что делать, если вы не пользуетесь WordPress? Вот универсальный способ переноса ресурсов. В панели управления phpMyAdmin выберите базу данных экспериментального сайта. Укажите обычный способ экспорта, при котором отображаются все настройки. Выберите метод сжатия gzip. Не меняйте другие настройки. Запустите экспорт БД.

Браузер загрузит на жесткий диск ПК файл с расширением sql.gz. Его необходимо импортировать на сервер хостинг-провайдера. Для этого в панели управления сервером выберите меню «Базы данных – phpMyAdmin».

На вкладке «Импорт» загрузите файл с базой данных.

Описанными способами сайты можно переносить с локального сервера на сервер хостера и в обратном направлении. Также для создания копии ресурса и последующего переноса вы можете воспользоваться инструментами резервного копирования базы данных, например, плагином для WordPress WP Database Backup или аналогами для других движков. Если вы пользуетесь WordPress и локальным сервером Desktop Server, перенести локальный сайт можно с помощью плагина Desktop Server for WordPress.

Какой локальный сервер выбрать

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

Если вы пользуетесь CMS WordPress, обратите внимание на Desktop Server. Установка и настройка этой программы занимают меньше времени по сравнению с другими продуктами. Благодаря плагину для WordPress вы также ускорите перенос готового сайта на сервер хостера. Если вы работаете с другими CMS, используйте любой из предложенных локальных серверов. Например, с Winginx вы сможете запустить сайт и контролировать разработку с помощью удобного планировщика в панели управления программой.

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

kak-zapustit-sayt-na-lokalnom-kompyutere

texterra.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.