Примечание.
Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.
Фоновая заливка является важной составляющей дизайна при разработке веб-сайта. Функция «Фоновая заливка» в Adobe Muse позволяет настраивать цвет фона или устанавливать изображение в качестве фона на веб-сайте. Фоновое изображение может содержать символику бренда и другие атрибуты продукции или услуги. Фоновая заливка тоже может отражать корпоративную символику, повторяя дизайн или цветовую тему сайта вашей организации.
При просмотре сайта с фоновой заливкой через браузер выбранное изображение или цвет отображается как фон в окне браузера. Чтобы сделать дизайн единообразным, примените фоновую заливку к странице-шаблону.
Из данной статьи вы узнаете, как в Adobe Muse применить фоновую заливку. Доступны следующие варианты:
-
В режиме просмотра «План» дважды нажмите миниатюру страницы-шаблона «Шаблон-А», чтобы открыть ее в режиме «Дизайн».
Страница «Шаблон-А» будет открыта на отдельной вкладке в верхней части рабочей среды.
Обратите внимание на индикатор выделения, расположенный в левом верхнем углу панели управления. Если никакие элементы страницы не выделены, на индикаторе выделения отображается слово «Страница». Если на странице выделен объект (например, изображение), на индикаторе выделения отобразятся слова «Фрейм изображения».
Используйте индикатор выделения, чтобы проверить выбранный элемент для управления. При выборе любого другого элемента страницы можно снова выделить саму страницу, нажав область серого цвета за границами страницы.
Если выбрана вся страница, можно воспользоваться меню на панели управления, чтобы изменить цвет заливки и параметры обводки.
-
На панели управления выберите Заливка в браузере. В поле Цвет выберите нужный цвет. Выбрать цвет заливки фона можно одним из следующих способов:
- Выберите цвет на палитре цветов.
- Введите значение RGB.
- Введите шестнадцатеричный код цвета в поле Hex#.
- Нажмите и выделите цвет из уже сохраненных образцов.
Выбор цвета в качестве заливки фона
Часто в качестве фона веб-сайтов используется изображение. В Adobe Muse можно выполнить заливку фона множеством повторяющихся изображений или одним изображением. Кроме того, можно настроить расположение и прокрутку фонового изображения.
Ниже представлена информация о том, как использовать изображения в качестве заливки фона в Adobe Muse.
-
На панели управления выберите «Заливка в браузере». Проверьте, что для параметра «Заливка» указано значение «Сплошная».
Добавление фонового изображения, которое будет отображаться в окне браузера.Примечание.
Если для параметра «Заливка» указать значение «Градиентная», то использовать изображение в качестве фоновой заливки будет невозможно.
-
Настройте подгонку фонового изображения. Можно выбрать одну из следующих опций:
- Заполнение: фоновое изображение соответствует заданному размеру. Размер и расположение изображения соответствует заданным настройкам.
- По размеру: изображение подгоняется, чтобы помещаться в указанном расположении.
- Исходный размер: изображение используется в качестве заливки фона в его исходном размере.
- Мозаика: изображение повторяется по всей площади фона. Параметр мозаики позволяет создавать небольшие изображения, которые повторяются в окне браузера независимо от размера монитора посетителя.
- По горизонтали: изображения повторяются по горизонтали.
- По вертикали: изображения повторяются по вертикали.
Повторяющиеся фоновые изображения часто используются в дизайне веб-сайтов. При публикации сайта исходное маленькое изображение, установленное в качестве мозаичной заливки фона, загружается в браузер всего один раз. Мозаичные изображения фона покрывают большую площадь страницы без ущерба для скорости загрузки и производительности сайта.
Элементы, для которых задана ширина 100%, заполняют окно браузера по горизонтали независимо от ширины окна браузера. Если для элемента страницы задано выравнивание по верхнему и нижнему краям окна браузера, объект с заливкой сплошным цветом или мозаикой расширится, заполняя всю доступную область.
-
Не снимая выделения с прямоугольника, установите значение «0» для параметра Ширина обводки. На то, что прямоугольник выделен, указывает индикатор выделения в левом верхнем углу. На индикаторе должно отображаться слово «Прямоугольник».
В поле «Обводка» укажите ширину обводки выбранного прямоугольника, равную 0. -
Перетащите манипуляторы трансформации прямоугольника таким образом, чтобы он разместился в нижней части видимой области. Измените ширину, чтобы прямоугольник пересекал левую, правую и нижнюю границы страницы.
Временно появится красная рамка, указывающая на то, что для прямоугольника задана ширина 100%.
Помимо добавления изображения в качестве фона веб-сайта, Adobe Muse также позволяет изменять параметры непрозрачности заливки. Можно настроить цвет заливки страницы и сделать ее частично прозрачной. По умолчанию для страницы-шаблона в Adobe Muse используется заливка белого цвета. Можно изменить цвет заливки страницы и ее прозрачность.
-
Задайте для параметра Непрозрачность значение 80%. Это означает, что страница будет почти полностью непрозрачна (прозрачность будет составлять 20%). Кроме того, можно продолжить изменять страницу и добавить границу или применять дополнительные графические эффекты.
Настройка непрозрачности заливки фона
В Adobe Muse можно применить эффект перемещения при прокрутке к изображениям, используемым в качестве заливки фона. Информация о том, как настроить свойства прокрутки фоновых изображений, представлена в разделе Применение эффекта перемещения к фоновому изображению.