Начальная настройка сайта в Adobe Muse СС 2015.1

Начальная настройка сайта в Adobe Muse СС 2015.1

Начальная настройка сайта версии программы Adobe Muse СС 2015.1 отличается от предыдущих версий, так как в этой версии наконец-то появились инструменты гибкой верстки. Как правильно настроить сайт в новой версии программы  при создании нового сайта – смотрите подробное объяснение:

Начальная настройка сайта.

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

Начальная настройка сайта. Гибкость.

При создании нового сайта у нас в этой версии появляется новое меню настроек, которое выглядит немного иначе, хотя множество настроек в них те же самые. Давайте сразу приступим. Здесь у нас первым делом в первом блоке открывается вот такое миниатюрное окошко настроек, и мы здесь можем выбирать либо «Гибкое значение ширины» либо «Постоянную ширину сайта». Ранее в программе можно было создавать сайты только с постоянной шириной. В версии 2015.1 появилось значение «Гибкое значение ширины». Мы теперь можем делать сайты с адаптивной резиновой версткой.

Начальная настройка сайта. Ширина и высота сайта.

Следующее окошко это «Максимальная ширина страницы» сайта. Оно говорит само за себя, устанавливается в пикселях и по умолчанию равно 960 пикселям. Это значение на сегодняшний день является оптимальным для множества устройств. «Столбцы» и «Средник» в данных настройках предназначены у нас для установки сетки сайта для удобства верстки. Здесь мы можем установить количество столбцов, например, 12 и установить «Средник». Средник – это расстояние между столбцами.

Далее у нас идут дополнительные настройки, раскрыв которые мы получаем еще дополнительные несколько полей. Для «Гибкого значения ширины» мы устанавливаем также «Минимальную ширину» сайта точно также в пикселях. Ориентируясь на минимальное устройство, на котором будет просматриваться данный сайт. В окошке рядом вы выстраиваем «Минимальную высоту» страницы. При настройке 500 пикселей, высота страницы не может быть больше 500 пикселей. Все очень просто.

Начальная настройка сайта. Настройка полей и отступов.

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

Например, отступ сверху 20, снизу 20 поставим и слева тоже, например, поставим 20 пикселей. Здесь вы можете выставить и 50, и 100 – это уже как вам будет удобнее. Дополнительно есть такая настройка, которая выравнивает все содержимое либо «По центру» либо выравнивает «По левому краю» автоматически. В большинстве случаев основной контент имеет смысл выравнивать по центру, вторая опция используется довольно-таки редко.

Начальная настройка сайта. Разрешение графики и язык сайта.

Ниже идет блок настроек «Разрешение» сайта. По умолчанию стоит «Стандартное», вы также можете выставить значение «HDPI» для дисплеев с высоким разрешением, если вы ориентируетесь на то, что ваши пользователи будут просматривать ваш сайт на высококачественных устройствах с высоким разрешением просмотра.

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

Начальная настройка сайта. Нижний колонтитул (футер).

Ниже стоит флажок «Фиксировать нижний колонтитул». Если мы уберем этот флажок, то элементы нижнего колонтитула будут размещены прямо на странице. Если этот флажок стоит, тогда элементы нижнего колонтитула будут располагаться в отдельном блоке. Для того, чтобы создать сайт нажимаем кнопку «ок» .

Начальная настройка сайта. Просмотр настроек.

Далее переходим к созданию своего сайта. В режиме «Дизайн» наш сайт теперь выглядит вот так. Высота страницы 500 пикселей минимальная. Вот наши столбцы широкие, между ними средник в 20 пикселей. Поля у нас тоже 20 пикселей вокруг. И плюс еще 20 пикселей –  это у нас область браузера.

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

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

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

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

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