# Как всё устроено в EaseWeb

easeweb-guide:ru:7

14 slides, by __easeweb__. https://easeweb.host/movie/easeweb-guide-ru/1/

## Slide 1. Добро пожаловать
(id 244, https://easeweb.host/movie/easeweb-guide-ru/1/)
- e.
- EaseWeb
- Текст
- Как всё
  устроено
- Фигуры
- Короткий тур по EaseWeb: пять минут, и вы знаете всё главное. Листайте кнопками или стрелками ← → на клавиатуре.
- Кнопки
- [button "Начать →"] -> slide 2 "Оглавление"
- Это учебная презентация: её можно смотреть, но не менять. Чтобы поэкспериментировать, войдите и нажмите «Сделать копию» в левой панели.

## Slide 2. Оглавление
(id 245, https://easeweb.host/movie/easeweb-guide-ru/2/)
- НАЧАЛО
- Оглавление
- [button "1 Создание презентации"] -> slide 3 "Создание презентации"
- [button "7 Кнопки и переходы"] -> slide 9 "Кнопки и переходы"
- [button "2 Слайды"] -> slide 4 "Слайды"
- [button "8 Код, который запускается"] -> slide 10 "Код, который запускается"
- [button "3 Редактор"] -> slide 5 "Редактор"
- [button "9 Порядок слайдов"] -> slide 11 "Порядок слайдов"
- [button "4 Блоки"] -> slide 6 "Блоки"
- [button "10 Показ"] -> slide 12 "Показ"
- [button "5 Текст и шрифты"] -> slide 7 "Текст и шрифты"
- [button "11 Экспорт и импорт"] -> slide 13 "Экспорт и импорт"
- [button "6 Расположение и клавиши"] -> slide 8 "Расположение и клавиши"
- Нажмите на пункт, чтобы перейти к нему. Так строятся меню и оглавления в ваших презентациях.
- [button "← Назад"] -> slide 1 "Добро пожаловать"
- [button "Далее →"] -> slide 3 "Создание презентации"

## Slide 3. Создание презентации
(id 246, https://easeweb.host/movie/easeweb-guide-ru/3/)
- ШАГ 1
- Создание презентации
- 1
- 2
- Новая презентация
- Слайд
- На главной нажмите «+ Новая презентация», введите название и выберите тему: она задаёт фон и цвета новых слайдов. Обложка не обязательна.
- Нажмите «Создать слайд»: он появится сразу, с названием «Новый слайд» («Новый слайд 1»…), и откроется в редакторе. Впишите своё название вверху.
- Не нужно искать картинку. Фон каждого слайда позже меняется кнопкой «Фон» в редакторе: цвет темы, любой цвет или своя картинка.
- [button "← Назад"] -> slide 2 "Оглавление"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 4 "Слайды"

## Slide 4. Слайды
(id 247, https://easeweb.host/movie/easeweb-guide-ru/4/)
- ШАГ 1
- Слайды
- СЛАЙДЫ
- Слева — навигатор: все слайды в порядке показа. Клик по слайду открывает его.
- Aa
- Введение
- Слайд можно перетащить мышью на новое место (см. «Порядок слайдов»).
- Aa
- Возможности
- Кнопки под слайдом: вверх, вниз и корзина (удаление спрашивает подтверждение). «Изменить» — вверху страницы, экспорт — в меню «…» у названия.
- Aa
- Итоги
- [button "← Назад"] -> slide 3 "Создание презентации"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 5 "Редактор"

## Slide 5. Редактор
(id 248, https://easeweb.host/movie/easeweb-guide-ru/5/)
- ШАГ 2
- Редактор
- 1
- Текст
- Кнопка
- Фигура
- Фон
- 1 Панель: текст, кнопка, фигура, картинка, линия. Кнопка «Фон» меняет подложку слайда.
- 3
- 2
- 2 Холст 1280 × 720. Зрители увидят то же самое: всё масштабируется под экран.
- Заголовок
- Кнопка
- 3 Свойства выбранного блока. Если ничего не выбрано — размер и фон слайда.
- Всё сохраняется само: статус виден вверху справа.
- [button "← Назад"] -> slide 4 "Слайды"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 6 "Блоки"

## Slide 6. Блоки
(id 249, https://easeweb.host/movie/easeweb-guide-ru/6/)
- ШАГ 2
- Блоки
- Aa
- Кнопка
- Текст
- Кнопка
- Фигура
- Линия
- Картинка
- Абзацы, списки, 18 шрифтов, цвет и выравнивание.
- Ведёт на слайд или на сайт. Может пульсировать.
- Восемь видов, заливка, контур, тень и подпись внутри.
- Со стрелками на концах, сплошная или пунктирная.
- Перетащите файл на холст или вставьте из буфера.
- Любой блок можно двигать, растягивать и вращать. Его свойства появляются справа, а кнопка «Дублировать» делает копию в один клик. Шестой вид блока — код, о нём отдельный слайд.
- [button "← Назад"] -> slide 5 "Редактор"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 7 "Текст и шрифты"

## Slide 7. Текст и шрифты
(id 250, https://easeweb.host/movie/easeweb-guide-ru/7/)
- ОФОРМЛЕНИЕ
- Текст и шрифты
- Двойной щелчок по тексту включает набор. Esc или щелчок рядом заканчивает.
- Привет, мир!
- Inter
- Жирный, курсив, подчёркивание, списки и цвет: панель справа.
- Привет, мир!
- Playfair Display
- 18 шрифтов с кириллицей уже на сайте: их не нужно устанавливать, а зрители увидят то же самое.
- Привет, мир!
- Oswald
- Межстрочный интервал, отступы и поворот настраиваются там же.
- Привет, мир!
- Caveat
- Привет, мир!
- JetBrains Mono
- [button "← Назад"] -> slide 6 "Блоки"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 8 "Расположение и клавиши"

## Slide 8. Расположение и клавиши
(id 251, https://easeweb.host/movie/easeweb-guide-ru/8/)
- ОФОРМЛЕНИЕ
- Расположение и клавиши
- Перетащите блок, чтобы сдвинуть его.
- Ctrl + Z
- Отменить
- Ручки по краям меняют размер, Shift сохраняет пропорции.
- Ctrl + Shift + Z
- Повторить
- Ctrl + D
- Дублировать
- Кружок сверху поворачивает блок.
- Рамка по пустому месту выделяет несколько блоков сразу.
- Ctrl + C / V
- Копировать / вставить
- Delete
- Удалить
- Ctrl + колёсико — масштаб холста, Ctrl + 0 — вписать в окно.
- ← ↑ → ↓
- Сдвиг на 1 (Shift: на 10)
- Ctrl + A
- Выделить всё
- Ctrl + 0
- Вписать в окно
- [button "← Назад"] -> slide 7 "Текст и шрифты"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 9 "Кнопки и переходы"

## Slide 9. Кнопки и переходы
(id 252, https://easeweb.host/movie/easeweb-guide-ru/9/)
- ОФОРМЛЕНИЕ
- Кнопки и переходы
- Кнопка ведёт на любой слайд, на следующий или предыдущий, в начало или на сайт (он откроется в новой вкладке).
- Попробуйте — кнопки работают:
- [button "В начало"] -> first slide
- [button "К оглавлению"] -> slide 2 "Оглавление"
- Выберите кнопку и задайте «Действие» в панели справа.
- [button "Назад"] -> previous slide
- [button "Вперёд"] -> next slide
- Так делают оглавления, меню и интерактивные истории: как на слайде «Оглавление».
- Пульсация привлекает внимание к главной кнопке.
- [button "Главная кнопка"] -> next slide
- Эта кнопка пульсирует.
- [button "← Назад"] -> slide 8 "Расположение и клавиши"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 10 "Код, который запускается"

## Slide 10. Код, который запускается
(id 253, https://easeweb.host/movie/easeweb-guide-ru/10/)
- БЛОКИ
- Код, который запускается
- «Код» на панели редактора: подсветка SQL, MongoDB, Redis, ClickHouse, Python, Bash, JavaScript, JSON и HTML.

```sql
SELECT name, price
FROM fruits
WHERE price < 50
ORDER BY price;
```
- Отметьте «Зрители могут запускать этот код», и на блоке появится кнопка «Запустить». Ответ открывается в окне под слайдом.
- SQL, MongoDB, Redis и ClickHouse работают в базе из скрипта презентации. У каждого зрителя своя копия: её не страшно сломать.

```python
for n in range(1, 6):
    print(n, "×", n, "=", n * n)
```
- Консоль принимает команды по одной, как терминал. Python и Bash работают в песочнице без сети.
- Нажмите «Запустить» на блоке выше, чтобы попробовать. Запуск доступен после входа на сайт.
- [button "← Назад"] -> slide 9 "Кнопки и переходы"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 11 "Порядок слайдов"

## Slide 11. Порядок слайдов
(id 254, https://easeweb.host/movie/easeweb-guide-ru/11/)
- ПОРЯДОК И ПОКАЗ
- Порядок слайдов
- Возьмите слайд мышью и перетащите на новое место. Порядок сохранится сразу.
- 1 Введение
- С клавиатуры: выберите слайд Tab-ом и нажмите Alt + ↑ или Alt + ↓.
- 2 Возможности
- Esc отменяет начатое перетаскивание, слайд возвращается на место.
- Если порядок изменили в другом окне, сайт предложит перезагрузить страницу, чтобы ничего не потерять.
- 3 Итоги
- [button "← Назад"] -> slide 10 "Код, который запускается"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 12 "Показ"

## Slide 12. Показ
(id 255, https://easeweb.host/movie/easeweb-guide-ru/12/)
- ПОРЯДОК И ПОКАЗ
- Показ
- Откройте слайд и листайте: стрелки ← → или PageUp / PageDown.
- ←
- →
- F
- «Показ» вверху страницы (или клавиша F) включает полный экран, Esc выходит. Кнопки слайдов работают и в нём.
- Ссылка на слайд открывается без входа на сайт: просто отправьте её зрителям.
- Назад
- Вперёд
- Полный экран
- Менять презентацию может только её автор.
- Совет: перед показом откройте презентацию в полном экране и пройдите её один раз, как зритель.
- [button "← Назад"] -> slide 11 "Порядок слайдов"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 13 "Экспорт и импорт"

## Slide 13. Экспорт и импорт
(id 256, https://easeweb.host/movie/easeweb-guide-ru/13/)
- ОБМЕН
- Экспорт и импорт
- .pdf
- .pptx
- .zip
- PDF
- PowerPoint
- Архив .zip
- «Экспорт» → «Печать / Сохранить как PDF». Каждый слайд станет страницей, а кнопки останутся ссылками.
- Файл .pptx открывается в PowerPoint. Это приближённая копия: сложное оформление и шрифты могут выглядеть иначе.
- Родной формат сайта: сохраняет всё точно, вместе с картинками и темой. Хорош для резервной копии.
- Импорт: на главной есть кнопка «Импорт». Загрузите .zip или .pptx, и появится новая презентация. Существующие не меняются.
- [button "← Назад"] -> slide 12 "Показ"
- [button "Оглавление"] -> slide 2 "Оглавление"
- [button "Далее →"] -> slide 14 "Что дальше"

## Slide 14. Что дальше
(id 257, https://easeweb.host/movie/easeweb-guide-ru/14/)
- ФИНАЛ
- Теперь ваша очередь
- e.
- Сделайте свою копию этой презентации и меняйте в ней что угодно: оригинал останется нетронутым. Или создайте новую с нуля на главной странице.
- Кнопка «Сделать копию» находится в левой панели.
- [button "К оглавлению"] -> slide 2 "Оглавление"
- [button "В начало"] -> slide 1 "Добро пожаловать"