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

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

С чего же начинаются сайты?

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

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

Автор постарается избегать немотивированного использования специальной терминологии и объяснять всё «на пальцах». Между тем, некоторые устойчивые обозначения пригодятся в качестве наводки для самостоятельного поиска. В любом случае, текст будет организован в прикладном ключе с минимумом непонятных тезисов.

Условно процесс создания сайтов (начинающий уровень) можно представить следующим образом:

1. Регистрация адреса сайта вида «www.mybusiness.ru» (покупка доменного имени).
2. Физическое размещение сайта в интернете (выбор и оплата хостинга, привязка домена).
3. Установка готовой CMS (движка) с шаблонным веб-дизайном.
4. Администрирование, структурирование и наполнение сайта контентом.

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

Создать сайт самостоятельно при минимальном владении специальными навыками

Способ первый. Создать сайт бесплатно (на бесплатном хостинге)

Некоторые начинающие веб-дизайнеры уже ознакомились с сервисом Narod.ru (Narod2.ru) от Yandex, позволяющим создать простой сайт с помощью готовых блоков. Другие обратили взоры к Ucoz.ru. Оба эти бесплатные конструкторы предоставляют неплохие инструменты, чтобы создать сайт самостоятельно (даже чуть больше, чем персональную страничку), не владея специальными навыками.

Достоинства бесплатных онлайн-конструкторов сайтов:

• Действительно бесплатное создание сайта (на бесплатном хостинге и без приобретения домена).
• Опыт создания сайтов не требуется.
• Создание сайта на основе готовых блоков и макетов.
• Возможность привязки собственного домена первого уровня к поддомену.

Недостатки:

