В этом уроке вы научитесь создавать, настраивать и сохранять новый проект сайта в программе Adobe Muse. Узнаете об особенностях настройки проекта в программе Adobe Muse. Узнаете об основных настройках сайта для удобства работы и правильного отображения на большинстве различных устройств.
Этим видеоуроком я начинаю серию видеоуроков для начинающих по работе в программе Adobe Muse. Несмотря на то, что основное мое занятие — видеомонтаж и обработка видео, иногда приходится быстро и оперативно создать для себя или своих друзей страничку в интернете. В этом мне и помогает Adobe Muse.
Это просто потрясающая программа по созданию подписных страниц, посадочных страниц, лэндинг-пэйдж, портфолио, презентаций, несложных продающих мини-сайтов, вебинарных комнат и т.д.
Программа не требует особых знаний языков программирования, имеет понятных, интуитивный и минималистичный интерфейс и представляет собой, по большей части, графический редактор веб-страниц.
Свежую версию программы Adobe Muse вы всегда можете скачать бесплатно с официального сайта компании Adobe и пользоваться ей в течении 30 дней без каких-либо ограничений. По истечении 30 дней для дальнейшего использования вам все же придется купить эту замечательную программу.
Начало. Создание нового сайта.
Итак, приступим. Это наш первый урок, в котором мы рассмотрим вопросы по созданию инастройке проекта. Открываем программу Adobe Muse, заходим в меню File -> Новый сайт.
Перед нами открылось окно, в котором программа предлагает нам настроить макет и содержимое сайта.
Именно в данном окошке мы и будем делать начальную настройку сайта.
Настроки проекта. Выбор Макета сайта.
Выбираем начальный макет, который зависит от устройства, для которого мы хотим создать сайт. Это может быть компьютер, планшет или телефон. Я буду создавать макет для персонального компьютера, поэтому оставляю здесь значение по умолчанию. Забегая вперед, скажу, что после того, как вы полностью создадите один из начальных макетов, вы сможете сделать макет для двух других устройств на основе уже созданного, что конечно очень удобно.
Далее переходим к настройкам размера страницы, полей и отступов. Рекомендуемое значение ширины страницы для правильного отображения сайта на большинстве устройств, а так же для удобства дальнейшей верстки — это 960, 1020 и 1200 пикселей.
В данном примере я задам значение в 1020 пикселей. Минимальная высота страницы зависит от того, насколько минимально длинной вы хотите ее сделать. Высота страницы может быть в один экран компьютера, например, 1080 пикселей при формате экрана Full HD или 7000 или 9000 пикселей, если у вас длинная продающая страница. Здесь мы выставляем именно минимальное значение. Если наша страница по ходу верстки окажется больше, то этот параметр автоматически увеличится на нужную величину. В любой момент вы сможете этот параметр изменить, вернувшись к настройкам проекта. Тут все зависит только от ваших предпочтений. Сейчас я выставляю значение в 1080 пикселей, так как считаю, что страницы моего сайта должны быть размером минимум в один экран формата Full HD.
Настройки проекта — поля, отступы и столбцы.
Мы переходим к настройке полей и отступов. С настройкой полей и отступов все очень просто. Для удобства и наглядности верстки я расставляю все значения на 0 пикс.
Далее переходим к параметрам столбцов. Эти параметры нужны нам для удобства верстки. Я выставляю средник 0 пикс., количество столбцов 12, ширина 85. Как видим, ширина посчиталась программой автоматически, как деление 1020 пикс на 12.
Настройка проекта — раздел «Содержимое».
В разделе «Содержимое» мы можем выбрать главный язык сайта и разрешение. Язык оставляем русский, разрешение выбираем стандартное. Здесь есть еще режим hidpi (2x). Он пригодится только, если мы создаем сайт для дисплеев Retina с высоким разрешением. При этом режиме программа Muse оставляет всю графику на сайте в высоком разрешении. Таким образом, вес страниц значительно увеличивается, и они могут долго загружаться у посетителей вашего сайта, особенно при медленном Интернет-соединении.
Все остальные параметры-галочки оставляем по умолчанию. На этом все. Нажимаем «окей» или клавишу Enter. Начальная подготовка проекта завершена, как и наш первый урок.
Сохранение проекта.
Давайте сохраним наш проект: зайдем в меню File -> Сохранить сайт, выберем, куда сохранить, назовем его Website1. Так пускай и будет по умолчанию. Сохраним куда-нибудь себе на жёсткий диск до следующего урока.
В этом уроке мы рассмотрели основные настройки проекта в программе Adobe Muse. В следующем уроке мы рассмотрим основные возможности программы по работе с блоками и изображениями.
Автор видеоуроков Adobe Muse —
Дмитрий Шаповалов.