Что нужно для создания. Что нужно, чтобы создать тос. Какой язык учить

В конце августа в вузе, где я преподаю "разработку электронного портала" началась сессия у заочников. Один из студентов на занятии мне задал вопрос - "А какими навыками должен обладать вебмастер? Сейчас столько всяких языков и технологий веб-программирования - неужели ими всеми надо владеть?" Признаюсь честно, я сам никогда до этого не задумывался над этим вопросом - просто делал свое дело, используя свои знания в области программирования и навыки работы с CMS, иногда спрашивая Яндекс или Гугл, как реализовать на сайте ту или иную функцию. Но что же все-таки главнее? Развернутый ответ я постараюсь дать в этой статье.

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

"Нулевой уровень". Основы HTML

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

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

По нынешним временам страница выглядит как динозавр, но она наглядно иллюстрирует, что такое Web 1.0 - концепция веб-дизайна конца девяностых-начала нулевых годов. Графические кнопки с "рукописными" объемными надписями, фон с незамысловатым зацикленным узором, текст прямо по фону подложки страницы. Еще в то время типичной была надпись - "данный сайт оптимизирован под Netscape Navigator" (сейчас многие, наверно, даже не знают, что это такое!) Правилами "хорошего тона" считалось прилепить сбоку какую-нибудь анимированную картинку, например вращающийся череп в 3D, информер погоды, ссылку на любимый сайт с анекдотами и прочую ерунду.

Для создания подобных страниц вполне можно обойтись обычным блокнотом. Некоторые "ленивые" пользователи используют для создания подобных веб-страниц специальные визуальные редакторы или даже Microsoft Word (на мой взгляд, это тупиковый путь!).

Второй уровень. Освоение "табличной" верстки

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

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

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

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

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

Наверняка, не каждый начинающий веб-дизайнер может на глаз подобрать сочетающиеся друг с другом цвета. В этом случае очень полезным может оказаться следующий сервис: http://colorscheme.ru

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

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

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

Четвертый уровень. Знакомство с CMS.

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

У CMS есть и недостаток, точнее особенность. Ее нельзя просто так скачать и запустить (как инсталлятор для Windows-приложения). По сути дела, это набор скриптов, написанных на языке PHP, для работы которых нужно определенное серверное программное обеспечение - веб-сервер, сервер базы данных MySQL, почтовый сервер. Это тот самый базовый минимум, на котором обеспечится более-менее полноценная работа CMS.

Если речь идет об установке CMS на коммерческий хостинг, как правило, это можно сделать за пару кликов мышки - в админке хостинга почти всегда есть раздел "Установка CMS", в котором предлагается много разных вариантов движков. Если же хостинга пока нет, то его можно создать на домашнем компьютере. Прпоще всего для этого воспользоваться бесплатной сборкой серверного софта, которая называется Denwer (джентльменский набор веб-разработчика). Скачать ее можно с официального сайта абсолютно бесплатно - укажите свой email и вам придет ссылка для скачивания (не забудьте снять галочку "получать новости").

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

После этого на Денвер устанавливается сама CMS. Не буду здесь расписывать, как это делается. Введите в Яндекс запрос "установка Joomla на Denwer" и получите огромное количество инструкций, в том числе и видео. Я рекомендую продукт моего брата Дмитрия Кашканова - Создание сайта на Joomla 3 день за днем . Курс платный, но в расписано все в подробностях и, что ценно, доступным языком, буквально на пальцах!

Пятый уровень. Изучение CSS, "ковыряние" шаблона

Как бы ни хороша была Joomla или Wordpress, но штатные шаблоны не отличаются красотой и изысканнстью. Сайты, сделанные на стандартных шаблонах чем-то похожи на дома-хрущовки - вроде функцию свою выполняют, но все на одно лицо. Почти всегда возникает задача раскрасить цвета в "фирменные" цвета, поменять шрифты, изменить цвет ссылок, сделать картинкам закругленные уголки и так далее. Все это делается при помощи правки файла стиля - как правило, он называется style.css или template.css.

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

Шестой уровень. Блочная верстка, основы адаптивности.

Блочная верстка при помощи тегов

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

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

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

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

