Главная/Код
Как создать сайт на коде: из чего он состоит и что нужно для публикации
Создать сайт на коде можно из трёх частей: HTML задаёт структуру, CSS оформление, JavaScript поведение. Для первой страницы хватит блокнота и браузера, а чтобы сайт увидели другие, нужны хостинг от 316 ₽ в месяц и домен (на 24 октября 2026). Ниже разобрано, что входит в сайт на коде, чего ему не хватает без хостинга и куда идти дальше.
Ответ за 30 секунд
Код даёт полный контроль над каждой строкой сайта, но сам по себе виден только вам. Чтобы открыть сайт другим, нужны хостинг и домен. Для учебной страницы хватит блокнота, для рабочего сайта на десятки страниц удобнее CMS или конструктор. Цены на 24 октября 2026.
Файлы HTML и CSS кладут на обычный хостинг: тариф Year 316 ₽ в месяц за год, бесплатный SSL, домен .RU в подарок при оплате на год и 10 дней на пробу (на 24 октября 2026).
3 языкаHTML, CSS и JavaScript
0 ₽за редактор: блокнот уже есть
316 ₽в месяц хостинг для публикации
01 · 1 мин
Из каких трёх частей состоит сайт на коде#
Сайт на коде собирается из файлов трёх типов, и каждый отвечает за своё. Все файлы лежат в одной папке и открываются браузером как обычная страница.
| Язык | За что отвечает | Как выглядит |
|---|---|---|
| HTML | структура и содержание: заголовки, абзацы, ссылки, картинки | <h1>Заголовок</h1> |
| CSS | оформление: цвета, шрифты, отступы, раскладка | h1 { color: #0b5fff; } |
| JavaScript | поведение: меню, формы, калькуляторы, анимации | menu.classList.toggle("open") |
Сайт из одних HTML и CSS называют статическим: страницы лежат готовыми файлами и не требуют базы данных. Такие сайты быстро открываются и просто размещаются. Если нужны личный кабинет, заказы и админка, берут CMS или пишут серверную часть. Справочник по языкам ведёт MDN Web Docs.
02 · 1 мин
Что нужно, чтобы сайт на коде увидели другие#
Файлы на вашем компьютере видны только вам. Чтобы сайт открывали с других устройств, нужны три вещи.
- Хостинг. Сервер, на котором лежат файлы сайта. Для статики подойдёт обычный хостинг: тариф Year у Таймвеб стоит 316 ₽ в месяц при оплате за год (на 24 октября 2026), и он же поддерживает PHP, Python и Node, если сайт усложнится.
- Домен. Адрес вида name.ru. Домен .ru стоит от 200 ₽ за первый год, а при оплате хостинга на год домен .RU дают в подарок.
- SSL. Сертификат, который включает https. На хостинге Таймвеб он бесплатный. Подробнее: SSL и https.
Загрузка файлов и привязка адреса описаны на странице как опубликовать сайт. Для учебных страниц есть бесплатный вариант: GitHub Pages принимает статические файлы, но свой домен там подключается отдельно.
03 · 1 мин
Когда сайт лучше писать на коде, а когда собрать в конструкторе#
Код даёт полный контроль: вы решаете, как выглядит и работает каждая деталь, и не зависите от шаблонов платформы. Цена этого контроля: время и навыки, потому что вёрстку, адаптивность под телефон и правки приходится делать самому.
- Код подходит, если вы учитесь, делаете простой статичный сайт, портфолио разработчика или нестандартную страницу.
- Конструктор подходит, если нужен рабочий сайт за вечер без вёрстки: конструктор сайтов стоит от 209 ₽ в месяц.
- CMS подходит для блога и магазина, где материалы меняют часто: конструктор или CMS.
Сравнение всех путей по задачам собрано на странице способы создания сайта.
04 · 1 мин
Страницы про сайт на коде: HTML, блокнот, шаблоны, дизайн и адаптив#
Раздел идёт от простого к сложному: сначала разметка и учебный путь через блокнот, затем готовые шаблоны, дизайн и работа на телефонах.
Сайт на коде
05 · 1 мин
Вопросы про создание сайта на коде#
Как создать сайт в Visual Studio Code?
Visual Studio Code это бесплатный редактор кода. Создайте папку сайта и файл index.html, в пустом файле наберите восклицательный знак и нажмите Tab: редактор вставит каркас страницы. Что дальше писать в файле, описано на странице создать сайт на HTML.
Нужно ли программировать, чтобы создать сайт по коду?
Для статичной страницы нужны HTML и CSS: это разметка и оформление, а не программирование с алгоритмами. JavaScript понадобится позже, для меню, форм и интерактивных блоков.
Можно ли создать сайт с помощью кода без хостинга?
На своём компьютере можно: файл открывается в браузере. Но другие его не увидят. Для публикации нужен хостинг или бесплатный GitHub Pages для статичных файлов.
Можно ли создать сайт без знания кода?
Да, конструктор собирает страницы из готовых блоков, код не нужен. Как это устроено и сколько стоит, описано на странице конструктор сайтов.
Почему этому можно верить
Как мы проверяли
Источники цифр на этой странице: Конструктор сайтов Таймвеб, timeweb.com/ru/services/constructor, проверено 24 октября 2026; Виртуальный хостинг Таймвеб, timeweb.com/ru/services/hosting, проверено 24 октября 2026; Домены Таймвеб, timeweb.com/ru/services/domains, проверено 24 октября 2026; MDN Web Docs: HTML, developer.mozilla.org/ru/docs/Web/HTML, проверено 24 октября 2026.
Разместите свой сайт
Для сайта на CMS или своём коде нужен хостинг. Виртуальный хостинг Таймвеб от 316 ₽ в месяц: NVMe, установка CMS в один клик, бесплатный SSL и домен .RU в подарок.
- Тарифы от 316 ₽ в месяц
- Популярные CMS в один клик
- Бесплатный SSL и домен .RU в подарок
- Бесплатный перенос и 10 дней теста