Знакомство с программой Adobe Muse

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

После открытия программы Adobe Muse выбираем «новый сайт«.

Открываем программу Adobe Muse

Открываем программу Adobe Muse

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

Ширина страницы в Adobe Muse

Ширина страницы в Adobe Muse

У нас откроется страница «план» в программе adobe muse. На этой странице отображена наша пустая страница «домашняя». И так же есть шаблоны. Что такое шаблон? Шаблон — страница, при редактировании которой изменяются все остальные страницы связанные с этим шаблоном.

План в Adobe Muse

План в Adobe Muse

Создадим 3 страницы. Как нам в этих трех страницах поменять какое то содержимое? Например номер телефона. Нам нужно заходить в каждую страницу и менять номер телефона. Чтобы этого не делать , если страниц очень много, нужно всего лишь изменить этот номер телефона в шаблоне.

Давайте изначально будем создавать страницу в шаблоне. Для этого кликаем два раза по нашему «шаблону-А».

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

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

Открывается пустая страница в режиме дизайна.

Дизайн в Adobe Muse

Дизайн в Adobe Muse

В верхнем левом углу программы находятся стандартные пункты меню «файл», «редактировать»,» страница», » объект»,  » просмотр», » окно», » справка».

Панель меню в Adobe Muse

Панель меню в Adobe Muse

В правом верхнем углу программы Adobe Muse находится несколько режимов:

  1. План. В режиме план мы видим все созданные нами страницы, а также шаблоны.
  2. Дизайн. В режиме дизайна мы попадаем на конкретную страницу, которую можно редактировать.
  3. Просмотр. В режиме просмотр мы можем посмотреть как выглядит наш сайт в самой программе 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

Чтобы убрать обводку у прямоугольника в программе Adobe Muse, нажимаем «обводка» и выбираем цвет «нет«.

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

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

В правом окне программы у нас так же расположены инструменты. Среди них такие инструменты как «текст«, «библиотека мини-приложений» и «слои«.

Adobe Muse блок

Adobe Muse блок

Чтобы посмотреть, как выглядит наша страница в браузере нажимаем по пункту меню файл → предварительный просмотр страницы в браузере.

Просмотр страницы в браузере

Просмотр страницы в браузере

Для того, чтобы выгрузить сайт к себе на компьютер в видео html и css файлов, которые дальше нужно залить на хостинг, после чего сайт будет работать, нажимаем файл → Экспортировать как HTML

Экспортировать сайт из Adobe Muse

Экспортировать сайт из Adobe Muse

В открывшемся окне вводим имя нашего домена и выбираем куда сохранить наш сайт, после чего нажимаем OK.

eksport

На этом урок окончен. Пишите Ваши комментарии и вопросы в форме ниже! Буду рад Вашему мнению и пожеланию.

С ув. Кривицкий Влад. ☺

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

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

Delivered by FeedBurner

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

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

комментария 2

  1. Андрей Ноак says:

    Влад, привет! Я правильно понял с этой программкой можно создавать и лендинги?

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