1. Начните с разрешения работы PHP-библиотеки GD2, которая нужна для генерации изображений на ходу с помощью РНР. Если вы оборудовали свою машину так, как описано в главе 1, то библиотека GD2 у вас уже инсталлирована, но она может быть не разрешена для работы. Откройте для редактирования конфигурационный файл php.ini. В типичной конфигурации ХАМРР этот файл находится в папке \xampp\apache\bin. В других случаях она может находиться в
папке Windows.
2. В файле php.ini удалите точку с запятой в начале приведенной ниже строки.
Эта точка с запятой делает строку комментарием; если ее нет, то GD2 разрешена
для работы в вашей системе.
extension=php_gd2.dll
3. Перезапустите Web-сервер Apache, чтобы новая конфигурация вступила в силу.
4. Создайте в папке seophp папку с именем dynatext.
5. Скопируйте в папку dynatext файлы шрифтов, которые нужны для замещения
заголовков. В системе Windows файлы шрифтов можно увидеть в скрытой
папке \Windows\Fonts, либо с помощью значка Шрифты, который находится в
панели управления. В данном упражнении скопируйте в папку dynatext файл
trebuc.ttf.
По соображениям законности мы не включили файлы шрифтов на страницу загрузки для данной книги. Если вы воспользовались страницей загрузки кода, вы все равно должны скопировать файл шрифта в свою папку dyna text, чтобы выполнить упражнение.
6. Загрузите файл http://www.alistapart.eom/d/dynatext/heading.php.txt в
папку dynatext с именем heading. php.
7. Внесите изменения в файл heading.php: присвойте переменной $font_file
имя файла шрифта, который вы скопировали в папку dynatext, и измените
$font_size на 23:
<?php
/*
Динамический генератор заголовков
Автор - Стюарт Розенбергер
http://www.Stewartspeak.com/headings/
Сценарий генерирует PNG-изображения текста, записанного
указанным шрифтом и размером. Эти PNG-изображения возвращаются
браузеру. Их можно и каптировать для дальнейшего использования.
При обнаружении кэшированного изображения новое не создается,
а браузеру передается найденная копия.
Документация по возможностям обработки изображений в РНР
находится по адресу http://www.php.net/image/
*/
$font_file = 'trebuc.ttf' ;
$font_size = 23 ;
$font_color = '#000000' ;
$background_color = '#ffffff ;
$transparent_background = true ;
$cache_images = true ;
$cache_folder = ' cache' ;
8. Загрузите в папку dynatext файл по адресу http://www.alistapart.eom/d/
dynatext/replacement.js.
9. Измените вызов функции replaceSelector, который находится в начале файла
replacement. j s: замените h2 на hi, а значение hideFlickerTimeout — на меньшее
значение, например, 100. Кроме того, измените ссылки на heading.php и
test. tif в соответствии с их местоположением в папке dynatext, следующим
образом:
function com_stewartspeak_replacement () {
/*
Динамический генератор заголовков
Автор - Стюарт Розенбергер
http://www.Stewartspeak.com/headings/
Этот сценарий ищет на странице специфические или общие элементы
и заменяет их динамически сгенерированными изображениями, добавляя
сценарий серверной стороны.
,*/
replaceSelector("hi","dynatext/heading.php",true);
var testURL = "dynatext/test.tif";
var doNotPrintlmages = false;
var printerCSS = "replacement-print.ess";
var hideFlicker = false;
var hideFlickerCSS = "replacement-screen.ess";
var hideFlickerTimeout = 100;
10. Теперь необходимо создать в папке seophp графический PNG-файл с именем
test.tif. Он может содержать что1 угодно, но чем меньше его размер, тем
лучше — например, изображение 1x1 пиксель. Это пробный файл, с помощью
которого сценарии проверяют возможности браузера. При отсутствии файла
test.tif текст не будет замещен. Такой файл можно загрузить со страницы
загрузки для данной главы.
11. Измените сценарий popup. php, добавив в него ссылку на сценарий replacement.js:
<?php
// загрузка библиотеки программ работы со всплывающими окнами
require_once ' include/popup_utils. inc .php' ;
?>
Профессиональная поисковая оптимизация на РНР: 0главление<^^1е>
Профессиональная поисковая оптимизация на РНР: Оглавление
12. Загрузите страницу http: / /seophp. example. com/popup. php. Если вы аккуратно
выполнили все шаги и в вашей системе включена поддержка GD2, то заголовок
будет заменен на изображение, как показано на рис. 6.10. Сравните рис. 6.10
и 6.2 и почувствуйте разницу!
И PHP-сценарий, генерирующий (и даже кэширующий) изображения для текстовых
элементов сервера, и JavaScript-сценарий, выполняющий замену на стороне клиента, имеют параметры для точной настройки замены изображением на любой вкус.
Мы оставляем эти конфигурационные параметры в качестве упражнения тем читателям, которые захотят использовать библиотеку Стюарта в своих проектах. В следующем разделе речь пойдет об усовершенствовании самого HTML.