Создание сайтов и лендингов в Adobe Muse. Урок 1 (Начало работы, интерфейс)

Автор Elena Batratskaya
Создание сайтов и лендингов в Adobe Muse. Урок 1 (Начало работы, интерфейс)

Здравствуйте.

С вами снова. Николай web-дизайнер stud.lms после водного видео мы начинаем изучение программы Adobe мьюз. Сегодня мы.

Познакомимся с интерфейсом.

Для начала откроем программа хочу отметить, что я использую на данный момент последнюю версию Music 2015.2. Для более понятного восприятия. Рекомендую вам тоже эту версию. Но если такой возможности нет то ничего страшного кардинальных отличий нет, но должен отметить что. В новых версиях появился новый функционал о котором расскажу больше. Итак открыть программу мы видим перед собой начальный экран в. Центральной зоне отображаются последние проекты над которыми вы работали с помощью этих логичных кнопок можем начать новый проект или открыть существующий во сколько в старых версиях начальный экран отличается мы будем открывать и создавать проекты из верхнего меню которые одинаково у всех версий программы сама. Верхнее меню в стандартном для всех программ Adobe вообще всех компьютерных программ с пунктами этого меню. Более подробно мы познакомимся в процессе нашего обучения. А сейчас мы создадим новый проект нажмем File rename появилось окно параметров нашего создаваемого сайта вот тут начинается. Главное отличие от старой версии программы в последних версиях адоб мьюз. Появилась возможность давать адаптивный сайт который автоматически подстраивается под размер экрана пользователя самым первым пунктом. Мы выбираем какой мы хотим получить в итоге сайт значения ширины или постоянно, но чтобы не забывать вам сразу голову этим функционалом владельцы старых версий не расстраивались мы пока, что выберем постоянная ширина адаптивным сайтом я сделаю один урок в любом случае вы сможете начать создавать стать, а потом придать ему адаптивность обо всём. Об этом я расскажу уроки адаптивных сайтов дали нам нужно выбрать ширину нашего сайта если вы создаете сайт с расчётом для шутеров. Я рекомендую указать значение 1280 так как — это стандартная ширина сайтов для компьютера хочу отметить, что с кранами современных планшетов и телефонов такие сайты замечательно читаются на мобильных устройствах пункте столбце указаны значения 12 этот пункт отвечает за разметку рабочей зоны и влияет только на разработке сайтов мне лично удобно работать с двенадцатью столбцами, но вы можете выбрать любое значение для вас средний — это ширина столбца оставим — это значение по умолчанию влияет также только на удобство в работе в дополнительные настройки. Я рекомендую не трогать то они абсолютно не важны в 99 и 9% случаев и теперь нажимаем пауки на экране появилась карта сайта разделена на две части верхней у нас отображаются все страницы сайта в нижней части шаблона все элементы которые вы разместите на шаблоне будут отображаться на всех страницах сайта шаблонов можно создавать и ко всем страницам сайта можно присваивать свой шаблон поскольку адоб мьюз — это не движок сайта инструмент для удобного создания чистых HTML сайтов придется создавать каждую индивидуальной, но система с шаблонами сильно облегчает процесс создания многостраничных сайтов по шаблонам во мне всё понятно более подробно. Мы остановимся на них в уроки анализ конечных сайт, а пока, что мы будем создавать одностраничные сайты или лендинг. Пейдж собственно для создания лендингов подходит просто идеально. Ну, что ж теперь. Познакомимся с рабочей зоной для этого дважды кликаем на страницу с которой мы начинаем разработку. Во сколько наш сайт одностраничник страниц как мы указывали ранее перед нами появились 12 столбцов расстояние между ними 20 пикселей в левом столбике мы видим все наши рабочие инструменты первый инструмент выделение с помощью его мы выделяем и перемещаемся элементы сайта 2 инструмент рамка за всю мою карьеру. Он мне ни разу не пригодился 3 течь тут всё ясно с помощью этого инструмента мы вводим текст если зажать значок мы можем выбрать инструмент. Вертикаль 4 инструмент — это прямоугольник если зажать эллипс этот инструмент наиболее важен так как весь сайт будет состоять из этих элементов пятой инструмент — это фрейм схож с предыдущим инструментом только в этих элементах будет находиться изображение следующие инструмент рука тут думаю всё понятно альтернатива колесико мышки потом идёт лупа для лечения предпоследний инструмент. Якорь о нём я расскажу в следующих уроках и последний инструмент актуальным для адаптивных сайтов о нём подробно остановимся в соответствующем рынке в правом столбце настраиваемые инструменты редактирования рекомендую сделать эту зону такой же как и у меня до этого. Откройте Верхнее меню окно и выберите пункт 1 пункт — это редактирование текста здесь мы можем тонко настроить параметры текст функция образцы. Мы выбираем цвета заливки библиотека имени приложение — это библиотека стандартных виджетов меняющие функционал сайта библиотека — это за виджеты из внешних источников aveji так подробно расскажу уроки. Авито состояние — это состояние объекта при положение курсора мышки над ним или клип эффекты прокрутки — это различные эффекты прокрутки которые мы можем сделать с помощью. Кадышевой перспектива — это как раз функционал адаптивных сайтов пока, что пропустили эффекты — это трифекта которые мы можем наложить на объект тень объём свечения слои — это аналогии с. Фотошопом для удобства и порядка во время работы и ресурсы здесь все файлы присутствующие в нашем сайте в основном — это фотографии и картинки.

0 комментариев
0

Читайте также