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

Предупреждение автора:

Если вы настроены стать профессиональным разработчикам, то скорее бросайте Adobe Muse и идите говориться к собеседованию на профессионального разработчика по направлениям HTML или PHP.

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

Зачем кому-то использовать инструмент для создания веб-сайтов, например Muse, когда можно использовать WordPress и его темы? Ответ - «настройка». Несмотря на то, что существует буквально тысячи тем для WordPress, настроить тему, чтобы она действительно соответствовала потребностям, является сложной задачей. Другая причина заключается в том, что использование передовой базы данных WordPress для простого и линейного сайта было бы излишним.

Чтобы лучше понять, как работает Muse, можно попробовать использовать его для создания простой персональной целевой страницы, что-то вроде Flavors. me или About. me.

Шаг первый

Нужно выбрать «Создать новый сайт» из окна запуска или из меню «Файл».

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

Шаг второй

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

Можно легко добавлять, удалять и переупорядочивать страницы в окне «Планирование». Кнопка «+ (плюс)», чтобы добавить, и кнопка «X», чтобы закрыть.

В нижней части страницы можно увидеть кнопку A-Master. Это шаблон, который будет использоваться на сайте. Поэтому, если есть элементы, которые нужно сохранить на всех страницах, было бы намного проще добавить элементы в A-Master, вместо повторения их снова и снова.

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

Другими инструментами, которые помогут в процессе проектирования, являются «Панели» справа. Можно отобразить или скрыть эти панели через меню «окно».

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

Затем стоит добавить меню навигации, выбрав его на панели «Виджеты», затем перетащив его на веб-страницу. Настроить меню навигации можно используя «Настройки». Нажатие маленькой синей стрелки, вызовет окно «Параметры».

Чтобы изменить внешний вид текста (тип, цвет, размер), нужно использовать вкладку «Текст» на правой панели.

Шаг третий

Затем нужно добавлять Тексты и Прямоугольники с помощью инструментов на панели инструментов. Необходимо перетащить эти элементы в нужную позицию и настроить их с помощью правых панелей. Чтобы добавить внешние ссылки (или другие элементы HTML), нужно использовать меню «Вставить HTML» в разделе «Объект».

HTML-код ссылки вводится во всплывающем окне, далее следует нажать «ОК», чтобы добавить на сайт.

Подобно другим элементам, вставленный HTML-код настраивается очень легко. К сожалению, мы по-прежнему нельзя изменить цвет ссылки. Остаётся надеяться, что эта функция появится в будущей версии приложения.

После того, как все установлено, можете увидеть результат, щелкнув кнопку «Предварительный просмотр».

Последний шаг

После того, как всё будет готово и пора разместить сайт в Интернете, нужно использовать меню «Экспорт как HTML» в меню «Файл».

Необходимо выбрать место для сохранения проекта и нажать «Экспорт».

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

Этот короткий эксперимент показал, что создание персональной целевой страницы с помощью Muse так же просто, как добавление и настройка элементов. Но Muse также способен создавать более сложные сайты с несколькими страницами. Существует множество примеров веб-сайтов, показывающих, что Muse может способен делать.