Можно пойти и другим путем - использовать готовое решение. Например, фреймворк Bootstrap - набор CSS + Javascript, которые подключаются парой строк кода и работают практически "из коробки" - нужно только изучить названия основных стилей. При помощи Bootstrap легко реализовать на сайте многоколоночную адаптивную верстку, всплывающие формы, выпадающие меню, слайдеры, табы и много чего еще.

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

Седьмой уровень. Javascript и jQuery.

На этом уровне вебмастер начинает потихоньку переквалифицироваться в веб-программиста. Как правило, знакомство с веб-программированием начинается с языка Javascript.

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

С точки зрения Javascript веб-страница представляет собой набор объектов (DOM - "объектная модель документа"), у каждого из которых есть свой набор свойств и функций. Объектом является любой блок, любая ссылка или картинка на странице. У объекта есть свой уникальный ID, который прописывается в параметрах тега - примерно

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

Как правило, Javascript тесно взаимодействует с CSS-стилем элементов страницы, меняя их свойства - положение, угол поворота, прозрачность и так далее. На основе этого взаимодействия строится анимация на страницах (не Flash!). Для облегчения работы веб-программистов существуют уже готовые библиотеки функций, среди которых наиболее известен фреймворк jQuery. Благодаря ему веб-программист освобождается от большого количества рутинной работы по ручному написанию Javascript-кода для решения типовых задач по созданию интерактивных элементов на странице. Синтаксис скриптов на jQuery выглядит несколько иначе, чем традиционный код Javascript, но к этому синтаксису легко привыкнуть.

Как показала практика, научиться работать с JQuery может даже тот, кто никогда не писал на "чистом" Javascript.

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

Кстати говоря, JQuery - не единственная полезная вещь, основанная на Javascript. Есть и другие JS-фреймворки - Angular, Backbone, Ember и многое другое. Они активно используются профессиональными фронтэнд-разработчиками.

Восьмой уровень. PHP и MySQL.

PHP - язык веб-программирования, на котором написаны большинство CMS, в том числе Joomla. В противоположность Javascript, сценарии PHP выполняются на стороне сервера, то есть при помощи них можно создавать файлы (на сервере), вносить изменения в базу данных, если таковая существует. Благодаря взаимодействию сценариев PHP и СУБД MySQL работают все, что имеет отношение к обратной связи с пользователем - формы обратной связи, фотогалереи с возможностью загрузки фотографий через браузер, движки сайтов и все остальное.

MySQL - система управления базой данных. У большинства систем управления содержимым вся полезная информация содержится не в файлах на сервере, а в базе данных. Это учетные записи пользователей, структура разделов сайта, навигация, полезный контент, и большое количество служебной информации. Обращение к базе данных происходит при помощи специальных функций языка PHP (mysql_query(...), mysql_fetch_object(...) и т.п.), база данных возвращает результаты запроса в виде массива или объекта. Обработчик PHP формирует из полученных данных HTML-код, который отправляется в браузер.

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

Девятый уровень. AJAX.

AJAX - это подход к построению веб-приложений, основанный на взаимодействии серверных (PHP) и клиентских (Javascript) сценариев. На практике примером применения AJAX может служить интерактивная форма ввода вашего почтового адреса. Сначала на странице выпадающий список со странами. Выбираем "Россия", появляется второй выпадающий список с городами. Выбираем свой город, после чего появляется третий список с улицами конкретно этого города, потом - список домов. И все это происходит без перезагрузки страницы.

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

Основная сложность AJAX - достаточно большое количество программной "писанины" для создания обработчика событий. Однако, в Интернет полно готовых решений, которые можно использовать "как есть" или немного "доработав напильником".

И тут нам опять приходит на помощь фреймворк jQuery - при помощи него наладить работу скриптов через Ajax намного проще, чем делать это на "чистом" Javascript.

Десятый уровень. PHP-фреймворки.

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

Особенно интересная ситуация возникает, когда требуется создать какой-то нетипичный проект, для которого нет готовых решений ни для одной CMS. Тогда возникает прямая потребность в создании проекта "с нуля" на PHP. Для облегчения этой задачи существуют специальные фреймворки - Laravel, Symfony 2, Codeigniter, Zend и т.д.

