Как сделать сайт самому с нуля и бесплатно?

5384

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

Разработка концепции

Прежде чем начать создавать собственную страничку (или полноценный многостраничный ресурс), начинающий мастер должен честно ответить себе на вопрос: для чего ему нужен сайт? Чем корректнее будет формулировка, тем успешнее он сможет двигаться дальше: одно дело — попытаться выйти за пределы ВКонтакте или Одноклассников и рассказать о себе миру на своей платформе; другое — завести продающую страничку для одного-двух товаров; третье — открыть мощный, максимально охватывающий целевую аудиторию интернет-магазин.

Хорошая новость для будущего владельца сайта: ему, если только не возникнет такого желания, не потребуется писать код с нуля, ради собственной странички убивая несколько часов в день на изучение языков программирования. Инструментарий для создания веб-ресурсов сегодня достаточно проработан, чтобы пользователь мог вовсе обойтись без познаний в области вёрстки или показал минимальный их объём. Освободившееся время можно потратить на продвижение в LinkedIn и других социальных сетях или на детальное продумывание контента.

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

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

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

Как показывает статистика, около 95% сайтов, созданных своими руками или с помощью профессионалов, предназначаются для заработка в Интернете; на них и следует ориентироваться будущему владельцу.

Целями создания коммерческой веб-страницы могут быть:

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

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

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

  1. Личная веб-страница. Делать её своими руками проще всего: владелец, желающий заявить о себе или облегчить друзьям доступ к собственному творчеству, может верстать сайт так, как захочет — со всеми возможными погрешностями, неработающими ссылками, аляповатым оформлением и так далее. Собственник ресурса никому, кроме владельца хостинга и местного законодательства, ничего не должен, он имеет возможность в любой момент переименовать сайт, изменить его главную страницу или «убить» своё творение — не забывая, что часть информации всё равно останется в Глобальной сети в открытом доступе.
  2. «Визитная карточка». Самая удобная для самостоятельного создания разновидность коммерческих сайтов. Обычно такие ресурсы делаются индивидуальными предпринимателями, узкими специалистами или некрупными компаниями и состоят всего из трёх-пяти страниц:
    • главной — «О компании»;
    • адреса и контактных данных;
    • прейскуранта или небольшого каталога;
    • отзывов покупателей;
    • правовой информации: здесь приводятся разрешения, сертификаты, лицензии и другие документы, удостоверяющие право на ведение коммерческой деятельности.
  3. Корпоративный сайт. Коммерческие веб-страницы такого типа создаются (а чаще заказываются) крупными компаниями, ведущими торговлю внутри страны или за её пределами. В обязательном порядке в состав ресурса входят следующие страницы:
    • главная с краткой информацией о предприятии, производимой ею продукции или оказываемых услугах;
    • «О компании», включая историю фирмы, данные о прошлых и текущих руководителях, миссии и перспективах развития;
    • каталог — здесь на неограниченном количестве страниц приводятся сведения о брендах, промышленных линейках, марках и отдельных наименованиях изготавливаемых товаров;
    • перечень оказываемых услуг — с подробным перечислением всех возможных опций и условий взаимодействия с заказчиком;
    • вакансии — иногда включаются в раздел «Социальная политика» или аналогичный;
    • адрес (юридический и фактический) и контактные данные.
  4. Интернет-магазин. Предназначен для продажи товаров; предусматривает возможность оплаты в режиме онлайн — с помощью банковских карт, электронных кошельков и платёжных систем. Главный раздел такого сайта — обширный каталог, где должна быть представлена вся доступная продукция.
  5. Одностраничники. В отличие от полноценных интернет-магазинов состоят из одной-трёх веб-страниц и предназначены для продвижения и продажи одного вида товара — часов, фильтров для воды, украшений и так далее. Основное отличие от «визитных карточек» — направленность на продажи, а не на ознакомление посетителя с продавцом.
  6. Новостные сайты, блоги и форумы. Это самая обширная категория, включающая остальные веб-ресурсы: от предназначенных для анонимной переписки, включающих несколько страниц и не ведущих базы данных, до обширных форумов, ежедневно привлекающих несколько десятков тысяч посетителей. Хотя такие сайты могут создаваться своими руками и в некоммерческих целях, их в дальнейшем можно монетизировать.

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

На основании приведённой информации можно предложить следующий алгоритм разработки концепции будущего сайта. Пользователь должен ответить на вопросы:

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

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

Покупка домена и хостинга

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

