Использование заливки браузера и других типов заливки в Adobe Muse

В режиме просмотра «План» дважды нажмите миниатюру страницы-шаблона «Шаблон-А», чтобы открыть ее в режиме «Дизайн».

Страница «Шаблон-А» будет открыта на отдельной вкладке в верхней части рабочей среды.

Обратите внимание на индикатор выделения, расположенный в левом верхнем углу панели управления. Если никакие элементы страницы не выделены, на индикаторе выделения отображается слово «Страница». Если на странице выделен объект (например, изображение), на индикаторе выделения отобразятся слова «Фрейм изображения».

Используйте индикатор выделения, чтобы проверить выбранный элемент для управления. При выборе любого другого элемента страницы можно снова выделить саму страницу, нажав область серого цвета за границами страницы.

Если выбрана вся страница, можно воспользоваться меню на панели управления, чтобы изменить цвет заливки и параметры обводки.

На панели управления выберите Заливка в браузере. В поле Цвет выберите нужный цвет. Выбрать цвет заливки фона можно одним из следующих способов:

• Выберите цвет на палитре цветов.
• Введите значение RGB.
• Введите шестнадцатеричный код цвета в поле Hex#.
• Нажмите и выделите цвет из уже сохраненных образцов.

Чтобы применить сплошную или градиентную заливку цветом, на панели Заливка в браузере выберите Сплошная или Градиентная. Используйте переключатель для выбора между сплошной и градиентной заливкой цветом.

Чтобы применить градиент, для параметра «Заливка» выберите опцию Градиентная. Выберите первый и последний цвет градиента из образцов цветов.

Настройте ориентацию градиента, выбрав для параметра «Направление» значение «По горизонтали» или «По вертикали».

На панели управления выберите Заливка. Проверьте, что для цвета заливки страницы выбрано значение Нет. В меню «Заливка» отображается образец белого цвета с красной диагональной линией.

Откройте страницу-шаблон для файла .muse. 

Фоновое изображение можно настроить для определенной страницы. Чтобы фоновое изображение отображалось на каждой странице проекта, перейдите на страницу-шаблон.

На панели управления выберите «Заливка в браузере». Проверьте, что для параметра «Заливка» указано значение «Сплошная».

Чтобы выбрать изображение в качестве заливки фона, нажмите ссылку «Добавить». Перейдите к нужному файлу изображения на компьютере и выберите его. Нажмите кнопку «Открыть», чтобы выбрать изображение в качестве фона.

Настройте подгонку фонового изображения. Можно выбрать одну из следующих опций:

• Заполнение: фоновое изображение соответствует заданному размеру. Размер и расположение изображения соответствует заданным настройкам.
• По размеру: изображение подгоняется, чтобы помещаться в указанном расположении.
• Исходный размер: изображение используется в качестве заливки фона в его исходном размере.
• Мозаика: изображение повторяется по всей площади фона. Параметр мозаики позволяет создавать небольшие изображения, которые повторяются в окне браузера независимо от размера монитора посетителя.
• По горизонтали: изображения повторяются по горизонтали.
• По вертикали: изображения повторяются по вертикали.

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

Чтобы указать расположение фонового изображения, выберите одно из девяти доступных расположений сетки. Например, если нажать центральный квадрат, изображение отобразится по центру окна браузера.

Нажмите в любом месте за пределами панели «Заливка в браузере», чтобы закрыть ее.

Для просмотра фонового изображения выполните предварительный просмотр сайта в Adobe Muse или в браузере.

Откройте страницу с элементом, для которого требуется указать значение ширины 100%. Выделите нужный элемент страницы. Например, выделите прямоугольник у нижней части страницы, ширина которого равна ширине страницы, а высота — примерно 250 пикселям.

Не снимая выделения с прямоугольника, установите значение «0» для параметра Ширина обводки. На то, что прямоугольник выделен, указывает индикатор выделения в левом верхнем углу. На индикаторе должно отображаться слово «Прямоугольник».

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

Нажмите ссылку Добавить на панели Заливка. Перейдите к нужному изображению, выделите его и нажмите Открыть.

Из раскрывающего списка Подгонка выберите По горизонтали. При выборе этого параметра изображение будет повторяться в виде мозаики слева направо по оси X.

Перетащите манипуляторы трансформации прямоугольника таким образом, чтобы он разместился в нижней части видимой области. Измените ширину, чтобы прямоугольник пересекал левую, правую и нижнюю границы страницы.

Временно появится красная рамка, указывающая на то, что для прямоугольника задана ширина 100%.

На панели управления нажмите Заливка в браузере, чтобы раскрыть меню. Чтобы выбрать изображение и установить его в качестве заливки фона, нажмите ссылку Добавить.

На панели управления нажмите Заливка, чтобы раскрыть меню «Заливка».

Задайте для параметра Непрозрачность значение 80%. Это означает, что страница будет почти полностью непрозрачна (прозрачность будет составлять 20%). Кроме того, можно продолжить изменять страницу и добавить границу или применять дополнительные графические эффекты.