Руководства

Как опубликовать HTML-сайт и получить рабочую ссылку

Какие файлы нужны статическому сайту, как выбрать главную страницу и что проверить после первой публикации.

Готовый статический сайт состоит из файлов, которые браузер умеет открыть без серверной программы: HTML описывает страницу, CSS отвечает за оформление, JavaScript — за интерактивность. Изображения, шрифты и видео лежат рядом с ними. Такой проект можно опубликовать как папку, ZIP-архив или набор отдельных файлов.

## Что должно лежать в проекте

Обычно главная страница называется `index.html` и находится в корне папки. Рядом лежат каталоги `css`, `js`, `img` или `assets`. Названия каталогов не обязательны, но пути внутри HTML должны совпадать с реальными именами файлов.

```text
my-site/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── app.js
└── img/
    └── cover.webp
```

Если главная страница называется иначе, Deploya предложит выбрать её. Это полезно для одностраничного макета с именем вроде `portfolio.html`. В многостраничном проекте лучше оставить `index.html`: адрес корня будет открываться без лишнего имени файла.

## Публикация

В панели Deploya создаётся проект, задаётся название и свободный адрес в зоне `.deploya.ru` или `.deploya.online`. После загрузки сервис проверяет структуру, сохраняет файлы в отдельном каталоге проекта и включает HTTPS для системного поддомена.

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

> Место для скриншота: окно создания проекта после выбора файлов, где видны название, поддомен и дерево Assets.

## Проверка после публикации

Сначала открывается главная страница. Затем проверяются стили, изображения, ссылки и мобильная версия. Ошибка только в одной картинке обычно означает неверный путь или несовпадение регистра: `Logo.png` и `logo.png` на сервере считаются разными именами.

Вложенные страницы доступны по своей структуре. Файл `about/index.html` откроется по адресу `/about/`, а `contacts.html` — по адресу `/contacts.html`.

Если сайт открывается локально двойным щелчком, но ломается после публикации, стоит проверить абсолютные пути. Запись `C:\Users\...\photo.jpg` ссылается на компьютер автора. В проекте нужен относительный путь:

```html
<img src="img/photo.jpg" alt="Фотография проекта">
```

После этой проверки ссылка готова для отправки. Собственный домен подключается позже в разделе «Домены» без повторной загрузки файлов.

Все статьи