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

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

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

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

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

План в Adobe Muse

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

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

Открываем шаблон в 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 блок

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

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

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

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

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

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

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