Выбираем движок для сайта. Часть 1: что такое сайт и CMS?

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


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

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

Начнём с основ

Website — дословно с английского «место в паутине». Это совокупность веб-страниц в Интернете, которая имеет свой адрес и принадлежит конкретному владельцу (организации или частному лицу).

Первый в мире сайт — info.cern.ch — появился в 1991 году (недавно сайт был восстановлен и теперь снова доступен для пользователей). Его создатель Тим Бернерс-Ли по праву считается «отцом интернета», он разработал первый в мире браузер, технологии http, url, html и многое другое, что определило путь развития Всемирной сети.

Любой сайт — это некий набор кода, который описывает то, как должны вести себя элементы.

Как если бы рисунки передавались набором команд художнику, объясняя, куда движется его рука. Вы заказали пейзаж с зимним лесом, вам прислали текст: «Точка в 5 мм от края листа, 4 мм вправо и вверх и т. д.»

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

Выбираем CMS!

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

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

CMS-системы: создаём сайт без кодов

Аббревиатура CMS расшифровывается как Content Management System (в некоторых источниках можно встретить вариант Content Management Software). Разработчики на сленге называют CMS «движок» (что, впрочем, успешно ушло в народ) или «платформа».

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

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

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

sait4Но основной проблемой на этом пути оставалось создание шаблона без знания кода. Нужен был какой-нибудь графический редактор наподобие Photoshop, где можно работать с элементами в привычном интерфейсе. И большой шаг в этом направлении сделала как раз компания Adobe (производитель Photoshop). Adobe создал продукт Muse. Это одновременно и программа для создания сайтов (знаний кода не требуется), и CMS.

Разработчики сайтов запаниковали, казалось, ещё немного и их услуги станут не нужны. Но, к счастью, паника была напрасной, потому что даже если пользователь и может сам сделать сайт, не факт, что он захочет. Кроме того, работа в Muse потребовала глубоких знаний программы.

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

Но прогресс не стоит на месте. И следующим существенным шагом в этом направлении стали конструкторы сайтов.

Плюсы и минусы конструкторов сайтов

Конструкторы сайтов — это комплексные сервисы, которые предоставляют услуги поддержки домена, хостинг, а также универсальный редактор с интуитивным интерфейсом, действующий по принципу drag-and-drop (в переводе с английского дословно «тяни и брось»). Вам не надо знать код, чтобы добавить тот или иной элемент. Вы просто выбираете его в меню и перетягиваете на нужное место, задаете цвет, размер, шрифт и т. д. Причём все опции даны настолько понятно, что даже инструкция не нужна. Грубо говоря, если вы способны освоить Word, то и в конструкторе сможете разобраться.

Казалось бы, вот и всё, теперь сайт может сделать каждый, зачем искать что-то ещё? Но. Всегда есть какое-нибудь «но».

sait5Первый недостаток: вы не сможете уйти с этого сервиса, если вдруг захочется сменить CMS или хостинг, потому что экспортировать сайт нельзя (хотя есть исключения, например, конструктор Tilda). Придётся банально по кусочкам переносить вручную контент и т. д. Это неудобно.

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

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

Разработчики популярных бесплатных CMS тоже стараются сделать их максимально доступными. Так относительно недавно появился плагин для WordPress под названием Page builder, который позволяет работать в интерфейсе по тому же принципу drag-and-drop. Это новшество в очередной раз вывело WordPress в лидеры по популярности.

Что должен знать заказчик для выбора сайта?

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

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

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

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

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

А если вы обладаете хотя бы базовыми представлениями о предмете, то и сами сможете понять, за что стоит платить, а за что нет.

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

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

Это была красивая история про то, что сайты — это не просто странички в интернете, тем более для собственников проектов. В следующей части мы расскажем о том, какие CMS бывают и для каких задач каждая из них годится. Просто и интересно о сложном и скучном!

nataliya_rumyanceva

Наталья Румянцева, руководитель проектов, копирайтер, дизайнер

Страница в Фейсбук

 

 

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

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

4 × 1 =

©2012-2016.   Маркетинг с азов для малого бизнеса и микробизнеса
ИП Губина Мария Сергеевна, ОГРН 312784713800044, Санкт-Петербург

ГЛАВНАЯ БЛОГ БЕСПЛАТНО ОБ АВТОРЕ УСЛУГИ ОТЗЫВЫ ФОРУМ КОНТАКТЫ

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

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.

       

  •    

×
Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.

       

  •    

×
Подписаться на мини-курс "Из чего состоит проект?"

 

Оставьте ваши данные в форме, и мы будем присылать вам материалы курса по электронной почте.



  •    

×
Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.

×
Скачайте подсказки по бухгалтерии и образцы заполнения бухгалтерских документов

 

Оставьте ваши данные в форме, и мы пришлём вам архив с документами по электронной почте.


×

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

×

Оставьте ваше имя и электронный адрес ниже, и пришлем вам тест-шпаргалку от Валентины Власовой

×

Оставьте в форме имя и электронный адрес и скачайте мою мини-подборку опросников для отзывов

×

Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ментальную карту «Виды и группы контента»

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

×

Заполните форму и скачайте шаблон для систематизации контактов и поиска потенциальных партнеров

×

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

×

Сложно начать писать — на сайт, в блог, в прессу?
Видите пустую страницу документа Word и сразу теряете мысли? Есть о чём писать, но не знаете, с чего начать? Заполните форму и скачайте вебинар!

×

Заполните форму ниже и получите бесплатный курс «Из чего состоит проект»

×

Оставьте ваши данные в форме и мы пришлём вам чек-лист с инструментами, помогающими в продажах услуг»

×

Оставьте в форме ваше имя и электронный адрес, и мы пришлем вам ссылку на вебинар о ранних списках

×

Заполните поля формы и получите чек-лист от Дарьи Капитоновой по ведению Инстаграм-аккаунта для начинающих

×