Заключительная инструкция цикла. Здесь вы узнаете, как сохранить работу, опубликовать страницу по ссылке и получить чистый HTML/CSS-код.
Сохранение для дальнейшего редактирования
Нажмите «Сохранить» в верхней панели. При первом сохранении редактор попросит ввести имя шаблона — придумайте понятное название.
После сохранения:
- кнопка сменится на «Обновить»;
- станет активна кнопка «Удалить»;
- при следующем входе в проект вся вёрстка загрузится в том виде, в каком вы её оставили.
Сохранённая версия включает все inline-стили и служебные атрибуты — это рабочая копия для редактирования.
Публикация страницы
Когда вёрстка готова, нажмите «Опубликовать». Шаблонизатор выполнит два этапа очистки:
- Удалит все служебные атрибуты и временные стили.
- Разделит результат на чистый HTML и отдельный CSS.
После публикации вы получите постоянную публичную ссылку вида:
https://svarogcode.com/view/moy-lending/
Эту ссылку можно отправить клиенту, добавить в портфолио или поделиться в соцсетях. Страница доступна всем, кто перейдёт по URL.
Публичная страница
По ссылке откроется полноценная HTML-страница с вашей вёрсткой. Она содержит:
- заголовок (title) и meta description для поисковиков;
- ваш HTML-контент с подключённым CSS;
- блок описания страницы внизу.
Если страница ещё не опубликована или удалена — по ссылке вернётся ошибка 404.
Редактор кода
Хотите посмотреть или отредактировать HTML напрямую? Переключитесь на вкладку Code Editor — откроется редактор с подсветкой синтаксиса (CodeMirror).
Здесь можно:
- просмотреть текущую HTML-разметку;
- внести правки вручную;
- нажать «Применить» — и изменения отобразятся на канве.
Это удобно для точечных правок или вставки фрагментов кода, которые проще написать, чем собрать визуально.
Экспорт HTML/CSS
Экспорт позволяет скачать готовые файлы вёрстки на свой компьютер.
- Стартовый тариф — экспорт HTML/CSS с комментарием-копирайтом «Создано на Svarog» в коде.
- Профессиональный тариф — чистый код без копирайта, экспорт в ZIP-архиве.
- Бизнес тариф — всё то же + генерация WordPress-темы.
Скачанные файлы можно сразу использовать: открыть в браузере, загрузить на хостинг или передать в разработку.
Удаление шаблона
Если шаблон больше не нужен, нажмите «Удалить» и подтвердите действие. Шаблон удалится из базы данных, канва и правая панель очистятся. Это необратимое действие.
Что дальше
Вы прошли весь цикл — от регистрации до готового результата. Вот что можно сделать теперь:
- Создайте первый проект — откройте редактор и соберите свой лендинг.
- Изучите тарифы — выберите подходящий на странице Тарифы.
- Задайте вопрос — загляните в Вопросы и ответы.