Большинство людей уверены: чтобы создать сайт, нужны дорогие программы, команда программистов и месяцы обучения. Это миф, годами поддерживаемый теми, кто зарабатывает на страхе новичков. Правда проще: каждый сайт в интернете — это файл. Обычный текстовый файл с расширением .html, который любой человек может создать за считаные минуты.
Ниже — проверенный десятилетиями метод, как создать свой первый сайт-файл с нуля. Без скрытых платежей, без специального ПО, без технического образования.
0 ₽
Бесплатные инструменты уже есть на любом компьютере
5 мин
Столько занимает создание первой работающей страницы
1 файл
Всё, что нужно, чтобы сайт начал существовать
Пять шагов к первому сайту
На Windows подойдёт «Блокнот» (клавиша Win → набрать «блокнот»). На macOS — TextEdit (переведённый в режим «простой текст»: Формат → «Образец простого текста»). Программисты чаще выбирают бесплатный Visual Studio Code — он подсвечивает код, но на первых порах не обязателен.
Скопируйте этот готовый шаблон — минимальный, но полноценный веб-документ:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Мой первый сайт</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это мой первый сайт-файл.</p>
</body>
</html>
«Файл → Сохранить как». Имя: index.html. Тип файла: «Все файлы» (не .txt!). Кодировка: UTF-8 — без неё кириллица превратится в кракозябры. Именно index.html браузеры и серверы считают главной страницей сайта.
Дважды щёлкните по index.html — страница откроется в браузере. Поздравляем: сайт создан. Изменили код? Сохраните файл и нажмите F5 (обновить) — изменения отобразятся мгновенно.
Одна строка внутри <head> окрашивает заголовок в красный:
<style>h1 { color: #D80621; }</style>
Дальше — только фантазия: текст, изображения, ссылки, видео. Хотите приблизить результат к готовой странице без ручного кода — подойдёт Tilda, но понимание основ никогда не будет лишним.
Язык веба за одну минуту
Технология
Роль
Простая аналогия
HTML
Структура и содержимое страницы
Каркас дома
CSS
Внешний вид: цвета, шрифты, отступы
Отделка и дизайн
JavaScript
Интерактивность и логика
Электрика и техника
Что выбрать: файл или конструктор
Свой файл HTML
Полный контроль над каждой строкой
Бесплатно навсегда
Фундамент настоящих знаний
Конструктор сайтов
Быстрый результат «мышкой»
Ежемесячная оплата за полный функционал
Ограничения шаблонов
Три ошибки, которые дорого обходятся новичкам
Ошибка №1:Сохранение файла как index.html.txt. Windows часто скрывает расширения — включите их отображение в настройках «Проводника».
Ошибка №2:Кодировка ANSI вместо UTF-8. Симптом: русский текст превращается в набор символов. Лечение указано в шаге 3.
Ошибка №3:Отказ от публикации сайта в интернете. Когда файл готов, бесплатно разместить его можно, например, на GitHub Pages — и сайт увидит весь мир.
Через пять минут во вселенной появится новый сайт
Единственный вопрос — ваш он или чей-то ещё. Откройте редактор, вернитесь к шагу 1 и сделайте это сегодня.