Презентация одним HTML-файлом: работает даже без VPN

Чему научитесь

• Просить любой ИИ собрать готовую презентацию одним файлом, который открывается в обычном браузере
• Понимать, что такое HTML-файл, и почему его не надо программировать — достаточно сохранить и открыть
• Брать готовый промпт-шаблон «собери презентацию на N слайдов» и менять его под свой урок
• Листать слайды стрелками и сохранять презентацию в PDF, не устанавливая ни одной программы

Для практики подойдёт любой чат с ИИ. Удобно через arckep.ru — основные модели, без VPN, оплата рублями.

Почему обычные презентации иногда подводят

Вы собрали презентацию к уроку дома, в PowerPoint. Пришли в класс — а на школьном компьютере другая версия программы, и половина слайдов поехала. Или файл вообще не открылся. Знакомая ситуация: формат презентации привязан к программе, в которой её делали.

Есть приём, который снимает эту привязку полностью. Вы просите ИИ собрать презентацию в виде одного HTML-файла. И вот этот файл откроется на любом компьютере — школьном, домашнем, на чужом ноутбуке, на планшете. Потому что открывает его не специальная программа, а обычный браузер. Тот самый, в котором вы заходите в интернет.

Браузер есть на каждом устройстве по умолчанию. Поэтому презентация-HTML — самый переносимый формат, который вообще бывает. Ничего не нужно устанавливать, ничего не слетит.

Что такое HTML-файл простыми словами

Слово «HTML» пугает — кажется, что это программирование. На деле HTML-файл — это просто веб-страница. Любая страница в интернете, которую вы открываете, — это HTML. Только обычно она лежит на чужом сервере, а здесь будет лежать у вас на компьютере.

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

Сравните с привычным способом — и станет видно, в чём выгода.

Есть ещё одна важная вещь. Чтобы собрать такой файл, ИИ не нужен ни интернет внутри презентации, ни иностранные сервисы. Поэтому попросить о ней можно у любой модели — в том числе у российских GigaChat и YandexGPT, которые работают без VPN. Это значит, что приём доступен вам, даже если иностранные чаты недоступны.

Как это работает: три шага

Весь процесс — от пустого окна чата до готовой презентации на экране — занимает несколько минут.

1. Шаг 1. Попросите. В любом чате с ИИ напишите запрос: собери презентацию на столько-то слайдов одним HTML-файлом, вот тема и содержание. Готовый шаблон запроса — ниже в уроке.
2. Шаг 2. Сохраните. ИИ выдаст длинный текст — это и есть содержимое файла. Скопируйте его целиком, вставьте в «Блокнот» (или любой простой текстовый редактор) и сохраните под именем с расширением .html — например, urok.html
3. Шаг 3. Откройте. Найдите сохранённый файл и щёлкните по нему дважды. Он откроется в браузере как готовая презентация. Листайте слайды стрелками на клавиатуре.

Самый частый затык — на шаге 2: люди не знают, как именно сохранить файл с расширением .html Разберём это подробно, потому что мелочь, а без неё ничего не выйдет.

Как правильно сохранить файл

Расширение — это то, что идёт после точки в имени файла: .docx у документа Word, .pdf у пдфки, .html у веб-страницы. Браузер понимает, что файл нужно открыть как страницу, именно по этим четырём буквам после точки.

Откройте «Блокнот» (Notepad) — он есть в любой Windows. Вставьте туда текст от ИИ. Затем «Файл» → «Сохранить как». В строке имени напишите название и обязательно допишите .html в конце: например, geografiya.html. Если есть выбор «Тип файла», поставьте «Все файлы», чтобы «Блокнот» не дописал лишнее .txt сам.

На телефоне или планшете это сложнее — там нет привычного «Блокнота». Поэтому собирать HTML-презентацию удобнее на компьютере. Зато открыть готовый файл можно где угодно, в том числе на телефоне.

Промпт-шаблон: просим собрать презентацию

Вот готовый запрос. Скопируйте его, подставьте свою тему, число слайдов и краткое содержание — и отправьте в любой чат с ИИ.

Собери презентацию на 8 слайдов одним самодостаточным HTML-файлом.

Тема: «Круговорот воды в природе», урок для 5 класса.

Требования к файлу:
- Один файл, всё внутри: и текст, и оформление. Никаких
  внешних ссылок и подгрузок из интернета.
- Один слайд — один экран. Перелистывание стрелками клавиатуры
  влево и вправо.
- Крупный шрифт, который видно с задней парты.
- Спокойный фон, тёмный текст, заголовок на каждом слайде.
- Внизу — номер слайда (например, 3 / 8).