По большому счету, PHP-фреймворк - это набор "кирпичиков" для построения своей собственной CMS, причем сложность и изощренность проекта ничем не ограничена. Чтобы разобраться с фреймворком (хотя бы с основами работы с ним), нужно более-менее уверенно знать PHP, уметь составлять SQL-запросы, понимать суть объектно-ориентированного программирования. Далее следует разобраться, что такое MVC. Лично для меня в свое перестроиение свое программерского мышления с процедурного программирования на объектно-ориентированное, да еще и с использованием паттерна M odel-V iew-C ontroller. Вероятно, большую роль сыграло то, что при обучении в институте 99% задач решались именно дедовскими методами написания кода и я к нему настолько привык, что долго не переходил на ООП - все казалось настолько сложным и запутанным, но в один прекрасный момент я собрал волю в кулак и все-таки "въехал", как оно работает - и не пожалел!

Сейчас я активно занимаюсь освоением фреймворка Laravel и моему восторгу нет предела. Конечно, далеко не все пока понятно, тем не менее, когда я создал один реально работающий проект - Фотоклуб , желания возвращаться к программированию "по-старинке" у меня уже нет никакого. Ну разве что, при работе с небольшими и несложными проектами я пишу на "обыкновенном" PHP.

И что интересно, чем больше я погружаюсь в веб-программирование, тем яснее понимаю насколько мало я пока знаю! До пресловутого "80 level"а" еще ой как далеко...

Что дальше?

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

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

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

Почти всегда эти задачи подразумевают глубокое изучение протоколов межсетевого взаимодействия (http, smtp, soap и т.п.), с чем раньше мы работали на уровне пользователей и даже не задумывались о том, какая информация действительно передается между клиентским приложением и сервером, чтобы отобразить на экране фразу "Hello, World". До этого я пока не дошел... Когда дойду, обязательно поделюсь впечатлениями:)

Итоги

Те 10 уровней перечисленые выше - это путь к веб-программированию, по которому идут далеко не все. Многие вебмастера выбирают другую тропу - оптимизация, продвижение, маркетинг, продажи. Это не менее востребованные и интересные направления! Замечательно, если над проектом одновременно работают программист, контент-менеджер и "продвиженец", при этом каждый выполняет свои задачи - в этом случае шанс того, что проект "выстрелит" весьма высоки.

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

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

Содержание статьи:

Идея для первого сайта

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

  • Личный блог (тематический или просто обо всем).
  • Корпоративный сайт (для ваших сотрудников).
  • Интернет — магазин (для продаж услуг или продукции).
  • Информационный портал (разной тематической информации).

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

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

После продуманной темы и выбора основного направления Вашего сайта, дальнейшие действия приведут нас к названию. Название для сайта должно быть обязательно читабельным, запоминающимся и не очень длинным. Чтобы пользователи могли его легко запомнить.
Как правило, длинные названия пользователи не запоминают.
Давайте напишем название для нашего сайта! Так как я выбрал тему «фотографии» и блог с социальной направляющей. Соответственно и само название должно быть близким по смыслу к выбранной мною теме блога.
К примеру: Photo Blogi
Теперь разберем почему я написал название на латинице, а не русскими буквами. И почему именно английские слова.
Новичкам главное запомнить что Google не русский поисковик. И поддерживает в приоритете английский язык. Поэтому мы и используем эту особенность для более успешной реализации в дальнейшем.

  • Есть четкое вхождение ключевого слова «Photo — фотография» — соответствующее тематике создаваемого сайта.
  • Blogi — это второе ключевое слово, дающее понять пользователю что это блог!

Теперь продумайте свое название и запишите. Придумали? Записали? Отлично двигаемся дальше.
Теперь я объясню выше написанное, более ясно:
Написав подобное название, Вы автоматически соблюдаете банальное правило Seo.
«Оно заключается в четком вхождении ключевого слова в название (заголовок). «
Плюс к этому, поисковые системы намного быстрее индексируют блоги. Это происходит за счет постоянного добавления нового контента. Нежели чем обычный сайтик у которого контент добавляют раз или два в неделю. С этим разобрались).

Как придумать доменное имя

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

Название сайта: Photo Blogi
Название подходящих доменов: photoblogi.com
photoblogis.ru или даже blogiphoto.com

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

