Узнаете как сделать блоки на всю ширину страницы. Как создаются резиновые элементы сайта и как всем этим управлять. Научитесь менять режимы растягивания.
В этом уроке мы рассмотрим тему настройки растягивания объектов. У многих часто при работе в программе возникает вопрос: "Как сделать так, чтобы картинка, которая расположена в проекте, растягивалась во всю ширину окна браузере, независимо от того, какая ширина экрана установлена?" Для этого в программе Muse есть специальные настройки.
Давайте зайдем в программу и создадим новый сайт. Объект, который вы вставляете на страницу, например, прямоугольник, обычно имеет определенные размеры ширины и высоты. Если мы сделаем некоторую заливку прямоугольника и нажмем режим "Просмотр", то вы увидите, что на странице наш прямоугольник отображается именно в этих размерах. Вернемся на страницу "Домашняя". Вы можете сделать этот прямоугольник таким, чтобы он растягивался всегда во всю ширину браузера, независимо от того, какую ширину окна браузера будет использовать пользователь сайта. Для этого можем использовать 2 способа:
Первый способ - растянуть данный прямоугольник до самых краев области контента, области содержимого. Если мы сейчас зайдем в режим "Просмотр", то увидим, что наш прямоугольник растянут во всю ширину страницы. И если мы откроем эту же страницу в браузере "Файл" - "Предварительный просмотр страницы в браузере", то вы увидите тоже, что прямоугольник растянут во всю ширину страницы браузера. И если я даже изменю размеры страницы, то автоматически изменяется ширина прямоугольника.
Где же находится эта настройка в программе Adobe Muse ? Настройка растягивания объектов во всю ширину страницы браузера находится в панели "Перспектива". Здесь, изменяя размер, мы можем изменять свойства нашего объекта. Например, если мы сейчас изменим размер нашего объекта, то значок изменится на "замок". Но если мы снова захотим выставить функцию растягивания объекта во всю ширину страницы браузера, то мы выбираем "Растянуть по ширине браузера". И наш прямоугольник снова растянулся во всю ширину области содержимого программы. То же самое, что мы делали недавно вручную. Мы можем менять эти свойства прямоугольника, используя данную функцию.
На этом данный урок закончен. Выполните задание к уроку и переходите дальше.
Узнаете как сделать блоки на всю ширину страницы. Как создаются резиновые элементы сайта и как всем этим управлять. Научитесь менять режимы растягивания.