Adobe Muse позволяет легко создавать верхние и нижние колонтитулы для веб-страницы. Чтобы обеспечить согласованное оформление веб-сайта, рекомендуется использовать единое оформление элементов верхнего и нижнего колонтитула. Для этого определите элементы верхнего и нижнего колонтитула на странице-шаблоне в Adobe Muse. В этом случае при обновлении страницы-шаблона изменения будут применены на всех страницах веб-сайта.

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

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

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

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

Работа с направляющими и линейками

Необходимо отобразить линейку, с помощью которой можно перемещать направляющие колонтитулов. Линейка позволяет установить направляющие в точное положение пикселя. По умолчанию также отображаются обычные направляющие (на которых указано количество столбцов, заданных при создании нового сайта).

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

Три направляющие, расположенные посередине, служат для определения границ размещения содержимого в областях верхнего и нижнего колонтитулов. Остальная часть центральной области используется для размещения уникального содержимого страницы. Эта центральная область расширяется по высоте размещаемых на каждой странице элементов.

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

Определение элементов верхнего и нижнего колонтитула

Чтобы определить элементы верхнего и нижнего колонтитула, выполните следующие действия:

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

2. Выберите прямоугольник в нижнем колонтитуле, содержащий мозаичное фоновое изображение. Перетащите направляющую Нижний колонтитул до верхней границы прямоугольника нижнего колонтитула.
3. Оставьте направляющую Верхний край страницы в самом верху (в положении 0 пикселей по оси Y). Перетащите направляющую верхнего колонтитула вниз до необходимого уровня.

Содержимое верхнего колонтитула отображается в области между верхним краем страницы и направляющей Верхний колонтитул.

В любой момент в процессе создания сайта можно вернуться к странице-шаблону Шаблон-А, если требуется скорректировать направляющие для подгонки содержимого колонтитулов.

Чтобы вернуться к представлению План, нажмите ссылку План или вкладку «katiesCafe».

Обратите внимание, что на всех миниатюрах страниц сайта теперь отображаются элементы дизайна, добавленные на связанную страницу-шаблон Шаблон-А.

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

Размещение изображения в верхнем колонтитуле

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

Затем необходимо поместить другое изображение, которое будет служить фоном для виджета Строка меню. Порядок его добавления будет рассмотрен в следующем разделе.

Использование фиксированных нижних колонтитулов

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

Параметр «Фикс. нижний колонтитул» доступен в диалоговом окне Новый сайт (Файл > Новый сайт) при создании сайта в Muse. Кроме того, он также доступен в диалоговых окнах Свойства страницы (Страница > Свойства страницы) и Свойства сайта (Файл > Свойства сайта)

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

Чтобы отключить фиксированный колонтитул для всего сайта, можно снять этот флажок в диалоговом окне «Свойства сайта».