Наш канал на Youtube

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

Эту задачу решил Dave Bricker, профессор кафедры графического дизайна  Университета искусств в Майами, штат Флорида. Используя программу Flash он создал навигационную панель, при помощи которой можно менять при просмотре размер публикации по отношению к экрану. В этой навигационной панели созданы кнопки перехода по страницам (вперед на одну, назад на одну), перехода в начало, в конец, на страницу с содержанием и на страницу, которую вы укажете. Увеличение масштаба производится слайдером в центре. Навигационная панель оснащена системой помощи. Дополнительной опцией является возможность отключать из показа какие-то страницы. Ну и конечно никуда не делась возможность «живого перелистывания» за уголки. Посмотрите примеры по этим ссылкам: portfolio site mockup и serialized novel. 

Для знающих программу Flash Dave Bricker приводит исходный файл *.fla, в котором можно поменять дизайн панели, добавить другие функции. Но если этого не делать, то система настолько проста, что с ней сможет разобраться любой пользователь. Со страницы автора скачиваем архив с несколькими упакованными файлами (index.html, bookScaler.xml, swfObject.js, bookScaler.swf, bookScaler.fla, brickPhotos.swf), распаковываем, удаляем авторский файл brickPhotos.swf, заменяя его своим swf-файлом. Открываем в блокноте файл настроек bookScaler.xml и в первой строке меняем название авторского swf-файла на свой, сохраняем. После этого  набор файлов можно загружать в интернет.

На  странице автора приведена ссылка на подробное руководство, в котором дана расшифровка настроечных параметров файла bookScaler.xml. Они просты и интуитивно понятны. Например, строка

<BOOK SETTING=»tocPage»>3</BOOK>

задает страницу с содержанием, а строка

<BOOK SETTING=»autoHideBottomNav»>true</BOOK>

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