ГРАФИКА В КОДАХ HTML ДОКУМЕНТА
А. М. Белов
Известно, что HTML документы не имеют своей собственной графики. HTML документы содержат лишь код обеспечивающий вставку в документ изображений из файлов графики. При этом чаще используются файлы *.gif и *.jpg. Однако в настоящее время имеется возможность, используя только код HTML документов непосредственно в HTML документах размещать код изображений. При этом, конечно, появляется вопрос. А, зачем это надо? Вроде и так изображения из графических файлов без проблем вставляются в HTML документы.
На этот вопрос можно ответить следующее. Имея отдельные графические файлы, их приходится всюду таскать за файлом *.html. Следить, что бы адреса этих графических файлов были правильно прописаны в файле *.html. Это приходиться делать, даже если надо в HTML документ вставить пару маленьких формул и один график. Не все правайдеры предоставляют место под графические файлы, и приходится искать место для их размещения где-то еще. Существуют такие пользователи интернета, которые отключают полностью или частично загрузку графических файлов, а Вы старались, делали красочную рекламу, а в место нее на экране серые прямоугольники, да служебные надписи.
Из кода HTML документов для формирования изображений можно использовать код для вставки таблиц. Изображения можно набрать так же и фреймами. Конечно, для формирования изображений лучше всего подходят таблицы, так как, по сути, это те же матрицы. Выглядеть файл такого изображения будет примерно так:
<
html >
<
table border = 0 cellpadding = 0 cellspacing
= 0 >
<
tr >
<
td height = 1 width = 1 bgcolor = #000000 >< /td >
<
td width = 1 bgcolor = #000000 >< /td >
………………
<
/tr >
<
tr >
<
td height = 1 bgcolor = #000000 >< /td >
<
td bgcolor = #000000 >< /td >
……………….
< /tr >
……………….
< /table >
< /html >
Анализ представленного кода показывает, что такая графика без искажений будет отображаться только в браузерах допускающих в коде пропуск символов. К таким браузерам относится наиболее популярный Internet Explorer.
Ниже приведен пример изображения, заданного в HTML кодах с использованием выше, приведенного кода:
Основным недостатком такого способа отображения изображений является, то, что файлы изображений *.htm будут иметь в несколько раз больший размер, чем соответствующие файлы изображений *.bmp. Это связано с тем, что растровые файлы в основном содержат только последовательность цифр RGB-кода, а в файлах изображений *.htm приходится кроме кода, обозначающего цвет хранить еще и иные слова и обозначения. Поэтому в файлах изображений *.htm целесообразно хранить относительно небольшие графические объекты.
Увеличить размеры графических объектов без соответствующего увеличения объемов файлов изображений *.htm можно путем увеличения размеров ячеек в таблице формирующей изображение. Однако этот способ подходит для изображений устойчивых к аллисингу.
Файлы изображений *.htm в определенных пределах поддаются редактированию как обычные файлы *.htm или *.html, в том числе при помощи специальных программ, например, таких как, Microsoft FrontPage. В файлы изображений *.htm можно дописывать необходимый код или код этих файлов можно вставлять в иные файлы *.htm или *.html.
Создать файл изображения *.htm можно просто в ручную набирая соответствующий код (образец приведен выше), но на такую работу вряд ли кто согласиться. Можно воспользоваться специальной программой, например Microsoft FrontPage. В этом случае формирование файла изображения *.htm будет осуществляться в полуавтоматическом режиме. После получения файла из него в ручную конечно надо будет изъять символы неразрывного пробела.. Таким образом получить файл изображения *.htm простого рисунка конечно легче, но трудозатраты все еще слишком велики. Поэтому, если необходимо с минимальными затратами и полностью в автоматическом режиме получить файл изображения *.htm, то лучше воспользоваться специальной программой. Пример такой программы, преобразующей файл *.bmp в *.htm файл можно посмотреть здесь.
июль 2004 года