В этом поможет понятная пошаговая инструкция:

  1. Прежде всего нужно придумать имя сайта. Будущий владелец должен учитывать, что пишется оно в большинстве случаев латиницей, и избегать сложных буквосочетаний, передающих русские «ш», «щ», «ё» и так далее. Название должно быть настолько простым, насколько это вообще возможно, но вместе с тем запоминающимся и адекватно отражающим суть проекта. Так, интернет-магазин логично будет назвать «Туфелька» — tufelka — а не «Гуталин» или «Сапожище»; одностраничник, предлагающий фирменные швейцарские часы, — «Эпсилон», а не «Ходики» или «Заря». Оба названия удачны не только в силу краткости, но и по причине отсутствия сложных вариантов написания: потенциальному посетителю не придётся прикладывать усилия, запоминая сложную комбинацию букв и цифр. При подборе названия нужно стремиться, чтобы количество символов не превышало десяти-двенадцати; иначе пользователю, не привыкшему много читать и держать в памяти, проще будет найти другого продавца.
  2. Придумать, придерживаясь приведённых выше рекомендаций, двадцать-тридцать таких названий, а затем — выбрать самое подходящее. Ещё лучше будет ранжировать наименования по привлекательности; зачем это нужно, расскажем ниже.
  3. Поскольку сайтов в Интернете предостаточно, подобранное краткое и красивое наименование может быть занято; «освободить» его законными средствами практически невозможно, а потому будущему владельцу нужно перейти к следующему — и так до тех пор, пока не отыщется свободное.
  4. Выбрать доменную зону, определяющую принадлежность сайта. На сегодня, помимо традиционных .RU, .COM, .NET, .ORG, .BIZ и других, пользователю доступно множество дополнительных вариантов, включая кириллические .РФ, .РУС и даже .МОСКВА. Помимо всего, при подборе необходимо принимать во внимание юридическую составляющую: законодательство различных государств по-разному относится к безопасности сайтов, конфиденциальности представленной на них информации и понятию нелегального контента. Иногда разумнее потратить чуть больше денег и получить домен Германии или Испании, чем доверять собственное благосостояние отечественному правосудию.
  5. Теперь нужно «сложить» ранее придуманное имя веб-сайта и выбранную доменную зону в одно целое. Например, для ранее упоминавшегося интернет-магазина обуви возможны комбинации: tufelka.ru, tufelka.org, tufelka.com, туфелька.рф и так далее.

Следующий важнейший шаг — проверить, не занят ли избранный вариант. Разумеется, можно вручную вбивать каждое название в адресную строку и смотреть, что покажет браузер; но значительно проще воспользоваться онлайн-сервисом nic.ru:

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

  • Если имя уже занято, на следующей странице появится соответствующая информация.

  • А под ней — список свободных вариантов, максимально близких к заданному.

  • Будущий владелец сайта может «застолбить» доступное наименование с помощью ресурса, нажав на кнопку «В корзину», а затем, вызвав выплывающее окошко в правом верхнем углу экрана, — «Оформить заказ».

  • Вместе с доменным именем пользователь может оплатить хостинг, движок (о них будет рассказано ниже) и пользование веб-конструктором. Если ничего из перечисленного не требуется, следует сразу щёлкнуть по кнопке «Продолжить без выбора услуги» и перейти к покупке.

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

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

  • Существует закономерность: чем «сложнее» домен, тем дешевле стоит регистрация на нём. Можно получить и имя, и хостинг совершенно бесплатно и навсегда — но доступные названия слишком сложны, и сэкономившему владельцу ресурса впоследствии придётся вложиться в рекламу.

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

Отличная альтернатива — сайт timeweb.com, предлагающий следующие варианты хостинга:

  • виртуальный — подходит для небольших веб-ресурсов со средней посещаемостью, стоимость услуг — от 119 до 439 рублей в месяц;

  • для CMS-движков — 169 рублей в месяц;

  • на выделенных серверах — идеально для корпоративных сайтов и интернет-магазинов с высокой нагрузкой, стоимость — от 3500 до 53000 рублей без учёта скидок и акций от хостера.

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

А уполномоченному лицу, заказывающему хостинг от имени компании или предприятия, — дополнительно наименование юридического лица, ИНН, КПП и адрес регистрации.

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

При выборе хостера следует обращать внимание на следующие параметры:

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

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

Выбор движка сайта

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

Движки можно условно разделить на четыре категории:

  • бесплатные программируемые — WordPress, Drupal, Joomla, Kirby;
  • платные программируемые — UMI, 1С-Битрикс;
  • собственной разработки — в зависимости от способностей и фантазии автора;
  • конструкторы — Wix, uKit, Nethouse.

Первые и вторые требуют от пользователя минимального знания HTML, CSS, а в идеале — и Java. Третьи разрабатываются в индивидуальном порядке, могут содержать любые переменные и команды и, не считая начальных сложностей, гораздо более функциональны, чем все перечисленные варианты. Четвёртые — это в прямом смысле визуальные конструкторы: пользователь выбирает шаблон, определяет размещение стандартных элементов и меняет надписи — но изменить исходный шаблон не может.

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

  • После регистрации (понадобится открыть почту Майл.ру или завести любой другой электронный ящик) пользователю предлагается выбрать способ создания сайта: автоматически или своими руками, используя готовый шаблон.

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

  • Ознакомившись с внешним видом страницы и убедившись, что ничего платить не придётся, посетитель может нажимать на кнопку «Редактировать».

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

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

  • Когда все коррективы внесены, нужно нажать на кнопку «Опубликовать».

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

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

Работа над контентом

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

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

Продумывание дизайна

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

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

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

  • Далее нужно выбрать фоновое изображение и провести разграничивающие линии.

  • Добавить основные неизменяемые надписи.

  • Сохранить шаблон, лучше всего — в универсальном редактируемом формате PSD.

Совет: оформитель может сразу «нарезать» получившееся изображение на отдельные плашки с названием сайта, копирайтом, описанием и так далее — или, используя эффект «Маска», выбирать и копировать нужные элементы из общей картинки.

Проведение вёрстки

Теперь — самое сложное. Подготовленные материалы, включая фоновое изображение, нужно сверстать, используя языки HTML, CSS, Java и любые доступные пособия — в настоящее время их более чем достаточно.

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

Ещё одна замечательная программа — Adobe Dreamweaver, сочетающая возможности графического и текстового редактора сайтов. Для создания одностраничника достаточно её облегчённого варианта — Adobe Muse.

Запуск проекта

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

Подводим итоги

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