• Поддомен третьего уровня (суффиксы вида http://mybusiness.narod2.ru, http://mybusiness.ucoz.ru).
• Регламентированная реклама на вашем сайте.
• Ограничения функционала.

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

Способ второй. Создать сайт самостоятельно, условно бесплатно — на платном хостинге

Время создания сайта: ~1-2 часа.

Сайт в переводе значит «место». То есть сайт — это некоторое место в интернете, которое находится на компьютере хостинг-компании, постоянно подключенном к сети. Вы можете удивиться, узнав, что на сайте используются те же папки (каталоги), что и на обычном домашнем компьютере. Так как сайты размещаются на специально сконфигурированных серверах, для доступа к их файлам используется «Протокол передачи файлов» — FTP (File Transfer Protocol). Осуществляя вход по FTP, вы можете переносить файлы и папки со своего компьютера на сайт. Для этого существуют специальные программы — FTP-клиенты (файловые менеджеры), позволяющие по логину и паролю получить доступ к корневой папке вашего сайта.

Если вы — начинающий веб-разработчик с базовыми знаниями HTML/CSS, вы можете создать ряд уникальных веб-страниц с собственным дизайном, объединённых ссылками, и перенести их на сайт.

Шаг 1. Размещение сайта в интернете: регистрация домена и аренда хостинга

Регистратор домена и хостинг-провайдер — это разные компании. Первый позволяет за плату зарегистрировать на год уникальный домен (имя сайта вида www.mybusiness.ru). Второй осуществляет физическое размещение файлов вашего сайта в интернете. Услуги хостинг-провайдера можно сравнить с услугами интернет-провайдера, который предоставляет вам домашний доступ в интернет. Различие в том, что хостинг-провайдер обеспечивает выход в интернет не вашему компьютеру, а вашему сайту.

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

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

Куда идти для регистрации домена?
Известными регистраторами доменов являются r01.ru, nic.ru. Неплохие цены предлагает atname.ru (личный опыт отсутствует). Стоит оговориться, что многие доменные имена уже заняты, поэтому прежде, чем начинать работу, нужно определиться со свободным доменом. Домен должен быть, по возможности, кратким и запоминающимся; желательно — включать ключевые слова (на латинице), по которым вы планируете продвигаться в поисковиках.

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

Куда идти для покупки хостинга?
Вы можете найти платный хостинг с наиболее подходящим тарифом (с поддержкой PHP и MySQL). Из российских провайдеров можно посоветовать hc.ru — довольно безопасный хостинг по приемлемым ценам. Например, хостинг с дисковым пространством 5 Гб, поддержкой PHP, MySQL (до 5 баз данных) и возможностью прикрепления 5 сайтов можно получить за 2520 руб. в год (цена указана на момент написания статьи, апрель 2012).

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

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

Частные случаи из практики. Иногда может потребоваться дополнительная настройка сервера на хостинге (например, определение индексных страниц по умолчанию: index.html, index.php и т.д.). На большинстве современных хостингов все эти данные настраиваются автоматически и высылаются вам.

Детали, которые могут пригодиться:

• Практически на любом хостинге вы можете создавать несколько FTP-аккаунтов с доступом к разным папкам.
• На одном сервере можно установить несколько CMS.
• К одному серверу можно прикрепить несколько доменов (сайтов), использующих разные движки. DNS-серверы для всех доменов указываются одни и те же, но внутренняя конфигурация на сервере должна вести к разным корневым папкам.
• Имя корневой папки на сервере может не совпадать с вашим доменным именем, но при верных настройках это не имеет значения.

Шаг 2. Установка CMS на сайт

Существует несколько способов установить Систему Управления Контентом (CMS) на свой сайт:

1. Выполнить автоустановку CMS, используя сервис хостинга.
2. Выполнить ручную установку CMS, используя FTP-клиент:
   • Предоставляемый хостингом через браузер.
   • Установленный на вашем компьютере.

Автоустановка CMS с помощью сервиса хостинга

Многие современные хостинг-провайдеры предлагают автоустановку популярных CMS. В этом случае вам не понадобится разбираться с базами данных MySQL или использовать FTP-клиент. Установка произойдёт автоматически: будет создана база данных, перенесены файлы CMS. От вас потребуется лишь указать логин и пароль для админки CMS, название сайта и email администратора. Обычно автоустановка производится в 2-4 шага.

Для создания информационного сайта можно выбрать Joomla, для блога — WordPress (он также подойдёт для информационного сайта), для форума — PHP BB.

Автоустановка CMS увенчалась успехом? По сути, вы уже создали свой сайт самостоятельно!

После установки для управления содержимым сайта пройдите по адресу: http://mybusiness.ru/admin или http://mybusiness.ru/administrator (где mybusiness.ru — ваш домен). Введите логин и пароль администратора. Перед вами откроется интерфейс Панели Управления CMS, организованный для изменения данных сайта, создания страниц и рубрик, организации меню и т.д.

Стандартные опции администрирования позволяют осуществить (как правило, с помощью одной-двух кнопок):

• Смену одного шаблонного дизайна на другой.
• Установку нового логотипа.
• Создание разделов сайта.
• Формирование пунктов меню и привязку к ним разделов.
• Размещение информации в разделах сайта.

Подробные инструкции по администрированию для каждой конкретной CMS можно найти в интернете на сайтах поддержки (для популярных движков есть русифицированные ресурсы).

Следите за изменениями на вашем сайте в режиме реального времени, используя второе окно браузера, чтобы смотреть созданный сайт по адресу, который вы укажете на визитке: http://www.mybusiness.ru.

«И это всё?» — удивитесь вы, затратив на создание сайта около часа. Однако вы быстро убедитесь, что наполнение сайта контентом незаметно отнимет ещё несколько часов, а логотип может не сочетаться с шаблонным дизайном. В поисках платного шаблона вы также потратите время. Купив шаблон, может оказаться, что он несовместим с вашей версией CMS или встанет криво. Даже если шаблон установится, он может не отвечать вашим требованиям. Не смеюсь, но это правда жизни.

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

Установка CMS с использованием FTP-клиента

Ручная установка CMS потребует создания базы данных MySQL и копирования файлов.

Выбор CMS. CMS — это набор скриптов, чаще всего написанных на PHP, который после установки и настройки позволяет управлять содержимым сайта: публиковать новости, добавлять комментарии, создавать страницы и разделы. Данные обычно хранятся в базах MySQL. Существует огромный выбор бесплатных CMS. Автоустановка зачастую ограничивает выбор, а ручная установка через FTP позволяет выбрать любую понравившуюся CMS. Однако прежде, чем устанавливать CMS, нужно создать для неё базу данных MySQL через Панель Управления хостингом.

Хостинг HC.RU предоставляет на выбор несколько панелей управления (например, cPanel или DirectAdmin). В Панели Управления хостингом можно администрировать базы данных MySQL, домены, а также использовать встроенный файловый менеджер (FTP через браузер).

Создание базы данных осуществляется через раздел «Управление MySQL» или «Мастер баз данных MySQL». Придумайте имя базы, имя пользователя и пароль. Запишите их — они понадобятся при установке CMS.

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

1. Скачайте выбранную CMS на свой компьютер (обычно в ZIP-архиве).
2. В панели хостинга (например, в cPanel) найдите «Диспетчер файлов».
3. Загрузите архив CMS на сервер с помощью кнопки «Загрузить», затем выделите архив и нажмите «Извлечь».
4. После распаковки файлы CMS появятся в корневой папке вашего сайта.
5. Откройте в браузере адрес вашего сайта. Должна появиться страница приветствия установщика выбранной CMS (например, вашсайт.ru/install или вашсайт.ru/index.php). Если страница не открывается, ищите инструкции по установке конкретной CMS.
6. На странице установки вас попросят ввести данные для подключения к созданной вами базе данных MySQL (имя базы, пользователь, пароль). В качестве «сервера базы данных» чаще всего используется localhost. В случае ошибки обратитесь в поддержку хостинга.
7. После корректного ввода данных установщик сообщит об успешной установке и предоставит ссылки на публичную часть сайта и административную панель.

По сути, вы уже создали сайт самостоятельно!

Установка CMS с помощью FTP-клиента на личном компьютере.

1. Установите любой FTP-клиент на компьютер (например, FileZilla, WinSCP или Frigate).
2. Настройте подключение к сайту: введите данные FTP-доступа (хост, логин, пароль, путь к корневой папке сайта), которые вам предоставил хостинг-провайдер.
3. Рабочее пространство FTP-клиента обычно разделено на две части: локальный компьютер (слева) и удалённый сервер (справа).
4. Скачайте и распакуйте архив с CMS на компьютер. Выделите все файлы и папки CMS в левой части и скопируйте их в корневую папку сайта в правой части.
5. После завершения копирования откройте в браузере адрес вашего сайта. Должен запуститься установщик CMS. Далее действуйте как описано выше: создайте базу данных (если не создали ранее) и введите её параметры в установщике.

Итоговый результат: все файлы перенесены на сервер. После успешного копирования откройте браузер и пройдите на свой сайт. Если вы ещё не создали базу данных MySQL, создайте её через Панель Управления хостинга. Заполните нужные поля в установщике CMS. Если все данные указаны верно, установщик сообщит об успешной установке, после чего вы сможете зайти в админку CMS и увидеть публичную часть сайта.