Создание шапки для сайта в программе Adobe Muse

| Рубрика : Уроки Adobe Muse |

Здравствуй дорогой друг! В предыдущем уроке мы с тобой разобрали интерфейс программы Adobe Muse. Это графический конструктор сайтов и, чтобы создать сайт, не нужны знания HTML и CSS.

В этом уроке мы с тобой создадим шапку сайта в программе Adobe Muse. Данный урок является одним из серии уроков по созданию, продвижению и монетизации партнерского сайта. Более подробно посмотрите в этом уроке.

Итак, открываем шаблон:

Открываем шаблон Adobe Muse

Открываем шаблон Adobe Muse

Я буду создавать второй сайт, для той же организации, для которой я создавал первый сайт shuby.zp.ua. Но данный сайт находится в городе Запорожье, а второй сайт я буду делать по всей Украине.

Дизайн сайта будет не уникальным, потому что сидеть и придумывать дизайн не много не моё, я не дизайнер. Поэтому я просто возьму дизайн другого сайта, посвящённому меху и коже. Мы практически полностью скопируем дизайн сайта self-a.ru. Отличие лишь возможно будет в других картинках, разделах меню и т.д.

Для того, чтобы полностью скопировать сайт, нужны некоторые инструменты. Нам понадобится программа Сolormania. Ты её можешь скачать бесплатно в интернете. Так выглядит интерфейс программы:

colormania

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

colormania-cvet

Ещё один инструмент, который нам понадобится, это «просмотр кода элемента». Нажимаем правой кнопкой по тому элементу, код которого нужно просмотреть, и выбираем «просмотр кода элемента» в гугл хроме. В других браузерах будет какая-то похожая фраза:

prosmotr-koda-elementa

Зачем нам эта функция? В моём случае нужно полностью скопировать шапку сайта. Мне нужны такие параметры, как «шрифт», «цвет», «размер шрифта» и т.д. И я могу посмотреть все эти данные с помощью кнопки «просмотр кода элемента».

Итак, давайте создадим шапку сайта в программе Adobe Muse

Выбираем инструмент «прямоугольник» и рисуем шапку сайта на всю ширину страницы:

Рисуем прямоугольник в Adobe Muse

Рисуем прямоугольник в Adobe Muse

Дальше с помощью пипетки копируем код цвета шапки на сайте. После чего заходим в программу Adobe Muse и в «заливка» вставляем скопированный код, после чего нажимаем «Enter».

Заливка прямоугольника в Adobe Muse

Заливка прямоугольника в Adobe Muse

Так же убираем обводку вокруг прямоугольника. Она появляется автоматически 1px черного цвета. Для этого в обводке выбираем «нет».

Обводка прямоугольника в Adobe Muse

Обводка прямоугольника в Adobe Muse

Далее нам нужно сделать логотип. Я проинспектировал шапку сайта (смотрите видео в начале статьи) и дальше рисуем текстовое поле. После чего я пишу название сайта:

Логотип в Adobe Muse

Логотип в Adobe Muse

Мы можем поменять размер, цвет и шрифт текста. Для этого нужно выделить текст и произвести соответствующие изменения. Так же если нужно шрифта нет в Adobe Muse, нужно его добавить. Это делается следующим образом:

Шрифт в Adobe Muse

Шрифт в Adobe Muse

Дальше откроется окно со шрифтами. Выбери нужный и нажмите «Ок». Либо введите название шрифта в поиск:

Добавление шрифта в Adobe Muse

Добавление шрифта в Adobe Muse

Теперь нам нужно вставить телефоны, по которым будут звонить клиенты. Для этого точно так же рисуем текстовое поле и вписываем номера телефонов:

Телефоны в Adobe Muse

Телефоны в Adobe Muse

Точно так же, как мы делали логотип, я делаю описание сайта. И у меня получается следующее:

Описание в Adobe Muse

Описание в Adobe Muse

После того как шапка сайта создана, нужно сохранить все изменения. Для этого нажимаем сочетания клавиш CTRL+S. И наш шаблон сохранится.

Я надеюсь, что у тебя всё получилось! Если что-то не понятно, лучше посмотри видео в начале статьи, так как в видео всё видно и понятно гораздо лучше! ☺

Всегда рад Вашим комментариям под статьёй. Не скупитесь — отпишитесь))

Вам понравился материал? Поблагодарить легко! Буду весьма признателен, если Вы поделитесь этой статьей в социальных сетях.

Не пропустите новые КЛАССНЫЕ статьи. Подпишитесь ↓

Delivered by FeedBurner

Автор: Кривицкий Владислав

Здравствуйте читатели моего блога. Меня зовут Кривицкий Владислав, мне 21 год и занимаюсь созданием, продвижением сайтов и интернет магазинов с 2011 года. Так как за всё время моей деятельности в интернете появилось много практических знаний и навыков, хочу ими делиться на страницах этого блога. Так же если Вы "клацнете" по моему имени, то попадёте на мою страницу ВКонтакте. Пишите в личные сообщения, стараюсь всем ответить и помочь.

Оставь свое мнение первым +

Добавить комментарий