Автор: Иван Афанасьев Опубликовано: 03.10.2011 Источник: SoftKey.info
Практически любой новичок в деле сайтостроения испытывает период потребности насытить свое первое детище анимированными картинками, интерактивными кнопками и прочими визуальными эффектами. Причем это справедливо как для потребителей услуг веб-мастера, так и для самих начинающих веб-программистов. Беда в том, что базовая технология HTML совершенно не предназначена для графических эффектов. Именно поэтому развились всевозможные флеш-технологии, Java-апплеты, фреймворки и так далее. Тем не менее существует уникальная CMS, позволяющая сделать аккуратный и красивый сайт с приятными спецэффектами совершенно без знания программирования.
Fuzzle CMS основана полностью на Flash. Главный разработчик системы написал в одном известном блоге следующие причины, побудившие его начать разработку:
"У Flash есть одно совершенно замечательно свойство — он с самого начала ориентирован на использование объектов. То, ради чего в HTML приходится подключать и долго настраивать JS-библиотеки (Drag&Drop, Fade-эффекты), — все это во Flash присутствует изначально. Кроме того, любые объекты во Flash будут выглядеть одинаково во всех браузерах".
И действительно, с помощью этой технологии можно создать программный продукт с удобным интерфейсом и понятной логикой, такой, к которой все привыкли в обычных приложениях. Единственный серьезный недостаток Flash – его невидимость для поисковых систем. Эта проблема тоже решена в CMS путем параллельного создания обычных HTML-страниц.
Fuzzle CMS идеально подходит для личных страниц, презентационных и промосайтов, галерей, небольших сайтов-визиток для фирм и организаций. Впрочем, в составе ее модулей есть и интернет-магазин. Использование Flash дает обширные возможности по публикации мультимедиаконтента – видео, фото, аудио.
Однако, чтобы использовать все эти возможности, необходимо основательно подготовиться. Fuzzle - это та CMS, которая работает полностью на веб-сервере. Для работы вам нужен Apache-сервер, PHP, MySQL и Zend Optimizer. Если эти названия выглядят непонятными, то вам понадобится помощь специалиста. Тестовую демоверсию CMS можно поставить на локальную Windows-рабочую станцию с помощью набора "Денвер". На сайте разработчика Fuzzle есть подробная инструкция по установке и настройке. В принципе никаких особых хитростей нет, достаточно следовать инструкции. После того как вы установили веб-сервер и саму CMS, вы попадаете на страницу демоверсии.
Структуру сайта представляет swf-файл с основным дизайном. В этом файле выделяется прямоугольная область, внутри которой будут отображаться страницы с контентом. Вместо Flash в качестве дизайна можно использовать обычный графический файл (jpeg, png). После ввода логина и пароля администратора вы попадаете в режим редактирования. В демоверсии присутствуют только базовые модули, по которым можно понять основной принцип работы. Лучший способ проверить работоспособность системы - это повторить в ней то, что уже сделано другими средствами. Перенесем на платформу CMS Fuzzle сайт Bananafood.
Дизайн сайта в нашем случае – это копия экрана оригинального сайта в браузере. В графическом редакторе с него было удалено все лишнее (текст и меню). Соответственно, белая область – это место, где будет отображаться контент, желтая – постоянно отображаемая на экране часть с главным меню и так далее.
Работа над сайтом состоит в том, что мы вставляем в дизайн необходимые блоки (текст, графика, ссылки). Все блоки на странице можно двигать, изменять размеры, привязывать и выравнивать по сетке – все знакомые по графическим редакторам действия.
У каждого блока, помимо своих собственных свойств, есть настройки эффектов и оформления.
Мастер эффектов позволяет настроить анимацию блока при его появлении на странице.
Оформление позволяет изменить внешний вид блока, указав цвет и стиль рамки, фон, свечение.
Аналогичные методы оформления и эффекты используются на блоках типа ссылки при взаимодействии их с курсором мыши (наведение, нажатие).
Эти эффекты и оформление можно копировать между блоками. Можно, настроив один блок, создавать на его основе все остальные. Таким образом было создано главное меню, состоящее из блоков типа текстовой ссылки. Ссылки ведут на страницы сайта, которые можно создать заранее, а можно непосредственно в процессе создания ссылок на них.
На каждой странице, в режиме администратора, внизу есть кнопка для ее редактирования. Процесс редактирования страниц такой же, как и при редактировании дизайна.
Для удобства можно создать страницу-шаблон со всеми необходимыми блоками, расположенными согласно требуемой схеме, но без наполнения. Все последующие страницы создаются на ее основе.
На сайте можно публиковать любые офисные документы, но прежде их необходимо сконвертировать в формат PDF. В демоверсии мне, к сожалению, не удалось этого сделать.
В итоге сайт удалось перенести практически один в один. Неизвестным только остался вопрос о вставке на страницу кодов счетчика, баннеров и прочих чисто HTML- или JavaScript-элементов.
Навигация по сайту в Fuzzle CMS
Fuzzle CMS выглядит достаточно продуманным и целостным продуктом. На официальном сайте программы есть множество доступных учебных материалов как для пользователей, так и для дизайнеров и программистов. Для дизайнеров для скачивания предоставлены шаблоны базового флеш-дизайна и выложена подробная документация. Для программистов CMS имеет API-интерфейс также с примерами и инструкциями. Есть небольшой каталог дополнений и виджетов, которые продаются отдельно.
К сожалению, судя по всему, проект не слишком активно развивается, несмотря на его потенциальную привлекательность для пользователей. Возможно, одной из причин является отсутствие собственного сервиса по предоставлению хостинга. Последнее время клиенты избалованы возможностью получить продукт "под ключ" с размещением его в Сети без дополнительных проблем. С другой стороны, найти подходящий хостинг достаточно просто, тем более что CMS не требует каких-то особых настроек, и если этот вопрос будет решен, то создать сайт с помощью Fuzzle CMS сможет любой.
