Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>14 май 2025</li>

3 <li>0</li>

4 </ul><h2>Как самому создать сайт, если не умеешь программировать</h2>

5 Для этого не обязательно быть Цукербергом или Дуровым.

6 Иллюстрация: Rawpixel / Luke Thornton / Unsplash / Annie для Skillbox Media

7 Пишет про digital и машинное обучение для корпоративных блогов. Топ-автор в категории "Искусственный интеллект" на Medium. Kaggle-эксперт.

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

9 Сегодня вы узнаете:

10 <ul><li><a>что выбрать для создания сайта: CMS или конструктор</a>;</li>

11 <li><a>какие CMS выбрать</a>;</li>

12 <li><a>какие популярные конструкторы сайтов существуют</a>;</li>

13 <li><a>как создать сайт на Tilda</a>;</li>

14 <li><a>как сделать сайт на WordPress</a>.</li>

15 </ul>Прежде чем перейти к созданию сайта, стоит определиться с инструментом - использовать конструктор веб-страниц или CMS. Они различаются функциональностью и подходом к работе. Разберём оба варианта.

16 CMS (от англ. content management system, система управления контентом) ― это платформы для создания и управления сайтами. С их помощью можно добавлять, редактировать и удалять веб-страницы без знания вёрстки и программирования. Одна из самых популярных CMS -<a>WordPress</a>.

17 Преимущества:

18 <ul><li>Готовые плагины для разных задач.Например, если в онлайн-магазин необходимо добавить форму для заказа товаров, то её не придётся писать с нуля. Достаточно взять готовый плагин. В популярных CMS, таких как WordPress, существуют десятки тысяч таких расширений, закрывающих большинство задач при создании веб-страниц.</li>

19 <li>Лёгкая масштабируемость.В конструкторах невозможно создать многостраничный сайт. Например, Tilda имеет лимит в 500 страниц на одном сайте. Если требуется больше, то придётся переходить на другой сервис или<a>добавлять поддомены</a>. Это не всегда удобно. CMS заточены под многостраничные сайты и не имеют подобных ограничений.</li>

20 </ul>Недостатки CMS:

21 <ul><li>Пользоваться системами управления контентом сложнее, чем конструкторами сайтов. У них больше функциональности и готовых модулей и, как правило, сложнее интерфейс. Но для большинства CMS написаны подробные мануалы и бесплатные курсы, а у WordPress есть<a>большое комьюнити</a>, которое поможет при затруднениях в работе.</li>

22 <li>Если на веб-странице одновременно используются разные расширения, то обновление в любом из них может "сломать" сайт, изменив вёрстку или вовсе сделав его недоступным для просмотра. Поэтому при работе с CMS необходимо контролировать работоспособность и свежесть плагинов.</li>

23 </ul>Конструктор сайтов ― это специальный инструмент для создания веб-страниц "по кирпичикам" из готовых блоков: текста, изображений, форм обратной связи и так далее. Например, так работает<a>Tilda</a>. Конструкторы используют для одностраничных сайтов, например резюме или визиток.

24 Преимущества:

25 <ul><li>Легко начать работу. В конструкторе пользователь выбирает подходящие блоки из меню, редактирует их и переставляет местами. Это проще, чем подбирать совместимые плагины в CMS.</li>

26 <li>Не требуется думать про стабильность работы. Конструкторы занимаются хостингом сайтов, их безопасностью и следят за своевременностью обновлений. Например, Tilda предлагает сторонние плагины, но сама поддерживает их в актуальном состоянии.</li>

27 </ul>Недостатки:

28 <ul><li>Создать уникальный сайт со сложной функциональностью не получится. В конструкторах можно добавлять компоненты из готового набора и незначительно менять их внешний вид. Но в большинстве из них написать код для новых фич не получится, а сторонних плагинов мало.</li>

29 <li>Работать с многостраничными сайтами неудобно, так как каждая страница настраивается отдельно. Поэтому если вам требуются сотни или тысячи веб-страниц, то конструкторы для их создания не подойдут.</li>

30 </ul>Если вы решили использовать CMS для создания сайта, то присмотритесь к WordPress, Joomla или Drupal.

31 Это самая<a>популярная и распространённая CMS</a>― примерно 810 миллионов, или<a>43%, сайтов в интернете</a>сделаны на ней! WordPress отличается от конкурентов удобной админкой (интерфейсом для управления контентом), большим комьюнити и десятками тысяч плагинов.

32 Плюсы:

33 <ul><li>Она бесплатная.Придётся заплатить только за домен и хостинг, если стандартные вас не устроят.</li>

