«

»

Сен 06 2016

Adobe Muse, создаем первую страницу

Adobe Muse! Понятия! Расширение! Сетка! Сегодня расскажу о самой базовой информации – это о сетке. Я уверен, что 99% начинающих веб дизайнеров, не понимают самую первую базу, с точки зрения правильности, как задумывали разработчики.

Это самый первый пункт, с которого строится весь сайт. Будем заниматься правильными сайтами, делать сайты, которые будут продавать, конкурентно способными.

Содержание поста:

Сетка, на данный момент является основой. Я буду рассказывать, как правильно создать новый сайт.

Мы запустили Muse. Начинаем создавать новый сайт. Идем в /файл/, нажимаем /новый сайт/. Появляется окно, управление сеткой.

Расширение сетка Adobe Muse

В это же окно, вы сможете попасть, когда уже есть готовый сайт. Нажатием /файл/ →/Свойства сайта/. Увидите, именно это окно.

И так, что в этом окне находиться, какие настройки позволяет изменить Adobe Muse?

У нас есть ширина страницы

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

Расширение сетка Adobe Muse

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

Принято, четыре типовых размера

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

Это значит, что мы не можем делать ширину сайта нашего, примерно 1800 пикселей. Это очень большая ширина, и такой широкий сайт, ни как не будет отображаться на телефонах.

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

Минимальная высота

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

Поля

Далее идет параметр /Поля/. Я рекомендую, убирать поля. Все ставить по нулям. Это решает много проблем, с центрированием объектов.

Столбцы

Что можно, сказать о столбцах. Чем больше, количество столбцов, используется при определенной ширине страницы, то весь контент (информация), будет восприниматься, более жато. А также, будет проще работать с элементами сайта. Рекомендую делать количество столбцов от 12 до 22, в зависимости от количества контента. И количество должно быть четным. Почему четным? Потому что, есть правила гармонии, природа любит четные числа. В процессе дальнейшей работы, будет легче управляться с четным количеством столбцов. Просто поверите мне!

Средник

Дальше – средник. Это то расстояние, которое будет между столбцами. Я, ставлю, средник равен нулю, то есть его не использую. Рекомендую ставить ноль.

Ширина столбца

Ширина столбца – она высчитывается автоматически, будет меняться от количества столбцов.

Отступ

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

Потом у нас есть две галочки, /Выровнять по горизонтали/ и /Фиксировать нижний колонтитул/. Проследите, чтобы флажки были установлены.

Разрешение

Настройки разрешения, ставьте – стандартное. Настройка HDPI, достаточна сложная по работе, и у нас, на русскоязычном пространстве, вы не увидите какой-то пользы, от ее использования.

Язык

Настройка – язык. Очень простая. Если у вас, подразумевается русскоязычная аудитория, ставьте русский. Так как на этой настройке, будет проходить проверка, правописания.

Создаем первую страницу Adobe Muse

Давайте теперь, попробуем создать первую страницу сайта. Вот с такими параметрами. Ширина страницы 960. Столбцы 12. Средник ноль. И поля везде по нулям.

Расширение сетка Adobe Muse

Расширение сетка Adobe Muse

Нажимаем /ОК/. У нас создается новый сайт. Здесь уже создалась сетка.

Заключение

Если вы будете использовать сетку, я уверяю вас, что процесс разработки сайта, будет происходить быстрее и проще!

Надеюсь, что пост, Adobe Muse, понятия, расширение, сетка, был полезен!