Резиновая верстка или параллакс эффект

Резиновая верстка или параллакс эффект?

Резиновая верстка или Параллакс эффект?

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

Итак, новая резиновая верстка или всё же старый добрый параллакс эффект?

Резиновая верстка или Параллакс эффект? В чем же вопрос?

В этом видео уроке я хотел бы осветить один очень важный вопрос, который касается последнего обновления программы Adobe Muse СС 2015.1. Вопрос очень частый и касается он параллакса или резиновой вёрстки в Adobe Muse, которая стала доступна после последнего обновления программы.

И так, открываем программу Adobe Muse. Создаём новый проект. По-умолчанию идем «Страница», «свойства страницы», у нас установлено «гибкое значение ширины» для этой страницы. Если мы зайдём в настройки сайта, то у нас установлено «гибкое значение ширины» для всего сайта. При таких установках у нас, если мы зайдём в «эффекты прокрутки», возникает вот такая надпись –

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

Что же это значит – если сейчас вы создаёте свой сайт и хотите сделать его гибким, например, располагаете какой-либо блок, делаете ему заливку (я сделаю синюю заливку), то сейчас данный блок очень хорошо адаптируется и обладает такой вот «резиновостью» — респонсивностью. При этом, если к данному объекту мы хотим прикрепить эффект прокрутки, мы этого сделать к сожалению, не сможем. Почему?

Потому что эффекты прокрутки (параллакс эффект) допустимо использовать в новой версии программы только для фиксированных значений ширины страницы сайта!

Резиновая верстка или Параллакс эффект? Что делать?

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

Резиновая верстка или Параллакс эффект? Дилемма.

Выход у нас только один – выбирать на данном этапе, либо использовать эффекты прокрутки и пользоваться программой, как и ранее с фиксированной шириной страницы сайта. Либо, если хотите гибкости и адаптивности (резиновости) сайта, придётся отказаться от эффектов прокрутки.

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

Резиновая верстка или Параллакс эффект? Компромисс.

Единственный выход есть в том, чтобы делать для вашего сайта в целом —  устанавливать настройки гибкого значения ширины. Для каждой же страницы Вы сможете устанавливать отдельно, какой вы хотите видеть эту страницу. Либо эта страница будет с постоянной шириной (я выставил для этой страницы «без имени 3»), либо, если я зайду в свойства страницы «домашняя», то здесь у меня выставлено «гибкое значение ширины». Таким образом, вы для каждой страницы можете устанавливать – будет ли станица использовать гибкое значение ширины, либо постоянное значение ширины. На тех страницах, где выставлено постоянное значение ширины, вы легко сможете использовать параллакс эффект или эффект прокрутки.

На этом заканчиваю этот урок. Ставьте лайки, пишите комментарии внизу. Подписывайтесь на мой канал.

Автор видеоурока
Дмитрий Шаповалов

4 комментария к “Резиновая верстка или параллакс эффект?

  1. Поиск по сайту, слэшы в адресной строке, эти ж комментарии норм добавляются.. Скорее всего таки не в Мьюсе)
    А, кстати, Вы не в курсе, не планирует ли Adobe в будущих версиях сделать возможным использование и адаптивности и параллакса одновременно?

    • Да, сайт собран на движке WordPress.
      В ближайшей тестовой версии Adobe Muse, насколько я знаю, пока еще не реализовали совместное использование адаптивности и параллакс эффектов. Но надежда все-таки есть. Следите за обновлениями программы.

  2. А собственно этот сайт и адаптивный и имеет параллакс-эффект.. Сайт о Мьюсе делали не в Мьюсе?) Как-то не комильфо) Или для параллакса какие-то виджеты, коды использовали?

    • Благодарю за комментарий. В общем-то и не секрет, что этот сайт сделан на движке WordPress.
      Для каждой задачи свои способы решения. Muse прекрасно подходит для создания статичных html сайтов, страниц подписки, сайтов портфолио, презентаций, продающих страниц или мини интернет-магазинов и т.д., а WordPress — для динамичных новостных сайтов, блогов, с постоянными обновлениями, с админкой и т.п. Думаю, если вы делаете сайты в Muse — это не значит, что нужно отвергать все остальные способы создания сайтов. Просто нужно использовать все возможные варианты по их назначению.

Оставить комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок:

Строительство из бруса предлагает компания Кострома-Сруб