34 <li>Легко пользоваться.WP можно запустить в браузере или установить на компьютер в пару кликов. Работу облегчает и то, что интерфейс CMS, популярные шаблоны и плагины русифицированы.</li>

35 <li>Много готовых шаблонов: бесплатных и платных. С их помощью можно создать личный блог, портфолио, онлайн-магазин, новостной портал и так далее.</li>

36 <li>Адаптивная вёрстка.Размер и дизайн сайтов, собранных на WordPress, автоматически подстраивается под смартфоны, планшеты и компьютеры.</li>

37 </ul>Минусы:

38 <ul><li>Низкая безопасность у устаревших расширений.WordPress - это платформа с открытым исходным кодом. Поэтому мошенникам проще найти в нём уязвимости. В самой CMS они быстро закрываются в обновлениях, но плагины, которые не поддерживаются разработчиками, могут стать лазейкой для мошенников.</li>

39 <li>Разработчики сторонних плагинов иногда забрасывают работу над ними.Из-за этого снижается безопасность сайтов, так как найденные хакерами уязвимости не исправляются. Кроме этого, новые версии плагинов могут конфликтовать с устаревшими расширениями, замедляя загрузку веб-страниц или нарушая их вёрстку.</li>

40 </ul><a>Joomla</a> - главный конкурент WordPress. Движок обычно используют для создания коммерческих продуктов: онлайн-магазинов, сайтов компаний и так далее.

41 Плюсы:

42 <ul><li>Большое комьюнити и оперативная поддержка.Если у вас возникнет проблема в процессе создания сайта, то, скорее всего, она уже<a>решена другими пользователями</a>.</li>

43 <li>Готовые шаблоны и плагиныдля разных задач. Многие плагины русифицированы.</li>

44 </ul>Минусы:

45 <ul><li>Пользоваться Joomla сложнее, чем, например, WordPress. Некоторые считают, что её интерфейс запутан. Если будете работать на Joomla, скорее всего, вам придётся писать или читать код.</li>

46 <li>CMS генерирует неоптимальный код, который замедляет загрузку сайта. Даже простая веб-страница может грузиться несколько секунд. Выход - читать код и удалять бесполезные фрагменты.</li>

47 </ul><a>Drupal</a> - популярная CMS для личных проектов. Используется в двух вариантах: чистое ядро - система без дополнительных компонентов и расширений или готовая сборка: движок с набором плагинов, работающий "из коробки".

48 Плюсы:

49 <ul><li>Открытый исходный код CMS и многих расширений, позволяющий дорабатывать их и настраивать под свои нужды.</li>

50 <li>Лёгкая установка из аккаунта хостингов.Drupal, как и WordPress, поддерживается большинством серверов.</li>

51 </ul>Минусы:

52 <ul><li>Минимальный набор инструментов для SEO.Чтобы использовать в Drupal<a>человекопонятные URL</a>, заполнить метаданные или создать карту страниц, придётся искать сторонние плагины.</li>

53 <li>Нестабильная работа из-за неодновременного обновления плагинов.Изменения в расширениях могут конфликтовать друг с другом и нарушать отображение страниц в браузерах. Разработчикам приходится вручную отслеживать и проверять их совместимость.</li>

54 </ul>Существуют десятки конструкторов сайтов, но мы решили выбрать два основных: Tilda и Squarespace.

55 Базовое решение для тех, кто решил использовать конструкторы. У <a>Tilda</a>русифицированный интерфейс и удобный редактор с большим количеством разнообразных блоков.

56 Плюсы:

57 <ul><li>Много готовых шаблонов для любого бизнеса - от портфолио фотографа до сайта медицинской клиники.</li>

58 <li>Подходит для коммерческих проектов.В Tilda можно подключить корзину товаров, онлайн-оплату и форму обратной связи от покупателей.</li>

59 <li>Коллекция бесплатных шрифтов, иконок и изображений, которые можно добавить на сайт по одному клику.</li>

60 </ul>Минусы:

61 <ul><li>Ограничение по количеству веб-страниц - не более 500 для одного сайта. Если требуется больше, то придётся создавать поддомены.</li>

62 <li>Сайт, собранный на Tilda, обычно легко узнать, так какколичество блоков ограничено. Чтобы создать уникальный дизайн, придётся научиться верстать или даже писать код - или нанять разработчика.</li>

63 <li>Стоимость Tildaдля одного сайта без ограничений по блокам и модулям - 15 долларов или 1500 рублей в месяц.</li>

64 </ul><a>Craftum</a> - российский конструктор сайтов с простым интерфейсом и большим числом блоков. Позволяет за пару кликов перенести проекты с Wix, Flexbe, Squarespace и других платформ.

65 Плюсы:

