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

Основные шаги

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

Когда количество макетов определено, Вы можете выбрать один из 5-ти исходных Moto-шаблонов. Узнайте больше о макетах и исходных шаблонах из нашего туториала. Исходные шаблоны можно найти на странице загрузок.

Если шаблон с необходимым количеством макетов отсутствует, Вы можете самостоятельно изменить существующий шаблон или создать свой собственный. В случае, если Вы решили создать Moto-вебсайт с чистого FLA-файла, не используя исходный шаблон, Вам необходимо добавить Moto-компонент. Нажмите здесь, чтобы узнать, как установить набор компонентов (MXP-файл).

Высота, ширина, а также фоновый цвет сайта должны быть заданы в Свойствах Документа файлов moto.xfl и website.xfl в Adobe Flash. Те же значения следует установить и в файле config.xml. Config.xml является конфигурационным файлом Moto-шаблона. Он редактируется только вручную, панель управления не вности никаких изменений в данный файл. Config.xml находится в корневом каталоге веб-сайта. Основными параметрами, которые следует задать, являются:

ALLOW_FULL_SCREEN - true / false - включение полноэкранного режима.
WEBSITE_WIDTH - ширина веб-сайта. Можно задать как число, так и 100%.
WEBSITE_HEIGHT - высота веб-сайта. Можно задать как число, так и 100%.
WEBSITE_MIN_WIDTH - минимальная ширина веб-сайта. Если ширина окна браузера меньше заданной ширины, появится полоса прокрутки.
WEBSITE_MIN_HEIGHT - минимальная высота веб-сайта. Если высота окна браузера меньше заданной высоты, появится полоса прокрутки.
FLASH_PLAYER_VERSION_REQUIRED - минимальная версия Flash-плеера, необходимая для просмотра сайта. 9.0.23 для CS3. 10 и выше для CS4, при условии, что задействованы функции CS4.

Все объекты Moto-шаблона распологаются в контейнерах. Контейнер - это пустой символ (MovieClip), в который можно добавлять различные элементы. Каждый контейнер может быть заанимирован по-своему, что расширяет возможности создания анимации веб-сайта в целом. Например, можно поместить верхнее меню в верхний контейнер, нижнюю плашку в нижний контейнер, содержимое страницы (контент) поместить в контейнер для контента, распологающийся по центру. Таким образом можно создать разную анимацию появления и исчезания для каждого из них.

Каждый шаблон по умолчанию имеет контейнеры уровня веб-сайта и страниц. Изначально они не имеют анимации, поэтому анимировать следует самостоятельно. Такие контейнеры уже содержат объекты и описаны в файле структуры (structure.xml).

Не обязательно создавать все контейнеры сразу. Их можно добавлять по мере необходимости в процессе создания веб-сайта.

Чтобы посмотреть пример создания и анимирования контейнеров, нажмите здесь.

Теперь можно перейти к созданию слотов. Вам следует создать слот в том случае, если Вы хотите, чтобы объект был анимирован и имел свойства, которые можно отредактировать в панели управления.

Примерами слотов являются кнопки "Узнать больше", кнопки закрытия, анимированные контейнеры изображений. Они могут иметь такие свойства, как цвет, размер, текст, и так далее. Эти свойства будут доступны пользователю для редактирования в панели управления.

Нажмите здесь, чтобы посмотреть примеры создания слотов.

Шаги для продвинутых

Когда слоты готовы, можно перейти к созданию усовершенствованных объектов - модулей. Модулями являются более сложные Moto-объекты, которые не только могут иметь анимацию и свойства, но также собственную панель управления. Панели управления модулей доступны из главной панели управления MotoCMS.

Наиболее распространенными примерами модулей являются меню, галерея, музыкальный проигрыватель, видео плеер, контакт-форма, и так далее.

Примеры создания модулей можно посмотреть здесь.

Прелодер со 100-кадровой анимацией находится в файле moto.xfl. Это тот главный прелодер, который отображается при загрузке сайта. Анимацию прелодера можно изменить под свои нужды.

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

Пожалуйста, используйте только стандартные шрифты в прелодере (Arial, Tahoma, и т. д.), так как использование нестандартных шрифтов может привести к конфликту со шрифтами в панели управления. Цвета, использованные в прелодере, не подлежат редактированию из панели управления.

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