1. Сначала нужно создать в вашем сайте подпапку, где будет храниться sIFR-код.
Для этого создайте в папке seophp папку с именем sifr, так что ее полный путь
будет /seophp/sifг/ .
2. Загрузите sIFR. Зайдите на страницу http://www.mikeindustries.com/sifr/ и
найдите внизу ссылку Download (Загрузить). На момент написания этих строк прямая
ссылка на самый свежий zip-архив была http://www.mikeindustries.com/blog/files/sifr/2.0/sIFR2.0. zip.
3. Распакуйте архив в папку /seophp/sifr/. Содержимое папки должно быть таким,
как показано на рис. 6.4.
4. Откройте файл sifr.fla, который находится в папке sifr , с помощью
Macromedia Flash (не Flash Player!). При его отсутствии можно загрузить пробную
версию по адресу http://www.adobe.com/downloads/ или на Web-сайте с
каталогом программного обеспечения наподобие http://www.softpedia.com.
5. Если Macromedia Flash инсталлирован правильно, он должен открыть файл
sifr.flа (рис. 6.5).
6. Загруженный сценарий sifг.fla позволяет встраивать шрифты в .swf-файлы,
которые выводят графический текст. Для каждого шрифта, который вы собираетесь использовать, необходимо выполнить одну и ту же процедуру. В данном примере выберите шрифт Trebuchet MS (но, если хотите, можно выбрать и другой шрифт). Дважды щелкните на белом прямоугольнике в центре сцены. После этого появится текст Do not remove this text (He удаляйте этот текст) и будет выделено окно Properties (Свойства). Щелкните на выпадающем списке шрифтов в
окне Properties и выберите нужный шрифт. Этот процесс показан на рис. 6.6.
7. Экспортируйте новый файл с расширением . swf, выбрав пункт меню File=>
Export=> Export Movie (Файл=> Экспорте=> Экспорт фильма). При запросе имени
файла нужно указать имя с учетом выбранного шрифта, т.к. именно для этого
и нужен экспортируемый файл — для хранения шрифта. В нашем упражнении
назовите этот файл super_font.swf и щелкните на кнопке Save (Сохранить),
как показано на рис. 6.7.
8. В форме настройки параметров, появившейся после щелчка на кнопке Save, оставьте значения по умолчанию, проверьте, что экспорт выполняется в формат
Flash Player 6, и щелкните на кнопке ОК.
9. После экспорта файла можно закрыть Macromedia Flash. Изменения в sifr.fla
сохранять не обязательно.
10. Откройте файл catalog.php и добавьте ссылку на файл sifr.js. Учтите, что
вы работаете с файлом catalog.php, который был создан в предыдущих главах.
Если вы не выполняли по порядку упражнений из первых шести глав, то можно
загрузить код с сайта книги.
<?php
// загрузка библиотеки генератора URL
require_once 1include/url_factory.inc.php';
?>
HaBopo4eHHbM магазин SEO
11. И последнее, что нужно сделать, чтобы увидеть sIFR в действии — это указать
строки, которые должны быть заменены. Для этого необходимо включить
JavaScript-код, который выполняет изменения при загрузке страницы. Добавьте
этот код в файл catalog.php перед закрывающим дескриптором , как
показано ниже (учтите, что это можно сделать и другими способами — см. документацию по sIFR).
// продолжать только если загружен код sIRF
if(typeof sIFR = "function")
{
// замена текста
sIFR.replaceElement(named({sSelector:"body hi",
4>sFlashSrc:"./sifr/super_font.swf")));
12. Вот и все! Если отключить JavaScript и загрузить страницу по адресу http://seophp.exaraple.com/catalog.html, то вы получите страницу каталога, в которой
используется стандартный шрифт заголовка (рис. 6.8).
13. А если загрузить ту же самую страницу, но с включенной поддержкой JavaScript
и Flash, то заголовок будет выведен новым шрифтом (рис. 6.9)!
После выполнения всей настройки sIFR совсем нетрудно использовать! Прежде
всего, нужно было создать Flash-приложение, содержащее шрифт, который требуется
распространять для ваших пользователей. Для различных элементов можно использовать
различные шрифты, но в рамках данного упражнения хватит и одного шрифта.
Чтобы эффективно использовать sIFR, нужно было указать в сценарии catalog.php
JavaScript-библиотеку sIFR и два ее CSS-файла:
media="screen" />
media="print" />
После указания JavaScript-библиотеки нужно, конечно, ей воспользоваться. Ссылка на sifr.js сама по себе ничего не делает — и вот здесь-то и начинается самое интересное.
Следующий код, который вы добавили в конец сценария catalog.php, применяет
функцию sIFR.replaceElement () для замены всех дескрипторов на Flash-
файлы, которые выводят тот же текст:
// продолжать только если загружен код sIRF
if(typeof sIFR == "function")
{
// замена текста
sIFR.replaceElement(named({sSelector:"body hi",
sFlashSrc:"./sifr/super_font.swf"}));
};
Условие (typeof sIFR == "function") проверяет, что библиотека sIFR успешно
загружена, поэтому сценарий не будет пытаться вызывать sIFR. replaceElement (),
если вы вдруг забудете указать JavaScript-библиотеку sIFR.
Функция replaceElement () поддерживает множество параметров, хотя необходимы только два из них: sSelector (задает HTML-элементы, которые нужно заменить) и sFlashSrc (указывает на Flash-фильм, содержащий нужный шрифт). Но поддерживаются и многие другие параметры, которые могут применяться для тонкой настройки замещения. Список параметров, которые можно использовать с функцией replaceElement ( ) , приведен в табл. 6.2.
Подробнее о применении sIFR можно узнать в документации "How to use"
(Как использовать), доступной по адресу http://wiki.novemberborn.net/sifr/
How+to+use.
После добавления последнего фрагмента кода все готово. Теперь ваша страница по умолчанию будет работать с замещенным текстом. А если пользовательский агент не поддерживает Flash или JavaScript, то он спокойно воспользуется стандартным шрифтом страницы.