Пример по нашей теме сайта Фотографии: Допустим пользователь хочет делиться фотографиями и вести свой фото блог.
Соответственно в поисковой строке он введет запрос «фото блоги». А мы в свою очередь уже имеем четкий ответ и в названии сайта и в имени домена. Таким образом поисковая система отдаст предпочтение тому сайту. У которого больше всего правильных вхождений ключевых фраз и слов входящих в состав запроса. То есть тому кто лучше ответит. Это очень эффективные манипуляции в начале реализации проекта. Так как вы можете занять очень крепко позицию по необходимому запросу еще в начале пути.

Крайне рекомендую Вам, не используйте популярные слова для составления заголовка и домена. Так как это все уже давно занятно. Лучше используйте фразы и слова которые менее релевантные. Успеха в них будет намного больше. Найти подходящие вы можете с помощью: Подбор слов «Яндекс Адвордс». Именно с помощью этого сервиса, вы сможете просмотреть показы нужных запросов для Вашего проекта. Этот сервис очень сильно пригодиться Вам в будущем, особенно новичкам.
Менее релевантные слова и фразы — это слова и фразы с меньшим количеством просмотров и показов.
Такие меньше используются другими сайтами, и именно в этой нише Вы сможете лидировать.

Правильная логическая структура сайта

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

  • Меню (область в которой находятся наиболее важные страницы сайта). К меню можно отнести такие страницы как:
  1. Главная (это ссылка на вашу главную индексируемую страницу).
  2. Блог (страница вывода всех ваших статей) — чаще для этого используют главную страницу, для более быстрого индексирования.
  3. О себе (страница Вашей биографии).
  4. О проекте (страница с описанием вашего проекта, направлением и целями развития).
  5. Форма связи (страница где пользователи могут с Вами связаться).
  • Футер — нижняя часть страницы не изменяется при обновлении страниц и переходах. К футеру можно отнести такие страницы как:
  1. Значение Copyright (указывает на авторство)
  2. Карта сайта (страница созданная как содержание всего сайта) — страница очень полезна для поисковиков. С ее помощью поисковые роботы могут намного быстрее индексировать Ваш сайт.
  3. Контакты (адреса, телефоны или любая контактная информация для связи с Вами).
  • Боковая часть сайта (обычно используют для виджетов, структур статей, поиска, и многих других полезных вещей) Например на нашем сайте фотографий боковую часть сайта можно составить так:
  1. Виджет поиска (поисковая строка для удобного поиска по сайту).
  2. Виджет галереи — может быть слайдером (постоянный показ изображений которые имеются на сайте).
  3. Категории (меню ваших записей) — к примеру: фото животных, фото природы, ваши фото. Также можно создать под категории.
  4. Популярные статьи (виджет в котором будут выводиться наиболее обсуждаемые статьи или фото и т.д.
  5. Последние комментарии (тут будут выводить комментарии по мере их написания в статьях или к фото).

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

Правила дизайна сайта

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

Как создать качественный контент для сайта

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

  • Описание сайта в заголовке, обязательно должно состоять из главных ключевых фраз и слов по вашей теме. Причем его составление происходит от наиболее релевантных слов к менее релевантным словам.
  • Ключевые слова к медиа контенту, составляются примерно также. Но в изображения обычно ставят: название, описание (в описании, как правило, указывают то что изображено на картинке). После нужно предоставить одно или два ключевых слова можно даже фразу.
  • Статьи к сайту, обязательно должны быть грамотно написаны быть читабельными и легко восприниматься на слух. Вы можете писать сами или заказывать в сети. После обязательно проверяйте готовые варианты на уникальность. Проверить уникальность статьи можно на ресурсах, которых в сети много. Просто введите этот вопрос в поиск. Желательно при создании статьи, заранее определиться с ключевыми словами и фразами входящими в ее состав. Поверьте потом будет легче.

И так, какая должна быть статья:

  1. Читабельная для людей.
  2. Легко восприниматься на слух.
  3. Не маленькая (в районе 300 слов).
  4. Статья содержит ключевые слова и фразы.
  5. Уникальна (не менее 94% уникальность).
  6. Ну и конечно без ошибок.

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

Важная заметка для Вас

Мне очень не хочется, чтобы те кто читает мои статьи. Наступали на грабли, которыми меня шлепало постоянно. Поэтому если вы встретите статьи с заголовками халявы, не видитесь на них.
Приведу примеры с объяснением:

  • Создание сайта онлайн — такое название больше вводит в заблуждение. Я могу представить это на примере фотошопа онлайн. В окошке вы создаете сайт самостоятельно и все плюшки для этого вам дали. Запомните это ерунда полная.
  • Или бесплатно, конструктор сайтов — дорогие читатели, давайте смотреть правде в лицо. Бесплатный сыр только в мышеловке. Сам по себе проект приведет вас к затратам (домен, хостинг, возможно днс сервер) и т.д. Пользуясь конструкторами вы в будущем, все равно заплатите деньги.
  • Программа для создания сайтов — да есть похожие программы, но смысла в них нет. Вы мало что поймете, тем более если вы новичок.

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

  • Читайте статьи по этой теме:

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

Когда я тот же самый вопрос задала генеральным директорам, они называли все, что угодно, - упорство, веру в себя, терпение и т.д. И мало кто назвал хотя бы один из вышеперечисленных факторов. «По собственному опыту знаю, что основное – это начать, верить в то, что делаешь, терпеть (терпеть придется многое), читать книги, разговаривать с умными людьми, набираться опыта, экспериментировать, ошибаться и двигаться вперед» (Денис Кононов , генеральный директор ООО «Дизайн Контора» ).

Я решила подойти к вопросу с другой стороны: «А почему не создают фирмы?» Молодые, работящие парни, уже хорошие специалисты в своей сфере, думают о своем бизнесе, но до дела пока не доходит. Почему? Если вникнуть в суть отговорок и всяких «но», о которых они говорят, – вырисовывается следующая картина. Страх.

Например, ты хороший инженер, оказываешь услуги в сфере автоматизации систем управления. Тебя даже ставят руководить небольшим коллективом, и ты с этим руководством неплохо справляешься. Чем не плацдарм для открытия собственного дела? Можно даже капитала большого не иметь, т.к. продаешь услуги (услуги по автоматизации). Но проблема в том, что для создания фирмы и работы «самого на себя» нужно найти:

  • людей, которые купят твои услуги (услуги хорошего качества);

  • людей, которые будут помогать тебе в оказании услуг;

  • девочку (или женщину), которая будет вести бухгалтерию.

Это на первый момент. «Таак, - рассуждает будущий директор фирмы, – ну, подчиненных я найду, знаю отличных ребят, хорошие технари, я в прошлой фирме с ними работал, и тоже говорили, что не хотят работать «на дядю». А вот где взять заказчиков? Даже если обратиться к тем, с кем я работал. Они меня знают, но будут ли они менять устоявшиеся контакты с нашей фирмой на мою фирму? А если поискать новых клиентов? Нее, я не «продажник», продавать не умею и не хочу. Таак, надо найти хорошего коммерсанта. И еще хорошую девочку, которая бы занималась бухгалтерией, я в этом тоже ничего не понимаю и не люблю всякими этими бумажками заниматься».

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

Проблема в том, что генеральный директор должен хотя бы немного вникать в суть всех сфер деятельности в своей будущей компании. Можно, конечно, отдать что-то на аутсорсинг. Но, за неимением большого количества финансов на начальном этапе, думаю, вам не захочется тратить еще и на аутсорсинг. Тем более что продажи на аутсорсинг явно не пустишь. Поэтому надо, как минимум, быть более лояльным к другим сферам деятельности, разбираться в них, а еще лучше попробовать ими заниматься (например, продажами). Поэтому-то людям и нужны финансы и связи для организации бизнеса. Связи – чтобы не заниматься продажей и продвижением своих услуг или товаров. Финансы – для того чтобы закупить необходимое оборудование, арендовать помещение и вообще, выплатить заработную плату своему персоналу. То есть для того, чтобы работать максимально так же, как работали раньше, и заниматься теми функциями, которыми занимались раньше. Ведь заниматься чем-то новым – значит на первых порах ошибаться и получать «тумаки». А кому это понравится?

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

Андрей Выхристюк (основатель ООО «ЭндиВ» ) – организовал фирму в 24 года, капитал – сбережения на машину.

Павел Рогожин (основатель ProfyClub , совладелец еще парочки фирм) – организовал первую фирму в 19 лет, не имея финансов.

Игорь Катенин (основатель V.I.N. Consult ) – организовал фирму в 26 лет.

Ильгиз Валинуров (основатель Business Connection ) – организовал фирму в 23-24 года, не имея собственного капитала.

Как видите, отсутствие финансов не помешало им создать и успешно управлять бизнесом. Связей, по молодости лет, особых тоже не имели (за исключением Игоря). Кстати поэтому я выбрала тему «свой бизнес до тридцати лет», потому что хорошие связи и «широкую известность в узких кругах» приобретают люди более взрослые. Хотя, конечно, бывают и исключения.

Какие у нас там еще были факторы хорошего бизнеса? Идея и опыт. Ну, опыт молодые люди получили такой, какой можно получить, работая от года до трех по найму. Ничего грандиозного там не было (опять же, за исключением Игоря, но он вообще исключительный человек: взять хотя бы то, что где-то в 22-23 года принимал ключевые решения в компании со среднегодовой численностью 35000 человек). Идея… я бы не сказала, что они занимаются каким-то новым, необычным видом деятельности. Другое дело, что в своих традиционных областях (например, рекрутинг) они реализуют те новые идеи, которые появляются у них. Но ровно то же самое могли сделать и их конкуренты, если бы хорошо подумали.

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

Умение продавать

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

Не буду их переубеждать, в конце концов, все зависит от того, как относишься к делу. Павел советовал относиться к этому играючи. Вот примерно то, что он сказал по поводу продаж на основе своего опыта: «Все крупные продажи я совершал в расслабленном состоянии. Например, сижу я в баре, пью, как говорится, «никого не трогаю». Оборачиваюсь, а за столиком в конце зала сидит генеральный директор какого-то крупного предприятия, заказа с которым я добиваюсь уже длительное время. Поговорил с барменом. Он сказал, что завтра в этом ресторане будет проходить закрытая конференция. А на этой конференции будет народ, который мне нужен. Попасть туда без пригласительного нельзя. Что делать? Решил передать с официантом тому генеральному бокал с запиской. В записке выразил желание попасть на конференцию. И… о чудо (или моя наглость), он вручает мне приглашение. На той конференции я заключил несколько очень прибыльных сделок, которых добивался безрезультатно на протяжении трех месяцев».

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

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

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

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

Умение приносить доход компании

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

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

Игорь провел несколько крупных преобразований в части управления персоналом в ОАО «Северсталь» . Потом был директором по стратегическому развитию в компании «Маджерик» . «У меня от клиентов отбоя нет, да и не было никогда», – говорит Игорь. Когда я сделала круглые глаза (отсутствие клиентов - это же основная проблема начинающих фирм), он пояснил: «Меня многие знают по «Маджерику», знают, что делал успешные старт-апы. Да и по «Северстали» многие помнят». Он заработал себе такую репутацию, что о клиентах может сейчас вообще не беспокоиться. Количество клиентов – это хорошая объективная количественная оценка работы.

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

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

Умение добиваться поставленных целей

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

Вот я и задала вопрос людям, уже многого достигшим: могут ли они добиться всего, чего хотят?

Игорь сразу задал мне встречный вопрос: «А мне это нужно? Для чего мне это нужно? А от чего я готов отказаться ради этого?» И посоветовал мне всегда искать более глобальную цель. И добиваться не первой, а второй – более глобальной – цели. Ведь часто получается, что мы добиваемся того, чего хотели, а потом стоим, «чешем репу» и вопим: «ну добился, а счастье где?!»

Многие из нас в свое время очень хотели поступить в университет. Ну, прямо очень: нервы были, слезы, сопли. Причем, чем больше вуз котировался, тем больше мы туда хотели. А почему хотели? Кому родители сказали: «Надо». Кто более осознано подходил к своей жизни, думал: «Хороший вуз ценят работодатели, значит, у меня больше шансов попасть на хорошую работу и получать хорошие деньги». А, поступив, учились хорошо, потому что… надо было хорошо учиться (вне зависимости от того, нравится предмет или нет). Если бы цель была заработать деньги (на достойную жизнь), то можно было подумать и над другими способами ее достижения. Например, Павел проучился в университете два месяца и ушел оттуда. Он так и не получил высшего образования. И сейчас абсолютно об этом не жалеет. Игорь считает, что в университете учиться совершенно не обязательно. И он не будет настаивать на том, чтобы, например, его ребенок непременно поступил в вуз.

Вернемся к достижению целей. Хочу рассказать историю из рабочей практики Ильгиза. После университета он начал работать в кадровом агентстве. Через три месяца в Москве должен был проходить семинар, на который он очень хотел попасть. Агентство выдвинуло следующее условие: «Мы отправим тебя на семинар, но за месяц ты должен закрыть три позиции». «Закрыть» - это значит не просто получить согласие людей, а они должны были выйти на новую работу. Кто знаком с рекрутингом, понимает, что выполнить это практически нереально. Еще надо учесть, что опыта у Ильгиза было мало в то время. Но, как я уже говорила, он очень жаждал попасть на семинар, поэтому «закрыл» позиции и все-таки поехал в Москву на мероприятие.

Я знаю, что делать

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

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

– А откуда вы знаете, что делать? Почему ваши коллеги не могут найти решение, а вы можете?
– Наверно, это опыт, – говорит Игорь, – или умение не биться головой об стенку, а посмотреть рядом. Часто ведь решение находится совсем близко, надо только повернуть голову.

Кстати, эти люди никогда не перекладывают ответственность на кого-то другого.

– Ильгиз, а если ваши работники не хотят достигать высоких целей, которые вы перед ними ставите?
– Значит, при собеседовании я не доработал, не смог понять, что этот человек не подходит моей компании.

Еще одно интересное наблюдение. Оказалось, что у тех людей, с которыми я разговаривала, нет родственников или более взрослых друзей, занимающихся бизнесом. Для чего это надо? Хотя бы для того, чтобы знать, что этот человек такой же, как и ты. Чтобы видеть «живой» пример того, что это действительно возможно. Ведь когда ты видишь и общаешься с человеком, организовавшем фирму, у тебя уже другой взгляд на жизнь. Ты хотя бы твердо знаешь, что это вполне реально. Ни у кого из моих собеседников такого человека не было.

И еще мне понравились слова Ильгиза о семинарах. Он прошел много хороших семинаров, сам их организовывал. «Никто, ни один семинар не даст тебе инструмента по зарабатыванию денег. Этот инструмент не придет с опытом или знаниями. Его вообще НЕТ. Семинар или книга может дать тебе «волшебного пенделя». Они дают желание двигаться вперед». А вот что с этим желанием ты будешь делать: обдумывать, обсасывать, анализировать или Действовать – это решаешь только ты сам.

Немного теории

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

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

Ваше желание. Без комментариев.

Знания. Чем больше возможностей вы хотите получить, тем больше нужно знаний.

JavaScript. Быстрый старт

Деньги. Соответственно, то же самое. Чем круче вы планируете проект, тем больше на него надо денег. Тестовый ресурс можно создать и бесплатно.

Ну и все, что касается самого сайта и его работы: домен, место в сети, движок и т.д.

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

Самые простые способы

Итак, есть такие гиганты-платформы, как: Blogger.com, livejournal, wordpress.com и многие другие. На таких платформах есть возможность бесплатного создания своего блога. То есть вы получаете даром место в сети, где будет размещаться ваш сайт. То же самое с доменом, только он будет третьего уровня, а не второго. То есть с приставками.blogger.com, .wordpress.com. Понятно, что нормальный домен вам за бесплатно никто не даст.

Рис. 1. Выбор темы для создания блога на площадке wordpress

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

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

Более сложный способ

Конструктор лишает вас необходимости самому регистрировать домен, подбирать хостера для покупки места в сети, установки движка и многих других забот. Если все это делать самостоятельно, то вы получаете изначально намного больше свободы в плане управления сайтом. Единственное, вам нужны уже определенные знания, хотя бы на начальном уровне. Вам сложно будет начать, если вы понятие не имеете, что такое: базы данных, FTP-доступ, пользователи, бэкапы, cPanel и т.д. Но все это азы сайтостроения и изучается буквально за пару дней путем загугливания. Давайте подробнее рассмотрим процесс.

Выбор домена (имя сайта)

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Рис. 2. Стоимость регистрации домена в разных зонах

Домен можно зарегистрировать у любого регистратора. Самые популярные: reg.ru, 2domains.ru. Какую доменную зону выбирать? Прежде всего, это зависит от того, людей из какой страны вы преимущественно хотите видеть на сайте. Чаще всего подойдет зона.ru, к тому же, домены в этой зоне стоят дешевле всего.

Допустим, вы преподаватель и создаете сайт для привлечения своих потенциальных клиентов (учеников). Вы живете в Украине и, возможно, вам нужны люди именно из этой страны. Очевидно, что в таком случае лучше зарегистрироваться в зоне.ua. Также и с.by, .kz – беларусские и казахстанские сайты.

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

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

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

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

Тарифы можно разделить на: бесплатные (тестовый период, минимум возможностей), платные, vip-тарифы, vps, vds, выделенные сервера. Самый последний вариант самый крутой – вы получаете в свое распоряжение настоящий удаленный компьютер! Это стоит 2000-20000 рублей в месяц и подходит для очень серьезных и раскрученных сайтов. VPS/VDS это практически тоже, только вы получаете не весь компьютер целиком, а лишь часть его места и ресурсов. Естественно, вы платите намного меньше. Это оптимальный вариант для всех веб-мастеров, которые заботятся о своих проектах.

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

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

Установка движка или создание веб-страниц без него

Когда место куплено, вам остается только связать домен с ним, указав правильные DNS-адреса, после чего можно приступать к установке движка, на котором будет работать сайт. Они бывают платными и бесплатными. Я рекомендую WordPress, он бесплатен, очень популярен и прост для новичка.

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

Соответственно, если вы не обладаете знаниями и не можете сами создать такой шаблон, вам придется выбирать: либо пользоваться бесплатными вариантами, либо заплатить специалистам за разработку шаблона. Обычно это стоит от 10 тысяч рублей.

На самом деле вы можете заказать все под ключ. За вас зарегистрируют домен, купят место, все установят настроят, создадут уникальный дизайн и т.д. Все, что захотите. Если у вас имеются средства, чтобы все это оплатить, то пожалуйста. Это обойдется вам от 20-30 тысяч рублей до многих миллионов. Я же говорил вам, что, например, порталы создаются в течение нескольких месяцев?

Итог

Итак, что нужно для создания сайта с нуля? Знания и деньги. А если отвечать с технической точки зрения, то: домен, хостинг, движок, база данных и многое другое. Например, если все делать самому, то еще вам нужны будут знания таких языков, как HTML, CSS, PHP и какого-нибудь движка.

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

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

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

Вводная

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

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

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

Пока давайте про домены.

Что такое домен на пальцах

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

Оно представляет из себя имя Вашего сайта в интернете, т.е все эти google.com , yandex.ru, sonikelf.name или что-то еще, в адресной строке браузера, - это как раз домен, т.е имя сайта в интернете по которому его будут находить посетители.

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

Домены бывают нескольких уровней. Например, support.сайт - это домен третьего уровня, в то время как просто - второго, а просто .ru , естественно, первого. Домены первого уровня называются зонами . Диапазонами. Пространствами. Ру-зона, ком-диапазон, нейм-пространство. Вот это вот всё.

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

Откуда домен берется и почему домен чей-то

Следите за руками:

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

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

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

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

В общем, тут главная мысль, что: есть регистратор -> есть Вы -> платим -> регистрируют -> Вы владелец. На время.

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

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

Здесь работает два правила:

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

Как с этим взлетать:

  • Переплачивать, но покупать у топов рынка, - в России это и nic например;
  • Брать у проверенных ;
  • Регистрировать через нас (пишите через );
  • Покупать у (об этом позже) сразу связку хостинг-домен и последующие домены брать у него же.

Что стоит понимать:

  • Лучше регистрировать на себя;
  • Придется предоставлять паспортные данные. Это нормально;
  • Лучше регистрировать на несколько лет сразу (цены растут, условия тоже).

Ну, тут, пожалуй, всё.

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

Про имена доменов будут Вам рассказывать многие и многое. Основные мифы :

  1. Доменная зона важна для seo и продвижения, - ru круче какого-нибудь info , а name вообще понижают в выдаче;
  2. Доменное имя важно для seo и продвижения, - лучше выбирать домен komputer12312312 чем непонятный sonikelf ;
  3. Лучше выбирать запоминающееся имя домена;
  4. Что-то еще.

Объясняю на пальцах:

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

Теперь о том как понять, занято имя или нет и подобрать себе какое-то. Заходим , вводим придуманное имя:

Смотрим занято или нет и в какой зоне. При необходимости настраиваем фильтры:

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

Послесловие

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

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

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

Спасибо, что Вы есть. Оставайтесь с нами.

Поделиться