Верхняя панель
Строка Верхней панели располагается над всеми остальными панелями Редактора дизайна и содержит элементы управления проектом.
В левой части Верхней панели находятся:
- Опция перехода к Панели управления (go to dashboard) или к настройкам проекта (Project settings). Меню открывается по клику на логотипе Taptop. Подробнее - Панель управления и Настройки проекта.
- Кнопка переименования проекта (Rename). По клику на текущее название проекта можно задать ему новое название.
- Опции переключения в режим конструктора (Builder) или в режим предварительного просмотра (Preview).
В центре Верхней панели находятся:
- Кнопка создания компонента (Create component). Позволяет создать компонент из элемента или группы элементов для последующего использования в проекте. Подробнее о компонентах - Компоненты.
- Опция масштаба (Zoom). Позволяет изменять масштаб отображения холста. Можно выбрать значения из предложенного списка в пределах от 25% до 200%.
- Опция ширины холста (Canvas width).
Можно выбрать из предложенного списка следующие параметры экранов:
- 1920px (Full HD)
- 1440px (Laptop extra large)
- 1366px (Laptop large)
- 1280px (Laptop small)
- 1024px (iPad Pro)
- 768px (iPad)
- 414px (iPhone 6/7/8 Plus)
- 375px (iPhone X)
- 320px (iPhone 5/SE)
Вы можете также установить собственную величину ширины экрана.
- Опция Breakpoints. Позволяет установить размеры экрана, при которых расположение элементов на холсте будет меняться. Это дает возможность сделать несколько вариантов отображения сайта, обеспечив таким образом его адаптивность для различных устройств. Подробнее - Адаптация под разные устройства.
Доступны следующие Breakpoints:
- Компьютер - Базовый breakpoint (Desktop - Base breakpoint)
- Планшет - 991px и меньше (Tablet - 991px and down)
- Мобильный телефон в горизонтальном режиме - 767px и меньше (Mobile landscape - 767px and down)
- Мобильный телефон в портретном режиме - 478px и меньше (Mobile portrait - 478px and down)
Можно также добавить дополнительные Breakpoints:
- 1280px и больше (1280px and up)
- 1440px и больше (1440px and up)
- 1920px и больше (1920px and up)
В правой части Верхней панели находятся:
- Кнопки Отменить (Undo) и Повторить (Redo).
- Статус сохранения изменений (Сhanges saved/Unsaved changes). Показывает, сохранены или не сохранены последние изменения.
- Кнопка копирования кода HTML страницы (Copy HTML). Позволяет скопировать код текущей страницы для экспорта.
- Кнопка публикации проекта (Publish project). Позволяет опубликовать проект в Интернете с предложКнопка публикации проекта (Publish project).енным адресом домена или выбрать для публикации свой домен.
При нажатии кнопки публикации проекта открывается всплывающее окно, в котором отображается статус опубликованных изменений. Чтобы все необходимые страницы сайта были опубликованы, нужно нажать кнопку Опубликовать (Publish) рядом с каждой страницей в списке неопубликованных изменений (Unpublished changes). При нажатии кнопки происходит переключение на соответствующую страницу.