Содержание слайдов:
1. Титул: тема и класс
2. Что такое круговорот воды — простое определение
3. Испарение
4. Образование облаков
5. Осадки: дождь и снег
6. Возвращение воды в реки и моря
7. Зачем это важно знать
8. Вопросы для повторения

Выдай готовый HTML целиком, чтобы я мог скопировать его в файл
и сразу открыть в браузере.

Меняйте в шаблоне три вещи: число слайдов, тему и список содержания. Остальные требования (один файл, листание стрелками, крупный шрифт, номера слайдов) оставляйте как есть — они и делают презентацию удобной в классе.

Содержание слайдов можно вообще не расписывать по пунктам. Скажите коротко: «слайды распредели сам по теме урока». Но если вы укажете, что должно быть на каждом слайде, презентация точнее ляжет на ваш план урока, и переделывать придётся меньше. Чем конкретнее запрос — тем ближе результат к тому, что у вас в голове. Это общее правило работы с ИИ: он не угадывает, он выполняет.

И ещё. Если в ответе вам что-то не нравится — слишком много текста на слайде, не тот порядок, лишний слайд — не переписывайте файл руками. Просто напишите в том же чате: «убери третий слайд», «на втором слайде оставь только три коротких пункта», «поменяй местами слайды 4 и 5». ИИ помнит, что собрал, и выдаст исправленный файл целиком. Вы снова сохраняете его поверх старого — и всё.

Как выглядит результат

ИИ выдаст примерно такой текст. Не пугайтесь его длины и непонятных значков — вам не надо в нём разбираться. Это лишь короткий пример из двух слайдов, чтобы вы узнали результат, когда его увидите. Скопируйте подобный текст в файл с расширением .html и откройте — браузер покажет аккуратные слайды.

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Круговорот воды</title>
  <style>
    body { margin: 0; font-family: sans-serif; }
    .slide { display: none; height: 100vh;
             align-items: center; justify-content: center;
             flex-direction: column; text-align: center; }
    .slide.active { display: flex; }
    h1 { font-size: 48px; color: #14367a; }
    p  { font-size: 28px; max-width: 800px; }
  </style>
</head>
<body>
  <div class="slide active">
    <h1>Круговорот воды в природе</h1>
    <p>Урок для 5 класса</p>
  </div>
  <div class="slide">
    <h1>Испарение</h1>
    <p>Солнце нагревает воду, и она поднимается в воздух паром.</p>
  </div>

  <script>
    let n = 0;
    const slides = document.querySelectorAll('.slide');
    document.onkeydown = e => {
      if (e.key === 'ArrowRight') n = Math.min(n + 1, slides.length - 1);
      if (e.key === 'ArrowLeft')  n = Math.max(n - 1, 0);
      slides.forEach((s, i) => s.classList.toggle('active', i === n));
    };
  </script>
</body>
</html>

В этом примере браузер покажет первый слайд с заголовком «Круговорот воды в природе». Нажмёте стрелку вправо — появится слайд «Испарение». Стрелка влево вернёт назад. Так же работает презентация из десяти, двадцати и любого числа слайдов.

Как превратить презентацию в PDF

Иногда нужен не показ на экране, а файл, который можно отправить коллеге или распечатать. HTML-презентация превращается в PDF без единой программы — прямо в браузере.

1. Шаг 1. Откройте свою HTML-презентацию в браузере, как обычно.
2. Шаг 2. Нажмите на клавиатуре Ctrl и P одновременно (на Mac — Cmd и P). Откроется окно печати.
3. Шаг 3. В строке «Принтер» выберите «Сохранить как PDF» и нажмите «Сохранить». Готово — у вас файл PDF.

Если в PDF попал только один слайд, а не все — добавьте в исходный запрос к ИИ строку: «сделай так, чтобы при печати каждый слайд занимал отдельную страницу». ИИ доработает файл, и печать пойдёт постранично.

А есть ли инструменты, которые сразу выдают слайды

Да. Помимо обычных чатов есть ИИ-агенты, которые отдают результат сразу в виде готовой HTML-страницы — например, Manus. Вы описываете, что нужно, а он собирает презентацию и показывает её готовой, без копирования текста в файл вручную.

Это удобно, но не обязательно. Главный приём урока — переносимый и работает в любом чате: попросить собрать один HTML-файл. Им вы не зависите ни от конкретного сервиса, ни от наличия VPN.

Когда этот приём особенно выручает

Соберите презентацию-HTML, когда не уверены, что на месте будет нужная программа: выездное занятие, открытый урок в чужом кабинете, замена в другом классе. Один файл на флешке откроется где угодно.

Пригодится и тогда, когда иностранные чаты недоступны: российская модель без VPN соберёт такой файл не хуже. И когда нужно быстро отдать материал коллеге — браузер сделает из презентации PDF за три клика.