# Файлы сайта: структура простого проекта

Курс: Claude Code и терминал: с 0 — https://zero2claude.ru/learn/code-terminal
Канонический URL: https://zero2claude.ru/learn/code-terminal/9-6-fajly-sajta

Простой сайт — это три файла в одной папке: index.html, style.css и script.js. За что отвечает каждый.

Ты прошёл большой путь: умеешь смотреть, где находишься, ходить по папкам и открывать файлы. А теперь хорошая новость — простой сайт устроен ровно из тех же кирпичиков. Это просто **файлы в папке**, и ты уже умеешь с ними обращаться.

## Сайт — это файлы в папке

Когда кто-то говорит «сайт», легко представить что-то огромное и сложное. Но в самом простом виде сайт — это всего **три файла**, которые лежат рядом в одной папке:

- **index.html** — это **структура** страницы. Здесь живёт текст, заголовки, кнопки — сам «скелет» того, что ты видишь.
- **style.css** — это **внешний вид**. Здесь описано, какого цвета заголовок, какой шрифт, где отступы. Сама страница не меняется — меняется только то, как она выглядит.
- **script.js** — это **поведение**. Здесь живёт код, который оживляет страницу: реагирует на нажатия, что-то считает, показывает и прячет.

Запомни эту тройку простой подсказкой: HTML — *что* написано, CSS — *как* это выглядит, JS — *что происходит*, когда ты тыкаешь.

## Заглянем внутрь

Главный файл сайта почти всегда называется `index.html`. Браузер открывает именно его первым — это как титульная страница книги.

Сначала посмотри, что вообще лежит в папке:

```
ls
```

Ты увидишь все три файла: `index.html`, `style.css` и `script.js`. А теперь открой главную страницу и загляни внутрь:

```
cat index.html
```

В ответ терминал покажет содержимое — что-то вроде `<h1>Привет</h1>`. Это и есть HTML: тег `<h1>` означает «большой заголовок», а между тегами — текст, который увидит человек.

Видишь? Никакой магии. Сайт — это файлы, а файлы ты уже умеешь смотреть и открывать. Те же [`ls`](/commands/ls) и [`cat`](/commands/cat), что и в самом первом уровне, отлично работают и здесь.

## Попробуй

Твоя задача — заглянуть в простой сайт своими руками:

1. Набери `ls`, чтобы увидеть три файла сайта;
2. Открой главную страницу командой `cat index.html` и посмотри, что внутри.

Как только увидишь содержимое страницы с тегом `h1`, урок зачтётся.