Содержание
Введение
Основные шаги
Настройки
WYSIWYG Web Builder
Интерфейс
Интерфейс
WYSIWYG Web Builder 9 и 10
Язык интерфейса
Строка меню (Menu Bar)
Лента (Ribbon)
Панель вставок
(Toolbox)
Панель быстрого доступа
Менеджер сайта
Инспектор свойств
Менеджер резервирования
Издатель файлов
Form Wizard
Master Page
Master
Frames
Master Objects
Менеджер расширений
Менеджер активов
Менеджер объектов
Менеджер темы
Менеджер градиента
Менеджер стиля
Менеджер мультипликации
Менеджер шрифтов Google
Редактор стилей ссылок
Диспетчер
ссылок
Линейка, сетка, направляющие линии
Сайт
Страницы
Объекты
Расширения
События
Глобальная замена
Слои (уровни)
Поиск ошибок
Использование искусственного интеллекта
Оптимизация сайта (SEO)
Администрирование
CMS
Предварительный просмотр
Публикация
Новое в последних версиях
Сотрудничество |
Карусель
Объект Карусели - "Carousel" (иначе
- горизонтальные скользящие панели) отображает
изображения или любые другие объекты, которые прокручиваются справа
налево. При этом может использоваться мультипликация с эффектами.
Карусель по сути близка к слайдам и может применяться, чтобы увеличить
удобство и простоту использования вебсайта и привлечь пользователя.
Для вставки на веб-страницу карусели используйте:
Когда Вы вначале вставите Карусель на свою страницу, Вы будете видеть
пустую область с двумя кнопками и указанием нумерации страниц.
Кнопки могут использоваться, чтобы перейти в следующую или предыдущую
панель.
Чтобы добавить содержание к текущей странице, просто перетащите и
опустите объекты в пределах области Карусели.
Управление нумерации страниц отображает 'точку' для каждой страницы в
карусели. Вы можете непосредственно подскочить к определенной странице,
щелкая точкой.
Цвета и размер управления нумерации страниц настраиваются, и Вы можете
выбрать свои изображения для кнопок next/back - предыдущая/последующая.
Расширенные пользователи могут даже использовать события, чтобы создать
собственные кнопки за пределами Карусели!
Чтобы добавить новое содержание к текущей странице, просто перетащите и
опустите объекты в пределах области Карусели. Чтобы добавить объекты к
другой странице, сначала перейдите к странице (или при использовании
управлений нумерации страниц или используя кнопки next/back).
Другая крутая особенность Карусели - поддержка мобильными устройствами.
На iPhone/iPad/Android Вы можете использовать карусель, чтобы
переключиться между страницами!
Настройки карусели:
Вкладка General
Pages -определит номер
страниц для Карусели.
Pause time - Определите
число в миллисекундах, через которое панели
будут сменять друг друга.
Animation duration
-Продолжительность мультипликации (миллисекунды)
Easing - Вы можете
выбрать из больше чем 30 ослабляющихся функций,
чтобы управлять процессом мультипликации и создать различные эфекты
Enable navigation buttons
- Допустите отражение навигационных кнопок.
Previous button -
Изображение кнопки перехода к предыдущей странице
Если Вы не выбрали свое изображение, изображение значения по умолчанию
будет использоваться.
Next button - Изображение
кнопки следующей страницы.
Margin -Определяет
расстояние между границей Карусели и кнопками.
Enable pagination -
Определяет, отобразить ли нумерацию страниц (будет
показано внизу Карусели). Пользователь может щелкнуть по значку
нумерации, чтобы быстро перейти в определенную панель.
Color - Определяет цвет
значков нумерации страниц.
Border color - Определяет
цвет границы значков нумерации страниц.
Size -Определяет размер
значков нумерации страниц.
Padding -Определяет
расстояние (отступ) вокруг значков нумерации
страниц.
Вкладка Style
В этом разделе Вы можете изменить появление объекта.
Вы можете использовать события, чтобы перейти к предыдущей или
следующей странице и создать внешнюю навигацию.
Подробнее - в авторской справке программы.
Новое: Возможность
выбора полной ширины и плавающиее положение (Full width and floating’).
Это позволяет использовать Карусель как часть плавающего расположения.
Например, в комбинации с сетками расположения или плавающими слоями.
Посмотреть примеры карусели:
Пример
1
Пример 2
Создание
карусели (видео)
Новое: Возможность создания нескольких страниц сайта
на основе карусели (страницы прокручиваются по вертикали).
Подробнее см. Макет страницы
- Новая функция: добавлена 'News Paper' и 'Flip
Horizontal/Vertical' анимацию.
- Новая функция: добавлена опция "CSS3 animation". Выберите анимации,
созданные с помощью Менеджера мультипликации
(Animation Manager). Для создания сложных анимационных эффектов
'show' ("показать") и 'hide' ("скрыть") можно выбрать другую анимацию.
- Новая функция: добавлена поддержка 'Full Page' ("полной страницы").
Простой способ создания полноэкранных прокручивающихся веб-сайтов
(также известных как одностраничные веб-сайты или сайты onepage). Эта
опция использует 'fullPage.js' jQuery.
Новая функция: добавлена
опция формы Line ("линии") для
разбивки на страницы, по типу индикатора карусели Bootstrap-4.
- Новая функция: добавлены новые встроенные стрелки навигации, по типу
Bootstrap-4 карусельные стрелки. Чтобы использовать новые
стрелки, введите '<' и '>' на следующий в именем Поля.
- Новая функция: добавлен Flexible ("гибкий" режим). При выборе
этой опции дочерние элементы карусели будут плавающими (вместо
фиксированных). В этом случае Карусель будет полностью адаптивной, и ее
также можно использовать внутри макетных сеток. В "гибком режиме"
Карусель также может быть настроена на использование полной высоты окна
просмотра.
См. также Сайты для разных
экранов
Новая функция Карусель (Carousel): добавлена опция «Пауза зацикливания при вводе мышью».
Когда эта функция включена, она приостанавливает циклическое вращение
карусели при нажатии кнопки мыши и возобновляет циклическое вращение
карусели при отпускании кнопки мыши.
- Новая функция: добавлена новая встроенная навигация большими
стрелками. Чтобы использовать новые стрелки, введите «{» для
предыдущего и «}» для следующего в полях имени файла.
- Новая функция: добавлен переход 'Fade' (в дополнение к слайду) в
Bootstrap Carousel. Примечание: все другие переходы не поддерживаются
Bootstrap!
- Новая функция: добавлена сенсорная поддержка в Bootstrap Carousel.
Новая функция Карусель (Carousel):
добавлено 40 новых переходов (слайд, переворот,
сворачивание, толкание, куб, наклон и т. д.) В Bootstrap Carousel. Это
может быть полезно для внедрения «переходов между страницами».
- Улучшено: переработана конфигурация событий. События теперь можно
настраивать в настройках слайда: выберите номер слайда, нажмите
«Изменить». Изменение расположения слайдов также автоматически обновит
события.
Новые функции: использование библиотеки
значков для элементов управления навигацией, возможность устанавливать значение альфа для цветов значков, разные улучшения. Подробнее
См. также (англ. язык)
Доступные рсширения:
Elastislide
Отзывчивый
образец Карусели.
См. Elastislide
Последнее обновление: январь
2024 г.
|