11 янв. 2015 г.

Как создать страницу подписки в программе Adobe Muse

Одностраничные сайты в программе Adobe Muse 

http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html
Здравствуйте, дорогие друзья и гости моего блога!

Мы уже с вами не раз касались темы создания посадочных страниц, но сегодня у меня для вас есть еще один вариант, который избавляет от проблем тех, кто не дружит с познаниями программирования.

Речь пойдет о программе Adobe Muse CC от Adobe. Эта программа позволяет создавать и редактировать веб-сайты в визуальном режиме. 

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

Особенность программы Adobe Muse заключается в том, что нам нужно просто наполнять страницу контентом, а она сама выполняет все действия с кодом. Ее структура панели и функциональность очень напоминает адобовский интерфейс фотошопа и если вам, как и мне даже он не совсем понятен, то это не в коем случае не сможет стать непреодолимым препятствием.

Давайте пойдем самым легким путем и создадим очень простую страницу подписки, которая будет иметь все необходимые составляющие.

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

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

Давайте приступим. После скачивания программа устанавливается автоматически и перед нами открывается вот такое окошко, в котором нам предлагается создать свой первый сайт. Жмем на вкладку "Сайт".


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

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


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Теперь попадаем в меню нашего сайта, где есть уже готовый шаблон "А", который можем дополнять новыми страницами или добавить еще и другие шаблоны. Нам пока это не нужно, поэтому дважды жмем левой мышкой на верхний шаблон и теперь перед нами рабочая зона "Дизайна" сайта.

Делаем заливку браузера, выбрав нужный цвет, или же можем загрузить свой фон или картинку. Мы же сделаем заливку для наглядности.


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Следующий шаг, убираем обводку, установив размер границы на "0" и нажав на "Без обводки".


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Делаем заливку основного фона. Для этого можно:

1. Выбираем Заливка - Цвет - в верхнем правом углу жмем на значок "Пипетка" и переносим ее на фон браузера. Жмем левой мышкой, и цвет нашего основного фона становится идентичным цвету браузера.
2. Заливка - Цвет - выбираем другой цвет и устанавливаем прозрачность.
3. Заливка - Картинка - загружаем с компьютера  картинку и устанавливаем по центру.

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

Для этого жмем на стрелку для активации вкладки "Прямоугольник" после чего на основном поле чертим прямоугольник нужной нам формы. 


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Выбираем вкладку "Заливка" и "Загрузить картинку". После загрузки устанавливаем "Установить по размеру".


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Картинку можно загрузить и на прямую не создавая прямоугольник. Для этого во вкладке "Файл" жмем на "Поместить..." и загружаем ее с компьютера, устанавливаем на основном поле в нужном месте и задаем необходимый размер, растягивая ее или сужая. 

Теперь нам нужна функция "Текст". Выделяем стрелку и вкладку "Текст" после чего устанавливаем вставку для текста в нужном нам месте и вставляем скопированный текст или пишем его сами, предварительно установив шрифт, размер и цвет. Учтите, что при вставке скопированного текста нам придется его редактировать, как в обычном ворде.


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

С текстом разобрались, теперь устанавливаем форму подписки, код которой мы заранее сгенерировали на сервисе рассылок. Мы воспользуемся сервисом Джастклик так, как будем размещать нашу страницу подписки на этом сервисе. Хотя это и не принципиально ведь на Джастклик можно установить и форму подписки с сервиса Смартреспондер.

На верхней панели во вкладке "Объект" находим "Добавить сторонний HTML" и в открывшемся окне удаляем надпись, после чего устанавливаем наш код. Все, форма подписки установлена.


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Ниже по центру устанавливаем наши реквизиты со ссылкой обратной связи, используя для этого вкладку "Текст" и подсказки самой программы в виде вертикальной красной линии. 

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


http://www.iozarabotke.ru/2015/01/kak-sozdat-stranitsu-podpiski-v-programme-adobe-muse.html

Да забыла сказать, что весь процесс создания страницы мы можем наблюдать, переходя во вкладке "Файл" - "Предварительный просмотр страницы в браузере" где мы в реальном времени можем видеть, как располагаются элементы страницы. Если не устраивает, то редактируем до совершенства:)

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

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



А на сегодня все. В следующий раз рассмотрим способы размещения в интернете нашей подписной страницы созданной в программе Adobe Muse CC.

Два видеоурока о том, как создать посадочную страницу для своего проекта смотрите в новой статье

Надеюсь, что вам понравится работать с этой программой, и вы откроете для себя новые возможности для развития ваших проектов.

С уважением, Ирина Иванова

0 коммент.:

Отправить комментарий

Уважаемые читатели моего блога!
Приношу вам свои извинения за неудобства, но мне пришлось включить функцию "модерация комментариев" в связи с тем, что в последнее время участились случаи спама.
Благодарю за понимание.
С уважением, Ирина Иванова

Топ комментаторов

Архив блога

Общее·количество·просмотров·страницы

Яндекс.Метрика