Что такое CMS и зачем она нужна

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

15 минут

Озвучено синтезом речи (Qwen3-TTS), голос не принадлежит человеку.

CMS (система управления содержимым) — программа, в которой содержание сайта правят без знания HTML: админка, хранилище, шаблоны, роли и публикация.

Сайт, который надо править каждую неделю

Сайт из HTML-файлов хорош, пока его не нужно править. Но владелец меняет цены, добавляет услуги, пишет новости. У сайта пятьдесят страниц, и на каждой скопирована шапка. Поменялся телефон, значит открываем пятьдесят файлов. Цена услуги написана на странице услуги, на главной и в прайс-листе: забыли один, и на сайте две цены. А человек, который меняет цены, не обязан знать HTML. Так возникла потребность в CMS.

Три слоя

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

Три слоя сайта и кто их правит
Файлы на диске
Содержаниетексты и цены прямо в HTML
Шаблоншапка и подвал скопированы в каждый файл
Коднет: всё готовое
База и админка

пока ничего

Кто может править: Тот, кто умеет править HTML и выкладывать файлы по FTP: обычно разработчик.

Поменять цену первой услуги:

  1. Найти все страницы, где упоминается цена первой услуги
  2. Открыть каждую и поправить вручную
  3. Выложить исправленные файлы на сервер

Что может пойти не так: Одну страницу забыли, и на сайте две цены.

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

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

В сайте из файлов все три слоя перемешаны в одном HTML. В CMS они разделены: содержание живёт в базе и правится в админке, шаблон один на все страницы, код написан один раз.

Что такое CMS

CMS (content management system, система управления содержимым) это программа, которая даёт править содержание сайта людям, не знающим HTML. Обычно в неё входят:

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

Сайт на CMS это динамический сайт в смысле части 6: страница собирается по запросу из содержания в базе и шаблона (или заранее, как в уроке про генераторы, но об этом позже). CMS на свете очень много, и в части 8 мы разберём главные виды: WordPress, конструкторы вроде Tilda, Битрикс, генераторы статических сайтов и «безголовые» CMS.

Модель контента

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

ТипПоляКто правит
Услуганазвание, описание, цена, фотовладелец
Человекимя, должность, биография, фотовладелец
Подтверждениеназвание, номер, дата, сканредактор

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

Что входит в описание поля:

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

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

Проверьте себя: почему цену лучше сделать отдельным полем, а не частью текста?

Из отдельного поля её можно показать в карточке, на странице, в списке и в разметке для поисковиков, а менять придётся один раз. Спрятанную в тексте цену приходится искать и править глазами в каждом месте.

Кто правит и как часто

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

Практика

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

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

Что было не так раньше

Сайты 2000-х начинались с файлов, а общую шапку подтягивали «включениями» (SSI, Dreamweaver-шаблоны). Это был первый шаг к разделению слоёв, но правка по-прежнему требовала мастера по сайтам: каждая правка стоила денег и ждала недели. CMS отдали правку в руки владельцев. Цена оказалась другой: сайт стал программой, которую нужно обновлять и защищать (об этом урок 3).

Практика

Готовлю вашу страницу…

Тест

Вопрос 1 из 6

Соедините слой сайта с тем, что в нём лежит

Подберите пару к каждому пункту.

Карточки

Эти карточки попадут в повторение, когда вы завершите урок.

  • Что такое CMS?

    Ответ

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

  • Три слоя сайта

    Ответ

    Содержание (тексты, цены, фото), шаблон (шапка, подвал, вид карточки), код (что сайт делает). В сайте из файлов они перемешаны, в CMS разделены.

  • Что такое модель контента?

    Ответ

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

  • Как хранить тексты на нескольких языках?

    Ответ

    Поле на каждый язык (title_ru, title_en) или перевод записи, связанный с оригиналом. Так видно, что это один объект, и цену или фото не придётся менять дважды.

  • Какие два вопроса определяют выбор CMS?

    Ответ

    Кто правит содержание (владелец, редактор, разработчик) и как часто. От ответов зависит, нужна ли удобная админка, или хватит файлов.

Источники

Дальше

Теперь вы знаете: что такое CMS, модель контента: типы, поля, связи.