66 <ul><li>Встроенные инструменты для продвижения в поисковых системах.Можно настроить title и description, заголовки H1-H3, человекопонятные адреса страниц, автоматическую генерацию файлов robots.txt и sitemap.xml.</li>

67 <li>Количество страниц на одном сайте не ограничено.Это отличает Craftum от Tilda, где не получится создать более 500 веб-страниц.</li>

68 </ul>Минусы:

69 <ul><li>Бесплатной версии нет.Минимальная стоимость начинается от 159 рублей в месяц.</li>

70 <li>Экспортировать код сайта для переноса на другую платформу или хостинг не получится.Это неудобно, если вы решите перейти на сервис-конкурент.</li>

71 </ul><a>Flexbe</a> - один из самых простых, но и дорогих конструкторов сайтов, ориентированный на онлайн-магазины. Позволяет создавать веб-страницы с минималистичным дизайном и базовыми блоками: текст, изображения, видео и различные варианты форм.

72 Плюсы:

73 <ul><li>В конструкторе можно собрать удобный каталог с товарами, оформить для них красивые карточки и подключить онлайн-оплату. Всё это работает "из коробки", без плагинов.</li>

74 <li>Набор инструментов для маркетологов: А/В-тестирование, аналитика, CRM и так далее.</li>

75 </ul>Минусы:

76 <ul><li>Шаблонов и блоков мало.Сделать что-то уникальное не получится.</li>

77 <li>Высокая цена - от 750 рублей в месяц при помесячной оплате. Это в несколько раз выше, чем премиум-тарифы конкурентов.</li>

78 </ul><a>Популярный конструктор</a>, который отличается красивыми, но малочисленными шаблонами.

79 Плюсы:

80 <ul><li>Удобный интерфейс - все элементы расположены именно там, где ты их ожидаешь увидеть.</li>

81 <li>В конструкторе много плагинов для интеграции с соцсетями и приёма платежей.Это делает его подходящим для коммерческих проектов.</li>

82 </ul>Минусы:

83 <ul><li>Количество шаблонов ограничено, а самостоятельная вёрстка невозможна.Поэтому сайты на Squarespace похожи друг на друга.</li>

84 <li>Оплатить премиальный тариф из России невозможно, так как карты российских банков не принимаются.</li>

85 </ul>Зарегистрируемся в <a>Tilda</a>, сверстаем веб-страницу и опубликуем её.

86 Для регистрации на сайте укажите имя, почту и пароль:

87 Скриншот:<a>Tilda</a>/ Skillbox MediaПосле регистрации в конструкторе откроется меню создания сайта:

88 Скриншот:<a>Tilda</a>/ Skillbox MediaВ нём можно выбрать готовый шаблон или создать чистую страницу с необходимыми блоками.

89 Создадим фотоблог. Для этого выберите одноимённый шаблон:

90 Скриншот:<a>Tilda</a>/ Skillbox MediaОн содержит поля с текстом, фото и интерактивные элементы, например кнопки. На странице предпросмотра можно увидеть, как сайт будет выглядеть в итоге.

91 Откроем шаблон в редакторе. Для этого нажмите Создать страницу.

92 Скриншот:<a>Tilda</a>/ Skillbox MediaСейчас все элементы сайта стандартные. Заменим их на уникальные. Чтобы это сделать, нажмите на Содержание. Загрузите фотографию профиля, впишите необходимый заголовок и описание:

93 Скриншот:<a>Tilda</a>/ Skillbox MediaУ нас получилась вот такая страница:

94 Скриншот:<a>Tilda</a>/ Skillbox MediaМы решили сделать блог для кота Василия. Для этого заменили шрифты, цвет фона и размер кнопки, добавили изображение и текст с описанием.

95 Если необходимо изменить дизайн самого шаблона страницы, то нажмите Настройки:

96 Скриншот:<a>Tilda</a>/ Skillbox MediaВ открывшейся панели можно поменять типографику или фон страницы, добавить к ней анимации или конвертировать всё в Zero Block (нулевой блок) ― профессиональный редактор, позволяющий создавать блоки с собственным дизайном.

97 Скриншот:<a>Tilda</a>/ Skillbox MediaВажно!

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

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

100 Нажмите + между блоками:

101 Скриншот:<a>Tilda</a>/ Skillbox MediaОткроется библиотека элементов: можно выбрать заголовок нужного размера, вставить фотогалерею, кнопку или другие блоки:

102 Скриншот:<a>Tilda</a>/ Skillbox MediaКликните на нужный блок для его выбора. Он добавится на странице.

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

104 Скриншот:<a>Tilda</a>/ Skillbox MediaВыберите тип устройства в левом нижнем углу:

