-
Метки
-
Мои проекты
-
Полезности
-
Архивы
Шаблон для презентаций
27 Фев2010
Как-то мне надо было быстро собрать презентацию одной системы. Традиционно, легких путей мы не ищем и вместо стандартного Power Point используем Flash. Все бы ничего, да текст и картинки на момент сборки были еще в глубокой работе. В общем, как и структура презентации. Опыт подсказывает, что в таких случаях наполнять контентом всю презентацию прямо во флеш-редакторе — крайне непродуктивное занятие. Хотя бы тем, что не подключить на вычитку текста грамотного человека, не владеющего флешем. Да и вообще параллельная работа рулит. Не долго думая, сделал вот такой вот каркас из флеш-контейнера и XML файлов с контентом:
Открыть шаблон в браузере. Шаблон не содержит загрузчиков, так как делался для локального просмотра, но, в принципе, грузится достаточно быстро и в сети. Шаблон состоит из двух частей:
- Презентация.exe (или .swf если презентация нужна в сети)
- папка content
Презентация сделана в разрешении экрана 1024*768 и после запуска разворачивается на весь экран. Помимо управления мышкой она реагирует на стрелки клавиатуры и клавишу пробел (следующий слайд).
Собственно сама презентация является контейнером для подгружаемых слайдов из папки контент. Контейнер этот содержит общее оформление, название презентации или компании, кнопки навигации между слайдами, анимацию перехода между слайдами и кнопочки «свернуть» и «закрыть» в правом верхнем углу (работают только в локальной версии). Контейнер грузит файл config.xml и таким образом узнает, что грузить дальше. Слайдами могут быть изображения или другие flash-клипы.
Все самое интересное, конечно же, находится в папке content:
- config.xml
- container.swf
- style.css
- .xml файлы с контентом и папка pic с картинками презентации.
Разберем подробнее:
Файл config.xml — содержит последовательность слайдов
<page value='1.swf' title=' '/>
<page value='container.swf' content='2.xml' title='Заголовок слайда'/>Слайд с путем «value» может быть сразу картинкой (в формате .jpg или .png) или еще одним флеш-клипом (.swf). В примере первый кадр сделан клипом с анимацией названия презентации (1.swf), а второй — универсальным клипом-контейнером (да, контейнер в контейнере
) В случае контейнера клипу передается еще один параметр «content» с файлом, в котором этот самый контент и находится, а заодно параметр «title» c названием слайда.
container.swf — универсальный контейнер, который подгружает xml-файл с контентом, парсит его и конструирует слайд. Понимает два тега: <image> и <text>. Первыми мы вставляем картинки, вторыми текстовые блоки. Текстовые блоки поддерживают простые html-теги и оформляются через css-стили.
Оба тега имеют свойства x и y — координаты блока. У <image> есть свойство «pics» — путь до картинки (как мы знаем, картинкой во флеше может быть файл .jpg, .png или снова .swf, таким образом, можно сделать анимированный график, например). У <text> свойство «w» — ширина блока. По высоте текстовый блок растянется автоматически.
style.css — CSS-стили, которыми оформляется контент контейнером. В примере заданы обычный текст <p> и заголовок <h3>.
Все XML файлы должны быть сохранены в формате UTF-8. Иначе во флеше пропадет кириллица.
Немножко запутано, но на самом деле — достаточно универсальное решение под разного рода задачи: дизайнер делает шаблон и собирает пару базовых кадров, готовит иллюстрации, а затем контент-менеджер спокойненько себе наполняет презентацию.
Исходники не содержат .exe файл, думаю, вы сможете сгенерировать его самостоятельно (File -> Publish Settings -> На вкладке Formats поставить галочку Windows Projector (.exe) и кликнуть кнопку Publish).
В архиве вы найдете все нужные .fla файлы (версия Flash 9), .psd файл с макетом шаблона и папку с демонстрацией.
Скачать исходные файлы (.zip, 2300 Kb)
Условия использования:
Свободно для применения в работах любого типа: коммерческих и бесплатных, личных и для заказчика. Разрешается модифицировать, изучать, использовать частично и полностью. Распространяется «как есть». Автор не несет ответственности за неправомерное использование шаблона. Буду благодарен, если вы сообщите, как и когда вы использовали шаблон.
- Рубрики: Free
- Метки: Flash, free template




1 комментарий к записи Шаблон для презентаций
dimkok
14th Март 2010 в 21:44
Спасибо. Взял как основу для презентации ВКР.