105 Скриншот:<a>Tilda</a>/ Skillbox MediaПосле того как вы завершили работу над сайтом, нажмите Опубликовать.

106 Скриншот:<a>Tilda</a>/ Skillbox MediaКонструктор предложит разместить сайт на хостинге Tilda или экспортировать код и загрузить его на другой хостинг. Остановимся на первом варианте.

107 Всё готово:

108 Скриншот:<a>Tilda</a>/ Skillbox MediaСайт<a>опубликован на хостинге Tilda</a>и доступен в интернете.

109 Работа с WordPress сложнее, чем с Tilda. Но создать простой сайт можно за несколько минут.

110 Прежде чем перейти к созданию веб-страницы,<a>зарегистрируйтесь на WordPress</a>. Используйте аккаунт в Google, Apple или электронную почту:

111 Скриншот:<a>WordPress</a>/ Skillbox MediaТеперь выберите домен. Домен ― это адрес сайта в интернете. В строку поиска введите желаемый вариант или слово, описывающее ваш сайт:

112 Скриншот:<a>WordPress</a>/ Skillbox MediaМы хотим создать блог девушки по имени Юлия. Форма предложит нам удобный адрес ― freejulia.com. Но он платный - 12 долларов в год. Для обучения выберем бесплатный домен:

113 Скриншот:<a>WordPress</a>/ Skillbox MediaНа следующем этапе WordPress просит рассказать про цель создания сайта. На основе этой информации он предложит релевантные шаблоны.

114 Мы выбираем Писать и публиковать, чтобы получить варианты для блога:

115 Скриншот:<a>WordPress</a>/ Skillbox MediaКак и в Tilda, вы можете выбрать шаблон для сайта из каталога:

116 Скриншот:<a>WordPress</a>/ Skillbox MediaВ WordPress есть платные шаблоны, созданные самими пользователями. Чтобы воспользоваться ими, придётся перейти на премиум-тариф:

117 Скриншот:<a>WordPress</a>/ Skillbox MediaНо мы ограничимся бесплатной темой. Чтобы выбрать и отредактировать её, нажмите на наиболее подходящую, а затем на кнопку Продолжить:

118 Скриншот:<a>WordPress</a>/ Skillbox MediaWordPress перенаправит вас в админ-панель. Выберите Обновите дизайн вашего сайта на экране справа и нажмите Редактировать.

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

120 Скриншот:<a>WordPress</a>/ Skillbox MediaДля добавления нового блока нажмите на всплывающий + между блоками:

121 Скриншот:<a>WordPress</a>/ Skillbox MediaТеперь выберите блок, который хотите добавить: текст, изображение, заголовок или список.

122 Скриншот:<a>WordPress</a>/ Skillbox MediaЧтобы посмотреть все варианты, нажмите Посмотреть все.

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

124 Скриншот:<a>WordPress</a>/ Skillbox MediaВыбрать есть из чего: для одних только интернет-магазинов WordPress предлагает более восьми тысяч расширений. Они помогут настроить приём платежей, реферальные программы, сформируют чеки для оплаты и так далее. Ни в одном из других конструкторов сайтов такого разнообразия не найти:

125 Скриншот:<a>WordPress</a>/ Skillbox MediaМногие темы WordPress адаптированы под мобильные устройства, но можно использовать специальные плагины для улучшения отображения на смартфонах и гаджетах с разными экранами.

126 Настроить можно не только весь сайт, но и его отдельные элементы. Например, Smart Slider 3 содержит готовые решения по адаптации слайдеров с изображениями и видео для мобильных устройств.

127 Скриншот:<a>WordPress</a>/ Skillbox MediaЧтобы опубликовать сайт, откройте главную страницу редактора, нажав на логотип в левом верхнем углу. Выберите вкладку Главная → Покажите ваш сайт миру и нажмите Запустить сайт.

128 Скриншот:<a>WordPress</a>/ Skillbox MediaДоменное имя вида ваше_имя.wordpress.com предоставляется бесплатно. Но если вы хотите, чтобы домен выглядел более профессионально, то нужно будет доплатить:

129 Скриншот:<a>WordPress</a>/ Skillbox MediaНа следующем шаге WordPress предложит выбрать тарифный план:

130 Скриншот:<a>WordPress</a>/ Skillbox MediaЕсли вы используете бесплатный домен, этот шаг можно пропустить. После этого сайт будет опубликован:

131 Скриншот:<a>WordPress</a>/ Skillbox MediaТеперь вы можете делиться ссылками на него с друзьями и близкими или вернуться в редактор и наполнить его контентом.

132 <a>Курс с трудоустройством: "Веб-разработчик" Узнать о курсе</a>